web设计之「蓝图设计」
一、前期准备
与用户(客户)沟通,参考历史网页,或者网络经典的模板,确定网页的草图,包括:
网页的IA图
草图。铅笔足矣,专注功能性,不要展示过多的细节而浪费时间。其中最主要的是导航布局(横竖?左右?文本风格or按钮风格?)
小步子改进,不断与客户沟通,避免大量无用的返工。
二、分镜表
在IA图和草图的基础上,提供:
大致色块分布(背景色、前景色的选择)
基本的交互设计
三、网页布局
这一阶段,才开始设计代码开发,使用HTML和CSS建立网站界面。
四、网站写作
用户没有耐心把页面中每一个字都细细的读一遍,用户对网站内容仅仅是扫读的方式。用适当的技巧来引导用户达到更好的阅读效果:
清晰的标题
小段落
黑体字或斜体字强调内容
对适当的内容采用重点列表
参考阅读:
《深入浅出WEB设计》