本文刊于8月~9月《计算机世界》报,专题连载《全局于网站整体的网页设计 一》,一直忘发上来,备份使用。
1.网站设计,不仅仅是美术设计
设计师还是美工?那得看你做的活是真正的设计还是只管点缀页面更好看的操作了。设计是高屋建瓴的,美工是软件工具使用者。
很多人把在网站中从事设计师职业的朋友定义为美术设计,工作任务就是使用PHOTOSHOP一类的绘图软件把需要展示的页面画出来。其实这是很狭义的理解,合格的设计师,应该立足于整个网站的全局,在规划上给整个网站一个完整的设计,在宏观上把握设计风格导向,微观上再针对该网站的具体定位来决定如何对设计进行元素上的细化。当然,设计还包括了数据库设计及程序设计,我仅以我的从业经验来谈谈前端设计。
北京奥运会马上就要开幕了,这里就奥运类型网站举几个例子:
奥运会官网:很成功的一个例子,设计师并没有像一般涉及奥运主题的设计一样使用了大量红色,而是把页面风格完全的国际化,其中把各种资讯和功能块恰到好处的融合在一起,粗毛笔一般的元素设计使网站得到了丰富的整体效果。
新浪奥运频道:设计师的创意仅仅被压缩在页面滚屏几次后看到的内容区块上,使用了奥运五环色彩来进行设计。而页面头部基本是套在任何一个专题网站使用的结构素材,新浪的资讯系统一定是能支持实现一个更脱离内容专题的好设计的,可见其并没有从网站设计的角度出发去处理这个项目。
[color=Maroon]误区一:设计师就是美工。几乎完全不同了,设计师存在主观因素上的设计,而美工很有可能只是被动执行。
误区二:你用的什么作图软件?没有什么严格要求,只要不是windows自带的画图。很多学习绘图软件很久的人习惯用photoshop来画页面,而更多专职面向网页的设计的人习惯了使用fireworks,更偏网页化的操作能带来更高的效率。
误区三:做平面设计和网页设计一样互通。很多规矩是不一样的,DPI的区别,颜色的区别这是显而易见的,而我认为最大的区别是思想上的区别:平面设计讲究的留白和视觉冲击,而网页上寸土寸金不说,页面元素的整齐协调是至关重要的。[/color]
2.设计人员在需求阶段介入,影响需求,而不干预需求
我们常听到有设计师抱怨:“这个设计让我改了十多遍了怎么还不能定稿!”,也常听到产品经理说:“这个设计师怎么就是把握不到要点?”
不论设计在网站的实现过程中有多么重要,但网站该是什么模样,还是由需求而决定的,所以网站项目的前期需求是至关重要的环节,也可以理解成房屋建筑的地基。需求也许是经过若干调查结果汇总后产生的报告,也可能是领导或老板的一时冲动而引发的大讨论。在需求的确立过程中,很遗憾网站设计人员的分量是极其有限的,产品经理、频道主管、某级领导会直接决定着需求的最终形态,但是设计人员在需求阶段的介入还是很有必要的,设计师能以自己专业独到的眼光,提出科学合理的建议影响需求的细节,这样做的结果是能在最大限度上取得需求方和设计方的思想一致,而不至于在设计过程中面对着有意见却不让更改的需求问题而大发牢骚。
[color=Maroon]误区一:领导和用户的需求,我改变不了。你要做的只是提出你对于设计上的看法,决定权任然在于领导。
误区二:我经验不足,提不了任何建议。了解需求也是很重要的,不光是需要读懂文档,而是需要真正明白大家在做的是一个什么样的具体的东西,这样在你动手操作的时候,才不会手足无措或者是理解偏差。[/color]
3.掌控用户路径
用户从哪个页面来?他最有可能点哪个链接或者按钮?他使用了搜索框吗?他下一页去哪呢?最后会有哪个页面会被他打印输出?
站在整站的角度出发,这些流程也许只是产品经理需要把握,设计师拿到UE图就只管一个接一个页面绘制就行。其实不然,好的设计师往往能承担一部分产品经理的职责,设计出一个典型的用户路径,对网站页面流程有着很大的影响。页面和页面之间有很多关联,成片的超链接把流程页面和外部页面混乱的串在一起,区域A的文字链接们要链到页面2,区域B的图片链接是指向页面3,侧边的一个位置显著的大按钮其实是链接到网站X……页面和页面之间也是有继承的,继承的过程们,如果让用户觉得理所当然,视觉上实现平滑过渡,就是设计师要考虑的具体问题,从一个页面到另一个页面的路径组成里,哪些模块是原样保留,哪些控件要发生变化,还有页面结构是否可以变动,页面色彩是否可以更换,这些都是需要参照用户路径进行设计的地方。把自己想象成为一个普通用户,一页一页的点进来,你便能明白用户需要的是什么样的合理设计。
4.初步实现UE产品模型,并审核
以什么作为参考来进行页面设计呢?所有的元素和流程都在你脑子里了,这个时候你需要稍加整理把它们简要的画出来,就画线框和注释就可以了。
你可以吧UE模型理解成为设计草图,在UE这个阶段主要是根据用户路径的来的线索,加上对用户交互习惯的探索,进而整理出一个大概的模型框架,这个框架里,要明确画出有几个关键页面,每个关键页面的关键元素和模块有哪些,这些关键元素和模块哪些是必须以某种特定位置排列或者是务必要强调突出的。其中,网站的首页、最终页面是最重要的两级页面,首页会是用户使用网站的第一站,在首页的体验好坏,直接决定着他的去留;而最终页面是用户想要获得信息的具体页面,他会在这个页面停留最久,仔细的阅读,或者是打印出这一页备用。于是在绘制完UE模型之后,会有一个开发小组的讨论并且审核这个模型,这时候就需要着重确定首页和最终页的大概模样,每个参与者都一定很关心。
[color=Maroon]误区一:直接出设计稿就行了,有问题就改。UE只需要以简单线框模式展现,效率高而且适合随时调整修改,往往在这个阶段需要修改的地方是很多的,如果直接就以设计稿来探讨,每修改一处都是一个工程,无效率可言。
误区二:每个页面都很重要,都要认真研究探讨。其实大部分网站里很多很多页面都是一样的框架只是内容显示不同,或者说同一个级别的页面基本都是一致的,而且除了关键页面之外,其他页面用户也许只是经过一次,停留时间甚至可以忽略,论优先级来说,同等效率下自然要保证关键页面。[/color]




