需求沟通与收集要求
网站设计的起点不是设计稿,而是一系列问题:网站要为业务解决什么问题(销售、获客、信息展示)、目标受众是谁、是否已有内容或品牌风格、有哪些技术限制——比如将采用哪种平台进行前端开发。
结构与用户使用场景
在出现第一个视觉设计稿之前,需要先确定网站的信息架构:需要哪些页面、它们之间如何关联、用户从进入网站到完成目标操作(提交需求、购买、注册)要经过怎样的路径。这个阶段的错误,到后面页面都已经完成设计时再修改,代价是最高的。
线框图——在没有视觉干扰的情况下验证逻辑
线框原型只展示模块布局和屏幕顺序,不涉及颜色和字体——这样可以在讨论界面逻辑时,不被"喜不喜欢这个颜色"分散注意力。这个阶段调整结构成本低、也容易——修改线框图比修改成品设计稿快得多。
视觉设计稿
只有在线框图确定之后,才真正开始UI设计:色彩、字体排印、图标系统、按钮和输入框的各种状态、移动端适配。决定"精致感"的细节也在这个阶段打磨——间距、微动效、悬停状态。
交付开发
最终设计稿连同界面状态说明(悬停、错误提示、加载中会发生什么)一起交付,通常还会附上Figma文件链接,让开发者可以自己查看准确的尺寸、间距和颜色,而不需要另外整理成清单。
实际需要多长时间
对于一般的落地页或企业官网,从需求沟通到完成最终设计稿的流程,通常需要三到六周,具体取决于页面数量和沟通确认的轮数。对于带有个人中心或复杂逻辑的大型产品,工期需要在梳理清楚结构后单独评估。