APP下载

浅谈回到原点的网页设计

2015-10-21温海猛

大观 2015年10期
关键词:网页

温海猛

摘要:网页设计发展到今天异彩纷呈,同时也出现了设计不足与设计过度的问题,忽略了网站存在和设计的本意。网站需要实现一定的功能才有存在的意义。设计的意义更应该在于引导,使用户顺利和愉悦地完成需求。

关键词:网页;设计初衷;合适的设计

一、网页设计的设计不足与设计过度

设计不足指的是设计出来的网页应用性差,扩展性不强,不能灵活的应对用户的需求。设计过度则是指设计出来的网页复杂臃肿,过多的信息拥挤在一个页面,过度的修饰影响了内容信息,用无谓的技巧哗众取宠,把简单的问题搞复杂了。从一定意义上说,过度设计和设计不足都未能达成设计目的,是“设计错误”的一种形式。设计有“度”,它不在于一味追求繁复精美、或一味追求极简,而在于追溯设计的本意,而产生合适的设计。

二、回归生活的本源,摒弃夸张的设计,做合适的设计

日本著名设计师深泽直人强调通过有意识的设计,来实现无意识的行为,给人有意味的享受。对细节和情感的关注,让设计融入人文关怀,使产品不仅功能可靠,而且平易近人。技术继续向前发展,所有的产品最后都会变小变消失,但人们需要的那些作用、功能还在。因此,反思设计的初心,它不应是设计某一具体的东西,而是处理好功能与人之间的关系,这才是设计师的工作。就网页设计来说,网络技术和设备向前发展,网络信息的载体从电脑向手持移动端发展,人们依旧会浏览网页获得信息。因此,设计师所做的看似只是网页设计,而实际却是在处理用户与网络信息的关系,使其传达更准确、更顺畅、更自然。诺曼博士曾告诉用户,产品难用不是你的错,而是产品的错、设计师的错!

三、不为装饰而装饰,不为设计而设计

网页及网站更应该是一个产品,具有功能性、实用性。处理好网页与用户的交互关系,需前台页面的信息处理和后台程序的优化。网站主页的信息是网站的总览,网页设计成败的关键,设计不能多也不能少,站在用户的立场,回归设计的本源。

(一)、使用和谐的色彩。网页用色掌握一定的度,既不能简单乏味,也不能喧宾夺主。用色的目的是建立良好的视觉环境,引导舒适的视觉流程。考虑到大多数用户的年龄、行业特征来确定的网页色彩搭配,往往更能达到目的。比如商务网站的色彩需要传递出可靠、合作、高效等,它们的色调宜为灰色调;而校园论坛的色调则完全不同。不管风格与色调如何匹配多变,但色彩对于网页内容的信息传递的辅助功能是绝对不变的。色彩与网站整体内容和风格匹配,营造网站情感氛围,才能打动浏览者。近几年网页设计的用色紧随设计潮流,流行色实时变化。目前存在的网页配色方式不外乎三种方式:(1)超大色块或超大图片的网页或背景,视觉感染力强,可以更好地营造氛围,直接地影响浏览者的心理。(2)邻近色、低明度配色形成弱对比,产生变化且有节奏感。(3)形成色块、图片块、文字块形成模块组合,尤其需要注意色块与图片色调的搭配和谐。网页色彩设计的最高境界,是用户感觉不到色彩的存在,却又实实在在被网站吸引继续浏览或点击。

(二)、不多也不少的导航信息。导航信息是网页的重要部分。传统的导航栏可以看作一个网站的“目录”。客户往往希望导航栏目越多越好、越细越好,生怕用户找不到想要的信息。但事实并非如此,目录越长反而越难有效快速地找到目标。有研究表明,一个复杂的网站,至多7个栏目的导航是最易用的。导航也可以有很多种方式,比如现在很多的高校网站除了传统的导航欄目,还增加了按用户身份分类的导航,学生、老师、考生等不同身份所关注的网站内容侧重点不同,分类下的导航内容也不同。这样极大的略掉了与己不相干的多余信息,节省了浏览者时间,提升了用户体验。

(三)、主次分明的信息传达。网页的首要目的是传递信息。在网页上创建一个舒适的、易于用户浏览的视觉流程是必要的。分清网站内容的层级和关系,明确传递的信息的主次并以此来规划网站和首页。传统的网页设计通常会把希望用户最先关注的信息放在banner位置,这也是迎合了用户的从上至下、从左到右的浏览习惯,然后再分类、分栏装填信息等。这种网页往往不会出现大的错误,当然也不会令用户记住。要想网页的信息层次更加分明,应从这几个方面加强:(1)仅此唯一。网络技术的支持使得网页可以自适应用户显示器尺寸并分屏滚动显示,那么,对于信息单一或有递进关系的内容网页便可以此达到效果,如苹果手机官网推出5S时的网站设计。(2)更大的首要显示区块。相比传统媒介网页虽有无限的纵深延展,但用户显示器的屏幕尺寸是固定的,更大的首要显示区块目的就是占领网页第一屏的大面积区域,冲击用户眼球,达到首要信息传递目的。(3)恰当地运用形状与色彩。点线面等基本形状与内容区块配合,可以起到指示、提示的作用,配用合适的色彩,一定程度上可以提高关注度。图形的色彩,与大背景色或大色块的烘托气氛的作用不同,它的主要作用在于点缀和形成小的对比,活跃网站整体气氛。当然,装饰性图形并非越多越好,达到强调信息、信息分清主次即可,过多反而会冲击网页主要内容的关注度。

四、结语

设计是科学与艺术的结合,网页设计更是如此。网站更像是一个产品,注重本身的功能实现,满足用户需求,避免设计不足造成功能实现的缺陷,或设计过度造成的信息繁杂不清。

【参考文献】

唐纳德-A-诺曼著.设计心理学[M].中信出版社,2010

猜你喜欢

网页
能力本位的《网页前端框架》教法改革与探索
党政机关网站网页归档模式研究
桌面一键快速访问常用网站
网页保存可以更灵活
photoshop图像处理技术在网页设计中的运用
用操作系统防止网页窜改的研究与实践
一个书签给浏览器加上网页翻译
基于HTML5静态网页设计
搜索引擎怎样对网页排序
正常浏览时被cdn开头的广告劫持