free_zone

为了更好的生活,努力ing!

web设计之「蓝图设计」

一、前期准备

与用户(客户)沟通,参考历史网页,或者网络经典的模板,确定网页的草图,包括:

  1. 网页的IA图

  2. 草图。铅笔足矣,专注功能性,不要展示过多的细节而浪费时间。其中最主要的是导航布局(横竖?左右?文本风格or按钮风格?)

小步子改进,不断与客户沟通,避免大量无用的返工。


二、分镜表

在IA图和草图的基础上,提供:

  1. 大致色块分布(背景色、前景色的选择)

  2. 基本的交互设计


三、网页布局

这一阶段,才开始设计代码开发,使用HTML和CSS建立网站界面。


四、网站写作

用户没有耐心把页面中每一个字都细细的读一遍,用户对网站内容仅仅是扫读的方式。用适当的技巧来引导用户达到更好的阅读效果:

  1. 清晰的标题

  2. 小段落

  3. 黑体字或斜体字强调内容

  4. 对适当的内容采用重点列表


 参考阅读:

《深入浅出WEB设计》

评论
©free_zone | Powered by LOFTER