要问网站的外观重要吗?答案肯定是确定的。

一个网站的内容固然重要,但是如果没有一个好看而吸引的外表,哪怕有着再好的内容,有着再好的结构,相信整个网站的浏览效果也会大打折扣,浏览者的阅读兴致也会大减。就等于一个内涵丰富但却外表平庸的人在一个公共场所出现,是难以引起别人的注意的一样。人们称互联网经济为注意力经济,如何吸引大众的注意力,除了内容是一个重要的因素外,外观也同样起着举足轻重的作用。网站的外观非常重要,因此,UI设计在网站制作中将变的很重要。

当然,如果你是学习网站设计相关专业的话。你的老师很可能在最初就为你强调网站UI设计的重要性,当然,也有可能有能力超群的设计者,能直接在大脑中虚构出网站的轮廓,从而省去设计的步骤。不过我们要说的是正常情况下的网站设计。

小子在前不久在做一个模板的时候就是一个很好的例子,目的是做一个简单的DeDeCms模板,本打算直接仿制某些网站的风格设计,于是就简简单单的直接下手了,可是做了一部分后发现,问题来了,原先没有做UI的设计,做不出需要的切片,又不打算完全模仿别人的风格。这下好了,模板整体框架定好了,再去做设计,做切片。可想,做起来会有多么麻烦。

现在网络上很多网站都因为缺乏UI的设计,降低了网站的视觉冲击力,还有些因为不注意布局导致浏览者操作不便,这些都是因为他们忽视了网页背景(色调、图形)是否符合、布局位置大小是否符合普遍的电脑分辨率、网站中的元素设计是否易于浏览者进行操作所导致的。一件好产品需要一个好的包装设计来表现其价值,来吸引顾客,网站设计也是如此,网站背景就如产品包装,好的衬托让游客停留界面时间增长。

因此网站的UI设计应该注意以下几点:

网页大小和内部元素大小应该考虑全面,建议网页界面大小做到分辨率自适应,如果不做自适应的话,建议网页宽度在1000像素以下(目前主流最低分辨率1024X768)。色调方面尽量统一,可以的话利用符合背景的总组颜色进行搭配,设计出赏心悦目的色彩,加以突出自己的风格,这样更加可以达到身临其境,移情于景的效果。在操作方面,应该以游客的角度去设计,经常浏览网站的游客来说是知道用鼠标操纵网页的,加上具有特色代表性的按钮、链接,只是为了让陌生游客方便浏览,适当的加上多媒体元素,会让网站更加的人性化的。

了解到以上几点,我们就开始做最初的设计吧,下一步,小子将独立设计一个用于工作室的模板,设计好后会为大家展示,促进大家一起学习。