需求分析是网站项目制作的开始，需要我们站在传播者和接收者两个角度去分析问题，得到项目的关键点和主要表现方式，之后还会引入一些标准化的方法来避免人为因素的影响。
现在开始进行页面草图的设计，页面草图是一个页面的框架，确定各个模块的位置。在页面设计中，将遵循一些基本的规律，如页面布局的重要性，九宫格法则和模块权重分配等。
当我们在设计这个专题的时候，设计上大致分为网站标准元素、页面整体风格、模块设计等。
网站标准元素。包括：
1 网站本身的VI准则。要符合网站本身的一些颜色设定，logo规则，形状规则，以及如导航栏，关于等这些元素的一致性。在这个车厂专区的设计中，这一部分比较好做，我们考虑的更多的是车长本身的VI，因为这是一个专区，在一些频道的设计中，这点需要考虑周到。
2 传播方的设计准则。如果我们是要传达某个产品，介绍某个厂商，那么这个产品和这个厂商是有自己的形象设计的，要遵循。
页面整体风格。包括：
1 页面的基调颜色。一般不超过两种。
2 logo大小和位置。
3 多少个屏。
4 多少栏设计以及栏位的比例。先在很多时候一般是混合设计，但一般来说总是有一个主要的栏位分配，两栏或者三栏。
模块设计。模块是网络项目设计时候的一个基本单位，模块组成一个网页。
模块的基本属性包括：
0 这是什么模块。
1 标题。
2 内容样式。文字，图片，flash，或者混排。
3 可以点击的内容设计。
4 点击后呈现内容。点击后可以是打开新窗口，或者是ajax的某个效果。
5 “详细” 点击。有时候模块是显示了内容的摘要，“详细”点击呈现的就是所有的内容，这些内容的文案是要在设计阶段准备好的。
6 “更多”点击。
7 数据来源。模块中的数据分为静态和动态，动态模块中的内容会自动更新。
根据前面的需求分析，我们制作了这个厂商专区的页面的第一个草图。
看上去还不错，不过我们发现了一些问题。
1 “心跳加速吗”字体样式和官方网站不一样。对于这样的专区设计必须要保证品牌一致性。
2 首屏左边的菜单功能多余。用户对菜单的点击会产生的情况无法判断。
3 下方有5个模块，图片过少。静止图片对于现在的浏览用户的带宽来说，已经不是什么问题了。图片不能滥用，但也不用过于吝啬。
4 模块的具体定义。因为是草图，所以模块还需要具体设定，以及每个模块的呈现形式，数据来源等。
0 Responses to “网站项目1:专区的页面草图设计”
Leave a Reply