网站模型设计中的内涵和重点
在网站设计系列中,笔者通过五个部分,对脱离最基础的美术设计的网站整体设计进行了探讨。设计其实是无标准、也无满分的,它存在于网站假设的各个环节之中,因篇幅所限,只能谈到一些常见的、容易表达和揣摩的内容。
如何搭建完整的网站架构并设计出一个出色的网站?关于这个问题,我们很难提出一个绝对权威和正确的设计思路,但任何网站的设计都需要遵循一个循序渐进的步骤。此次IT设计栏目特别邀请网站设计专业人士,自本期起进行为期5期的连载,分别从网站模型构建、审美与交互设计、风格设计、代码设计、可用性测试及对设计的折回补充等五方面,详细阐述如何设计一个优秀的网站,敬请读者关注。
网站设计是一门新兴的边缘性职业,既要从外观上进行创意,又要结合图形和版面设计,交互设计等诸多相关原理,这使得网站设计变成了一门独特的艺术。
良好的网站设计能使网站在同类站点中独具特色,优秀的创意和表现方式能给浏览者留下深刻的印象,使网站访问流量增加甚至直接增加网站收入。 因此,在设计的初始阶段就规划好网站的设计步骤是非常重要的,通常情况下网站设计步骤分为模型构建、审美及交互设计、风格设计、代码设计、可用性测试等几大方面。首先我们由以下四个步骤来了解一下网站模型设计中的内涵与重点。
一、网站设计,不仅仅是美术设计
你的工作究竟属于设计师还是美工?那得看你做的活是真正的设计,还是点缀页面使之更好看的操作。设计师的工作是高屋建瓴的,而美工只是软件工具的使用者。
很多人把在网站中的设计定义为美术设计,认为设计师的工作任务就是使用Photoshop一类的绘图软件把需要展示的页面画出来,其实这是很狭义的理解。合格的设计师应该立足于整个网站的全局,在规划上对整个网站进行完整的设计,在宏观上把握设计风格导向,微观上再针对该网站的具体定位来决定如何对设计进行元素上的细化。当然,网站设计还包括了数据库设计及程序设计,在这里,我仅以我的从业经验,举例谈谈网站前端设计。
北京奥运会即将开幕,我们先来举两个奥运类型网站的例子:
奥运会官网:如图,这是一个设计得非常成功的例子,设计师并没有像一般涉及奥运主题的设计一样使用大量红色,而是把页面风格完全国际化,其中把各种资讯和功能模块都恰到好处地融合在一起,粗毛笔一般的元素设计使网站得到了丰富的整体效果。
新浪奥运频道:如图,我们可以看到设计师的创意仅仅被压缩在页面滚屏几次后看到的内容区块上,使用了奥运五环色彩来进行设计。页面头部基本是套在任何一个专题网站都能使用的结构素材,而新浪的资讯系统一定是能支持实现一个更脱离内容专题模板的好设计的,可见其并没有从网站设计的角度出发去处理这个项目。
二、设计人员在需求阶段介入,影响需求,而不干预需求
我们常听到有设计师抱怨:“这个设计让我改了十多遍怎么还不能定稿?”,也常听到产品经理说:“这个设计师怎么就是把握不住要点?”
不论设计在网站的实现过程中有多么重要,网站该是什么模样,还是必须由需求决定。所以网站项目的前期需求是至关重要的环节,也可以理解成房屋建筑的地基。需求也许是经过若干调查,将结果汇总后产生的报告,也可能是领导或老板的一时冲动而引发的大讨论。
在需求的确立过程中,遗憾的是,网站设计人员的分量是极其有限的,产品经理、频道主管、某级领导的想法往往直接决定着需求的最终形态。但是设计人员在需求阶段的介入还是很有必要的,设计师能以自己专业独到的眼光,提出科学合理的建议,影响需求的细节。这样做的结果是能在最大限度上取得需求方和设计方的思想一致,而不至于在设计过程中面对着有意见却不让更改的需求问题而大发牢骚。