#Design#UI#Craft

设计安静但有质感的工具界面

个人网站可以很酷,但长期使用的界面仍然需要克制、密度与清晰的信息层级。

1 min read
A sci-fi command surface with glass panels.

炫酷不等于噪声。一个面向长期写作和个人品牌的网站,需要在视觉识别和阅读体验之间保持平衡。

可读性优先

文章页的目标是阅读,所以它不应该把过多视觉效果带进正文区域。这个模板把强视觉放在首页,正文使用更稳定的排版、宽度和对比度。

微交互要可解释

Bento Grid 的卡片会根据鼠标位置改变光源和倾斜角度。这类动效有效的原因不是复杂,而是反馈直接:用户的输入和界面响应之间有清晰关系。

暗黑模式

暗黑模式不是简单反色。背景、边框、阴影、代码块和强调色都需要重新平衡,避免整个页面只剩一种蓝紫色。