APP下载

网页设计中的亮点子

2016-11-28徐秋芬山东女子学院山东济南250300

人间 2016年10期
关键词:网站设计版式字体

徐秋芬(山东女子学院,山东 济南 250300)



网页设计中的亮点子

徐秋芬
(山东女子学院,山东 济南 250300)

摘要:在当今互联网快速发展的社会下,用户对于浏览网站的要求不再只是简单的满足自身需求,而是希望可以从中欣赏到它应该独有的文化内涵及审美需求。好的网站是企业的无形资产,只有得当的宣传,才可以使之爆值,企业网站并不只是一个只具有展示性能的网站,而是如何使用这个网站来推进或推动企业营销。

关键词:互联网;网站设计;版式;颜色;字体

爱美之心,人皆有之。

审美的主体是人,设计的审美活动是一种积极、健康、向上的审美感受,美的事物往往能唤起人的最高享受的心理状态,它是人类设计、创造的最深刻反映。在日常生活中,人们对审美有着既要求多样性,又要求统一性的心理需求,而消费者的这些需求也正是设计师的目的。设计作为一种艺术性的创造活动,美虽然是抽象的,但同时它又是可感的。一个好的设计是既可以让人直接感受到它的美,也可以从深层次去解读它的美。

网站首页就像展览馆,所以每个人都想在最显眼的位置展示自己的作品,总是希望把所有的东西一下子让用户看到,把东西放的越多越好,其实不然,当用户在浏览信息的时候,他们往往会相信第一眼看到的,凭自己的第一感觉,这叫视觉暂留,东西多了反而会使他们产生视觉疲劳,用户就根本找不到他想要的东西,快速离开的可能性会更大。因此网页的通透性对网站很重要,能用减法做到的,切切不要用加法,点到即止,不要太复杂,简洁就是精华,就是美,每一屏的架构变化不宜太多,多了则乱,网站的统一性大大降低了用户的浏览成本,所以网站首页的架构必须清晰明了,简洁就是美,很多网站都在追寻明快、直观的界面设计。极简设计旨在通过整合或是删除多余的对象实现简化,只展现用户需要的内容。极简设计会把字体放大或是加粗 、以及超大号的图片,清晰地把重要的东西传递出来。

现在以“木之韵”家居网站界面设计为例;

风格

该网站打破了常规网站的构图方式,整体是一种简约的设计风格,图文交错,左右版式排版;线条分割;简约而又不失格调,颜色是一个浅黄色的清新色调,实现一个美观的界面,给客户不一样的感觉。以及Js特效左右渐入的效果更能吸引用户的眼球,使他们更加的放松。通过jQuery完成更加友好,更加快捷的网页阅读体验,能够让用户无障碍的找到网站表现的主体。

网站导航采用了纵向的文字排列方式,首页内容采用了统一的纵向大标题的形式,给人一目了然的感觉,清新悦目,统一和谐之美,精简之美,能用一根线表现出效果就没有必要使用2根线。浏览大量信息的时候需要一个简洁无阻碍的界面,样式越繁多,会影响到用户浏览的效果和减少对资讯的点击。网站需要用户看到的是有价值的信息。

说到版式,大概很多人都会感觉到很头痛,头脑中很空,往往无从下手。总是想怎么让它空,白,亮。越是这样,你做出来的设计就越没有想法,就越没有新颖点,也就不是成功的设计,做设计就不要考虑太多,跟着自己的思路走,只要你捕捉到一个视觉点,然后依据这个视觉点进行扩散,就像一滴墨水一样。让整个网页随着这个视觉点来散开。除了这个视觉点以外的对象,只能是承载它的物体或颜色。这样你的网页版式就不会零散和空洞了。这样也就可以把色彩和版式都更好的运用到设计当中来,排成自己想要的效果,从而达到设计的目标。

配色与版式

网页设计中颜色的设置在网站设计中占据重要的地位,版式中的颜色并不只是单一的文本颜色,通常是指网站用到的所有颜色。网站的元素要和排版颜色协调,不要让文本显得模糊不清,好的颜色的搭配决定了网站的成功与否,再做一个网站之前,首先要分析它属于什么行业,不同的行业都有着不同的颜色搭配,颜色往往是用户的第一感应,在日常生活中我们眼球所能看到的地方,都是由不同的点、线、面构成。你可以通过眼球来搜寻和判断它们的色彩。如何才能让你达到想的视觉效果。你的眼睛就是你的裁判师。要多看一些成功的网站案例,吸取其中的长处和精华,要让整个网站精彩起来,生动起来,就是需要用你的思维和眼睛来观察。才能让你正确的设置好网站的颜色与版式。

字体与版式

网页设计中字体的设置在网站设计中也是尤为重要的,字体的属性是比较灵活的,有颜色的对比、大小的对比、行高以及文字的排列方式,不同风格的网站采取的字体排列方式也是不同的,根据网站的整体,字体是部分,部分要与整体协调统一起来,该网站文字颜色根据网站整体风格,采取了不同明度的灰色系,字体的大小分为标题字,段落文本字,装饰性字体,行高也是如此,文字的排列方式选用了比较常规的左对齐方式,比较有利于读者阅读,文字一行不易太长,保持文字的简洁性和正确性就显得格外重要,使整个网站更简洁、更有条理。

层次结构与版式

网页设计中的层次结构,在网页排版中也是必不可少的。层级结构会是用户阅读显示文本的指明灯。这个灯非常重要,因为这会帮助用户准确传递信息,同时保证读者准确理解,不会偏离方向,更加一目了然,更易阅读。这样你的网站才会吸引人,才不会显得过时,才能跟得上互联网时代发展的步伐。

参考文献:

[1]胡飞. 艺术设计符号基础[M].北京:清华大学出版社,2008.

[2]朱维理. 大型活动标志设计实战案释[M].北京:北京理工大学出版社,2009.

[3]周德华.许铭霖.新编网页设计教程[M].北京 冶金工业出版社 2006.

[4](日)Works 社编辑部编著.日本平面创意设计年鉴 2005[M].北京:中国青年出版社,2006.

[5]王受之.世界平面设计史[M].北京:中国青年出版社,2002.

[6](美)马特·马图斯. 设计趋势之上[M].山东:山东画报出版社,2009.78~86[30]刘金平. 视觉青岛[M].北京:中国旅游出版社,2007.

[7] Quentin Newark. 2007. What Is Graphic Design? Essential Design Handbooks [M].RotoVision.

[8] Thompson, Bradbury. 1988. The art of graphic design: Bradbury Thompson [M]. YaleUniversity Press.

中图分类号:J524.3

文献标识码:A

文章编号:1671-864X(2016)04-0285-01

作者简介:徐秋芬(1990—),女,汉族,山东菏泽市人,大学本科,单位:山东女子学院信息技术学院艺术设计(数字媒体方向)专业,研究方向:网页设计。

猜你喜欢

网站设计版式字体
中华苏维埃共和国五分铜币连环混配现象研究
市州报特刊版式创新刍议
企业网站建设的探讨
网站设计课程内容优化探讨
可复用的高职网站后台管理系统的设计
澳门早中期样钞版式研究
“永安五铢”的版式及分类研究
《计算机应用基础》自主学习网站的研究与设计
枯燥的Times New Roman字体有了新花样
组合字体