网页设计要符合受众者心理与社会心理的需求。设计者要正确分析用户需求,注意网页内容的搭配与布局;设计主题要定位准确,网页下载的时间也不能过长,必须保证网页对不同操作系统和浏览器的兼容性,并经常性地进行调试及数据更新。设计应追求一种和谐的单纯,即追求清晰的视觉冲击力和巨大的张力,把美的形式规律同网页设计结合起来。
一、网页内容的合理布局与排版
网页设计既有文字、图片、色彩,又有动画、声音。文字有大有小,还有标题和正文之分。图片也有大小、纵横之别。图片和文字都需要同时展示给观众,但又不能简单地罗列在一个页面上,否则会搞得页面杂乱无章。因此,必须根据内容的需要,将图片和文字按照一定的次序进行合理编排和布局,使它们组合成一个有机的整体,展现给访客。具体的页面排版可从如下几个方面入手:
⒈主次分明,中心突出在网页界面设计中,设计者必然要考虑视觉的中心,也就是“最佳视域”,它一般位于电脑屏幕的中央,或者在屏幕中间偏上的部位。因此,一些重要的信息和图片一般可以安排在这个部位,在视觉中心以外的地方可以安排稍微次要的内容,这样在页面上就突出了重点,做到了主次有别。另外,人们的阅读视线通常都是从左至右、由上往下地阅读,因此设计者也要把握好这种视觉流程。在网页中有一个7秒钟定律,即当用户进入网页之后,如果在7秒之内没有看到特定内容,那么这项内容的设计及位置安排注定会失败[1]。由此可见,突出重点是非常重要的。
⒉明确的导航,彰显有价值的信息网站中的栏目导航对网站内容起到提纲挈领的作用,引导着用户浏览网站的相关信息。清晰、明确的导航,可以帮助网站用户更方便快捷地浏览和找到他们所需要的信息,并给以一定的网站服务和在线帮助,从而避免在浏览网页过程中找不到方向[2]。好的导航能够让用户在打开页面的第一时间找到,或者是让用户瞬间反应出此为网站的导航。导航的用语选择应该精炼易读,色彩搭配明确,布局妥当,设计独特,使用户通过导航能够快速了解整个网站的主要内容[3]。
⒊图文并茂,相辅相成文字和图片具有一种相互补充的视觉关系。文字和图片都是传递信息的手段,但各自的特点不同:文字所表达的信息量大,但显得沉闷枯燥,缺乏生气;图片所传递的信息量小,但比较生动活泼。文字与图片两者的比例不能过大,否则,页面就会显得单调而过于混乱。因此,最理想的效果是文字与图片密切配合,互为衬托,既能活跃页面,又丰富了网页内容。
⒋图形与字体、色彩等因素协调统一一般而言,在所有的网页动画设计中,图形设计部分处于主要地位。字体和色彩诸视觉因素与图形因素互相配合、互为补充地构成了一个整体性的图形设计。图形、字体与色彩诸因素彼此相互作用、相互影响,共同表达出设计的中心思想内涵。只有如此,设计所要阐发的主题思想才能更准确和集中,视觉传达才能更强烈和有力度。反之,则会给观者造成一定的视觉混乱,偏离设计主题,从而达不到应有的设计意图。
⒌注意空白的设置和运用空白在构图上有着不可忽视的作用,它是进行艺术表现的重要手段。设计中把强调、突出、给人强烈印象的构成要素周围留下空白,能扩大和提高视觉效果,同时利于视线流动,破除沉闷感。着意处理的空白,能留下艺术想象的天地,增强画面的灵性与气韵。有些网页设计者总想把界面“充分利用”,把文字、图像安排得满满的,认为设计画面留有空间是一种浪费。殊不知,这种庞杂堵塞的构图往往使人望而生畏,留不下一点印象,失去了设计的意义。
二、网页设计的基本原则
⒈符合受众心理与社会心理需求懂得不同的受众以及不同社会层面的不同心理需求,是网页设计者应掌握的一项基本原则。在网页设计创作之前,设计者要对所表达对象的文化背景、审美心理以及审美感知等作一系列相应的了解。对不同的地方,设计者还要进行一定区域民俗文化现象的了解与学习。只有这样,设计出的网页作品才能与设计对象产生紧密联系,达到读者与作品的心连心、面与面的交流。
⒉分析用户需求,注意内容布局设计者在设计网页时应该明确网站的类别,例如是企业网站、政府网站还是个人网页等等。因为不同类型的网页具有不同的主题与风格,设计网页时不能喧宾夺主,也不能主题与网站类别属性相矛盾,在图片、文字、色彩使用上要合理选择。所以,网页设计的第一步应该以用户需求和网站的类别为导向,所有的设计工作都应该围绕这个前提,正确定位,不能脱离主题。
⒊设计主题定位准确网页设计是一种按照一定需要,有目的进行的一种计划与预定。其突出特点就是具有相当的制约性和约束力,即受到设计主题的限制和约束。网页设计作品应有自己鲜明主题,主题目标的鲜明性决定了设计的鲜明个性特征。设计主题定位要求准确,这是设计原则中的首要问题。网页主题是设计传递内容的主要信息,设计者应该充分运用所要传达的特定信息,调动画面中所有的视觉因素,使之发挥出最大的视觉效果,设计的定位要始终牢牢地把握住设计主题。
⒋网页下载的时间不能过长为了保证网站有不断增长的点击率,除了有吸引人的内容之外,还要有较快的下载速度。网页加载速度对于一个网站而言是十分重要的,它直接影响用户的访问体验和满意度。如果2030秒还不能打开一个网页,一般人就会没有耐心。至少应该确保主页速度尽可能快,如没有必要,最好不要用大的图片,或者对图片进行压缩使用。
⒌网页对不同操作系统、浏览器的兼容通常情况下,人们所设计的网页都在一种操作系统和浏览器中进行调试。在互联网中,有各式各样的操作系统和浏览器,网页中的一些技术、插件在不同的操作系统和浏览器中的效果是不同的,有的甚至根本无法兼容,因此要充分考虑网页的兼容性。比较常见的办法是在不同的操作系统和浏览器中做测试,保证最大的兼容性。⒍经常进行调试及数据更新为吸引更多用户,网站中的信息必须经常更新,如新闻、图片资料等。同时,由于网站要经常进行修改更新,网页之间的链接有时会出现断开现象,因此,要经常做网站的调试,检查是否有链接出错的地方并进行修复,以维护网站的正常运行。
三、网页界面设计的要求
⒈导航清晰,标题具有可读性在设计页面时,要做一个层次分明的导航条,尽量使用户知道自己所处的位置,同时,链接层次不要太多,尽量使用户能够用较短的时间找到所需的资料。一个网站的内容主题要突出、明了,尤其是大段文字的使用,必须要易于用户阅读,在文字的安排上除了可以采用横向分栏之外,也可将页面纵向分割,或利用标题和副标题将文档分段。为所有标题和副标题设置同一字体,并将标题字体加大一号,所有标题和副标题都采用粗体,这样便于识别标题和副标题,使用户一眼就可以看到要点,以便找出并继续阅读有兴趣的内容[4]。另外,也可以将整句采用不同的颜色或用粗体突出主要内容,字体的选择上要和主题风格相统一,字体和背景的颜色要能区别开,以便于识别。
⒉风格统一,色彩和谐,重点突出网站中各个页面要保持统一风格,不要在不同的网页中使用不同的主题风格,风格统一有助于加深用户对网站的印象。要实现风格的统一,不一定要把每个栏目做得一模一样。例如,用户可以尝试让导航条样式统一,各个栏目采用不同的色彩搭配,在保持风格统一的同时再为网站增加一些变化。在网页设计中,根据和谐、均衡和重点突出的原则,将不同的色彩进行组合、搭配来构成美观的页面。从设计的技法上来说,重点突出某个色彩因素,可以打破整体色调的单调和沉闷,再将一部分的色彩施以强烈醒目的色彩,能使画面产生凝聚力和一张一弛的表现力,从而刺激视觉引起兴趣,产生生动的色彩形象感。在具体设计中,要注意重点色的作用,需要应用巧妙而不能过度,到处重点就无所谓强调重点了,其结果只能导致整体的混乱。
⒊界面清爽,设计避免“一般化”页面设计整洁、清爽有着不可忽视的作用,它是进行艺术表现的重要手段。设计者要吸引用户长时间停留在你的网站,千万不能让用户第一眼就感觉压抑。大量的文字内容要使用和谐的背景色,前景文字和背景之间要对比鲜明。如果背景含有图像,对比度要弱些,可把背景图片透明度适当降低,这样用户浏览时眼睛才不至于疲劳。设计中要把强调、突出、给人强烈印象的构成要素的周围留下空白,就能扩大和提高视觉效果,同时利于视线流动,破处沉闷感,着意处理的空白,能留下艺术想象的天地,增强画面的灵性与气韵。
word如何进行全文分栏和某段落分栏 word如何进行全文分栏和某段落分栏的区别
word如何进行全文分栏和某段落分栏 在Word2003中,我们可以对一篇文章进行分栏设置,分两栏,分三栏都可以自己设置.像我们平常看到的报纸.公告.卡片.海报(33)人阅读时间:2024-09-12word2010大纲怎么显示(word2010大纲级别怎么设置)
word2010大纲怎么显示(word2010如何使用大纲视图) 有些时候我们在网上下载的一些word文档太长了,我们其实可以显示大纲,看清楚每一节是否有自己需(25)人阅读时间:2024-09-12七种常见的Word打印设置技巧(七种常见的word打印设置技巧)
七种常见的Word打印设置技巧 七种常见的Word打印设置技巧 1.打印指定页码 有些时候,我们只希望打印文档中的某些页码,只要点击菜单命令"文件→打印",在打(24)人阅读时间:2024-09-12四种方框内打钩符号的简易方法(四种方框内打钩符号的简易方法视频)
四种方框内打钩符号的简易方法 如何在Word方框里打钩? 四种方框内打钩符号的简易方法 如何在Word方框里打钩? 一.在方框里打钩的方法一 利用带圈数字来(25)人阅读时间:2024-09-12word如何进行全文分栏和某段落分栏 word如何进行全文分栏和某段落分栏的区别
word如何进行全文分栏和某段落分栏 在Word2003中,我们可以对一篇文章进行分栏设置,分两栏,分三栏都可以自己设置.像我们平常看到的报纸.公告.卡片.海报..2024-09-12word2010大纲怎么显示(word2010大纲级别怎么设置)
word2010大纲怎么显示(word2010如何使用大纲视图) 有些时候我们在网上下载的一些word文档太长了,我们其实可以显示大纲,看清楚每一节是否有自己需..2024-09-12七种常见的Word打印设置技巧(七种常见的word打印设置技巧)
七种常见的Word打印设置技巧 七种常见的Word打印设置技巧 1.打印指定页码 有些时候,我们只希望打印文档中的某些页码,只要点击菜单命令"文件→打印",在打..2024-09-12四种方框内打钩符号的简易方法(四种方框内打钩符号的简易方法视频)
四种方框内打钩符号的简易方法 如何在Word方框里打钩? 四种方框内打钩符号的简易方法 如何在Word方框里打钩? 一.在方框里打钩的方法一 利用带圈数字来..2024-09-12word怎么调整纸张的尺寸大小? word怎样调纸张大小
word怎么设置文档的水印呢?(word文档中怎么设置水印)
Word文档中表格的单个单元格边框怎么设置
使用Word制作成绩表表格的方法 表格制作excel教程成绩表
怎么批量导出Word文档中所有图片 word批量导出图片并分别储存
Word文档怎么设置自动保存 wpsword文档怎么设置自动保存
word怎么设置自动滚动页面(word怎么设置自动滚动页面)
Word实现Excel表格分栏打印的方法 word表格分页打印
Word2013怎么自定义SmartArt图形形状样式?
怎样去掉Word文档中的手动换行符(怎样去掉word文档中的手动换行符号)