个人网页设计建议:留白、突出重点与个人风格
作者针对小伙伴们个人网页普遍内容过满、缺乏重点的问题,结合自身 UI 设计经验提出九条建议:一是留出空白,让首屏清晰传达“你是谁、做什么”;二是把成熟项目和成果前置;三是配色先确定风格,强调色克制使用;四是重视字体对气质的影响,区分字号字重;五是让 AI 少用千篇一律的卡片布局;六是融入个人小巧思;七是广泛浏览设计参考积累审美;八是动效克制并注意移动端适配;九是可加轻量音效彩蛋。核心观点是个人网页应体现个人风格,删繁就简。
作者针对小伙伴们个人网页普遍内容过满、缺乏重点的问题,结合自身 UI 设计经验提出九条建议:一是留出空白,让首屏清晰传达“你是谁、做什么”;二是把成熟项目和成果前置;三是配色先确定风格,强调色克制使用;四是重视字体对气质的影响,区分字号字重;五是让 AI 少用千篇一律的卡片布局;六是融入个人小巧思;七是广泛浏览设计参考积累审美;八是动效克制并注意移动端适配;九是可加轻量音效彩蛋。核心观点是个人网页应体现个人风格,删繁就简。
作者学习了Punk大佬的网页系列教程,利用周末两天时间,通过Codex独立完成了一个个人网页的开发并成功上线。文章分享了三个核心经验:1. 开发前需与AI充分沟通设计方案,确保方案清晰可执行;2. 迭代时可将对标网页的动效录屏给AI,通过拆帧理解并复述确认;3. 若无法清晰描述动效,可让ChatGPT生成布局图,再交给Codex实现。作者强调与AI交互的重要性,并计划继续优化网页。