大量文字堆积的网页,虽然能够让访问者获取信息,但是不利于浏览阅读,页面的美观度也大打折扣。想要制作一个优秀的网页,需要设计师精心的设计,这样才能给访问者提供一个视觉效果突出、便于阅读的页面。然而该如何进行网页设计呢?本章将从网页设计原则、流程、内容元素设计以及配色方案等几个方面介绍网页设计的相关技巧。
网页是传播信息的载体,也是吸引访问者的主要入口。在进行网页设计时,遵循相应的设计原则,能够让网页设计师明确设计目标,准确、高效地完成设计任务。网页设计原则包括以用户为中心、视觉美观、主题明确、内容与形式统一四个方面,具体介绍如下。
1.以用户为中心
以用户为中心的原则要求设计师站在用户的角度进行思考,主要体现在下面几点。
1)用户优先网页设计的目的是吸引用户浏览使用,无论何时都应该以用户优先。用户需求什么,设计师就设计什么。即使网页设计的再具有美感,如果不是用户所需,也是失败的设计。
2)考虑用户带宽
设计网页时需要考虑用户的带宽。针对当前网络高度发达的时代,可以考虑在网页中添加动画、音频、视频等多媒体元素,打造内容丰富的网页效果。
2.视觉美观
视觉美观是网页设计基本的原则。由于网页内容包罗万象,形式千变万化,往往容易使人产生视觉疲劳。这时赏心悦目、富有创意的网页往往更能够抓住访问者的眼球。设计师在设计网站页面时应该灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等技巧,使空间、文字和图形之间建立联系实现页面的协调美观。某健身网站首页。
将人物置于整个页面的中线位置,页面被一分为二,使页面对称平衡。同时,人物的肤色和整个页面的白色形成鲜明对比,成为整个页面的第一视觉焦点,而人物的影子和烟雾又很好地融人背景中,使人物显得不那么突兀。页面中大面积的留白则增强了网站的品质感。
3.主题明确
鲜明的主题可以使网站轻松转化一些高质量有直接需求的用户,还可以增加搜索引擎的友好性。这就要求设计师在设计页面时不仅要注意页面美观,还要有主有次,在凸显艺术性的同时,通过强烈的视觉冲击力体现主题。例如,图2-2所示为某数码产品网站首页部分截图。
在图2-2所示页面中,摒弃了全部辅助元素,只专注于产品的展示。同时通过对产品的颜色修饰,增强视觉冲街力,第一时间吸引访问者注意。
4.内容与形式统一
任何设计都有一定的内容和形式。设计的内容是指主题、内容元素等,形式是指结构、设计风格等表现方式。一个优秀的网页是内容与形式统一的完美体现,在主题、形象、风格等方面都是统一的。例如,图2-3所示为某风景旅游网站首页。整体采用中国风的设计风格,配合古体字,采用具有中国风特色的水墨画为背景元素,通过祥云、阁楼、香炉、中式雕刻等凸显了这一悠久具有中国特色的旅游胜地。