APP下载

版式设计在网页中的重要性

2015-07-17李明妍江苏省联合职业技术学院徐州财经分院江苏徐州221008

山东工业技术 2015年8期
关键词:版式网页页面

李明妍(江苏省联合职业技术学院徐州财经分院,江苏 徐州 221008)

版式设计在网页中的重要性

李明妍
(江苏省联合职业技术学院徐州财经分院,江苏 徐州 221008)

在这个互联网的时代,浏览网页就成了人们必不可少的生活方式,那么网页设计这个行业便逐渐走俏,为了便于人们设计出布局合理,形式独特的网站,网页设计的版式设计将变得越来越重要,本篇文章便是对如何将版式设计合理的运用在网页中进行研究。

网页设计;互联网;浏览网页

1 网页的原则

网页设计由于是在电脑屏幕上观看的,还需要跟浏览者进行互动,这就和普通的平面设计有了质的不同。观看载体不同,所以我们在研究网页设计的时候,除了要研究网页的美观还要研究浏览者在面对网页的心理感受,要让读者先从功能上对其有个认知,在认知基础上才能进行制作版面的设计。这就使得网页设计的这门技术还需我们做更多的相关探究。

2 网页的布局风格

网页布局,就是以最适合浏览的方式将图片和文字排放在页面的不同位置。 看看我们经常用到的版面布局形式:

(1)“同”字型布局。这种布局结构的最上面一般是网站的标志、广告以及导航栏;下面是主要内容,左有一些栏,右也有一些栏目,在结构的中间位置是内容主体;结构的最下面是一些网站的基本信息及版权信息。国内一些大中型网站常见的是这种结构布局方式。这种结构的优点是把版面充分的利用了起来,让读者有很大的信息量进行阅读;它的缺点是页面看上去灵活性不够,有时也给人一种拥挤的感觉。

(2)“厂”字型局:这种布局结构的特点是在页面的顶部设为标志和广告条,下方左面为主菜单,右面显示正文信息。本布局方式是目前应用比较广泛的一种。本布局的优点是主次非常分明,页面结构一目了然,很清晰;它的缺点是对色彩搭配要求比较高,如果搭配不当的话,会给人以规矩呆板,甚至容易引人厌烦。

(3)“框架”型布局:这种布局结构一般为上下或左右布局,一栏是导航栏,一栏是正文信息。也有将页面分为三栏的,上边一栏放图片广告,左侧栏放导航栏,右侧为正文信息。

3 网页布局清晰的原则

3.1 网页的标题设计

在网页的版式设计中成功的标题可以让人一目了然和赏心悦目,也能给整个网站提高气氛。网站的首页上方会有公司的标题,标题后面的背景也有静态的和动态的区分,也可以形成交互性。这也是网页的版式与普通印刷品版式的区别。

3.2 文字的编排

文字本身是以传达内容和表达信息为主题的。在网页设计过程中,网页的设计一定要抓住这个主题不要放松,但是同时也可以利用字体也表达一定的感情,例如:粗体字强壮有力,有男性特点,适合机械、建筑业等内容;细体字高雅细致,有女性特点,更适合服装、化妆品、食品等行业的内容。同时设计者也要考虑到一些细节的内容,如很多读者的计算机中只装有三种字体及一些相应的特定字体,如果没有特别强的针对性的要求,最好采用缺省字体。

字号的大小也有一定的要求,如标题和其他需要强调的地方用字号大一些,如9磅,而网页的正文,这是人们阅读量最大的,12磅的字体是比较合适的,像一些页脚的和辅助性的信息,可以使用能小一点的字号。

页面里的正文部分,这个部分是最重要的部分,这部分的内容是由许多单个文字经过编排组成的群体,这个群体影响着读者的阅读,可以从艺术、个性、情感方面对这部分进行处理,以达到最好的抓住读者眼球的作用。

3.3 图文结合

版式有可以分为无图的版式和有图的版式,有图的版式钢架丰富,无图的版式需要给人不容易枯燥的感觉就需要巧妙的排版了,两种版式都不可缺少,当然网站上更多的还是图文结合的版式。

在视觉顺序上,从吸引人的注意力角度来说,图形对人眼球的吸引力远远是超过了纯文字对人眼球的吸引力,图形给人的视觉印象要比文字强烈得多,这是因为图形的色彩变化明显,所含内容也异常丰富,同时图片的引入也对页面起到好很好美化作用。可以说,要使网页更好的吸引人的眼球,更好的抓住人们的视线,并在纯文本基础上变得更有趣味,最为简捷省力的办法就是使用图片。几乎所有的网页都用到了图形,善于使用图形,可以让网页的主题表现的更加生动、形象和直观,同时也较好地增强网页的宣传力、号召力和感染力,吸引读者的注意,引起读者的兴趣。网页可以图文并茂地向用户提供信息,成倍地加大了它所提供的信息量。对于一条信息来说,图片对浏览者的吸引远远超过单纯的文字。页面的节奏韵律。这也是图文排版的魅力所在。

4 网页视觉美观的原则

网页的颜色表达一种情感,也象征不同的含义。这些象征含义在人们思想交流形成了复杂的问题,如人们的时代、民族、年龄、地域、阶层、工作能力、经济地区、通过不同的颜色组合,呈现给他们的心理感受是截然不同的。如紫红和土黄搭配,可以产生高贵的,的气氛。粉色和白色混合,能体现柔顺、雅致、浪漫的气氛。金色和大红、金色的搭配能渲染喜庆的气氛。而橙色和黄色的搭配则会给人带来暖意。设计主题的不同,颜色搭配的方法也随之改变。兼顾网页的适应性,应尽量使用网页安全色。可先确定一种能表现主题的主体色,然后根据具体的需要,应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体,以达到和谐、悦目的视觉效果。

总是,一个优秀网页的实现离不开以上几点原则,只要每个细节都做到合理设计一定能够呈现出一个精彩的网站。

[1]董海斌.平面视觉元素在网页设计中的应用研究[J].科技信息,2008(05):155.

[2]尹振鹤.云计算的特点及应用分析[J].硅谷,2014(12):126.

[3]邹钰.AutoCAD动态块在室内设计制图中的应用[J].硅谷,2014(12):126.

[4]杨翠芳.浅析视错觉手段在平面设计中的运用技巧[J]。电脑知识与技术,2011(11):8037.

猜你喜欢

版式网页页面
刷新生活的页面
中华苏维埃共和国五分铜币连环混配现象研究
答案
基于HTML5与CSS3的网页设计技术研究
让Word同时拥有横向页和纵向页
市州报特刊版式创新刍议
基于HTML5静态网页设计
搜索引擎怎样对网页排序
澳门早中期样钞版式研究
“永安五铢”的版式及分类研究