SkyWT
·
组件库 DayDesign 设计手记
原文中文，约2200字，阅读约需6分钟。
📝
内容提要
UI/UX 设计影响用户体验和网站个性。DayDesign 是一个轻拟物风的 React 组件库，作者因拟物风设计难度大而选择自开发组件库，以传达个性化视觉体验，强调设计的重要性。
🎯
关键要点
-
UI/UX 设计影响网站的个性和用户体验。
-
DayDesign 是一个轻拟物风的 React 组件库，旨在传达个性化视觉体验。
-
颜色定义包括背景色、前景色、hover 和 active 颜色等，支持 Lightmode 和 Darkmode。
-
拟物风设计更精致但难度较大，需要符合现实生活经验。
-
使用现成组件库可能导致风格不符和网页相似性过高。
-
作者选择自定义组件样式以保持个人风格，使用 Tailwind 开发组件。
-
网站的感觉来源于内容和 UI/UX 设计的综合影响。
-
设计风格对用户的潜移默化影响，感性的人更容易受到设计的暗示。
-
热爱编码和前端开发的原因在于将灵感转变为现实的能力。
❓
延伸问答
DayDesign 组件库的设计风格是什么？
DayDesign 是一个轻拟物风的 React 组件库，旨在传达个性化视觉体验。
为什么作者选择自定义组件样式而不是使用现成的组件库？
作者认为现成组件库的风格不符合个人博客的需求，且使用广泛的组件库会导致网页风格相似。
拟物风设计的难点是什么？
拟物风设计难度较大，需要不断推敲组件符合现实生活经验的样式，并设计合理的交互效果。
DayDesign 组件库支持哪些配色方案？
DayDesign 支持 Lightmode 和 Darkmode 两种配色方案，定义了背景色、前景色及其 hover 和 active 颜色等。
UI/UX 设计如何影响用户体验？
UI/UX 设计通过字体、配色和动效等元素影响用户对网站的感觉，潜移默化地传达网站的个性。
作者对编码和前端开发的热爱源于什么？
作者热爱编码和前端开发的原因在于能够将灵感转变为现实的能力。
🏷️
