设计2026-04-195 min
关于正文
这里按主站文章来整理,保留要点和结构,方便快速阅读。
正文
为什么后来我把视觉收得更轻
01项目早期的视觉更偏“运维控制台”与“HUD 仪表盘”风格,强调科技感和冲击力。但在实际使用中,这种风格会让信息显得太重,尤其是在日本用户习惯里,页面越清楚、越克制,越容易被认为是“认真做事”的产品。
所以我逐步把主视觉收成了浅色卡片、明确标题、较低噪音的层级结构,让页面不只是“酷”,而是“稳”。
参考文件src/app/page.tsxsrc/app/about/page.tsxsrc/app/blog/page.tsx
标准化比“风格化”更重要
02真正把产品拉齐的,不是某个单独页面的炫技,而是卡片、badge、按钮、状态文案这些基础组件是否统一。我的目标是让用户不管进首页、服务矩阵还是工具页,都能立刻读懂这是同一个系统。
这也是为什么后来我会反复收紧排版,减少中英混排里的“拼装感”,让页面语言和结构尽量一体化。
参考文件src/components/SiteHeader.tsxsrc/components/HomeSearch.tsxsrc/components/SiteFooter.tsxsrc/app/services/ServicesClient.tsx
日本用户视角下的收口
03站点主要面向日本推广后,我更明确地把设计目标改成了“清楚、安定、轻量”。这意味着 hero 不要太吵、按钮不要太多、说明不要太虚,用户进入页面后应该先看到结论,再决定要不要继续看细节。
所以你会看到首页、about、website-check、ip-lookup 这些页面的共同变化:更短的标题、更自然的文案、更低噪音的间距,以及更少的装饰性元素。
参考文件src/dictionaries/ja.jsonsrc/app/tools/website-check/WebsiteCheckClient.tsxsrc/app/tools/ip-lookup/IPLookupClient.tsx