SkyWT
·
组件库 DayDesign 设计手记
内容提要
UI/UX 设计影响用户体验和网站个性。DayDesign 是一个轻拟物风的 React 组件库，作者因拟物风设计难度大而选择自开发组件库，以传达个性化视觉体验，强调设计的重要性。
关键要点
-
UI/UX 设计影响网站的个性和用户体验。
-
DayDesign 是一个轻拟物风的 React 组件库，旨在传达个性化视觉体验。
-
颜色定义包括背景色、前景色、hover 和 active 颜色等，支持 Lightmode 和 Darkmode。
-
拟物风设计更精致但难度较大，需要符合现实生活经验。
-
使用现成组件库可能导致风格不符和网页相似性过高。
-
作者选择自定义组件样式以保持个人风格，使用 Tailwind 开发组件。
-
网站的感觉来源于内容和 UI/UX 设计的综合影响。
-
设计风格对用户的潜移默化影响，感性的人更容易受到设计的暗示。
-
热爱编码和前端开发的原因在于将灵感转变为现实的能力。
延伸解读
拟物风设计的挑战
拟物风设计虽然能带来更精致的视觉效果，但其实现难度较高。设计师需要不断推敲组件的现实感，确保每个细节都符合物理直觉。这种复杂性可能导致开发时间延长，因此在选择设计风格时需权衡时间与效果。
自定义组件的优势
使用现成组件库可能导致网页风格相似，缺乏个性。作者选择自定义组件样式，以保持独特的视觉风格。这种方法不仅能传达个人风格，还能避免大众化设计带来的视觉疲劳，提升用户体验。
UI/UX设计的潜在影响
UI/UX设计对用户的影响往往是潜移默化的。设计不仅影响用户的直观感受，还能在无形中传达品牌个性。设计师应关注如何通过细节提升用户的情感共鸣，从而增强网站的吸引力和用户粘性。
延伸问答
DayDesign 组件库的设计风格是什么？
DayDesign 是一个轻拟物风的 React 组件库，旨在传达个性化视觉体验。
为什么作者选择自定义组件样式而不是使用现成的组件库？
作者认为现成组件库的风格不符合个人博客的需求，且使用广泛的组件库会导致网页风格相似。
拟物风设计的难点是什么？
拟物风设计难度较大，需要不断推敲组件符合现实生活经验的样式，并设计合理的交互效果。
DayDesign 组件库支持哪些配色方案？
DayDesign 支持 Lightmode 和 Darkmode 两种配色方案，定义了背景色、前景色及其 hover 和 active 颜色等。
UI/UX 设计如何影响用户体验？
UI/UX 设计通过字体、配色和动效等元素影响用户对网站的感觉，潜移默化地传达网站的个性。
作者对编码和前端开发的热爱源于什么？
作者热爱编码和前端开发的原因在于能够将灵感转变为现实的能力。
