网页视觉设计的基本要点

网页视觉设计的基本要点

图像和文本都是用以实现站点经营战略的主要手段,其中图像通过视觉效果引导读者,而文本内容则是决定站点能否吸引人的内核。下面介绍网页视觉设计的基本要点,希望可以帮助到大家。

网页视觉设计的基本要点

站点不是杂物箱

一个专业的、有营销意识的站点,应该让访问者(潜在客源)能马上了解到这个站点及其业务是什么。

绝大多数站点缺乏主旨,没有规划意识,没有连贯性,没有完整性。普遍的现象是,站点像一个杂物箱,自己能找到的、觉得好玩的、时髦的东西全往里塞,没有目标、没有灵魂。

照顾大多数

很多站点技术挂帅,以为采用的技术越复杂、越时髦越好,因为互联网是年轻人的乐土,所以他们追逐时髦的兴趣也体现到网上。对于以表现自我为主旨的个人主页,这一特点颇有可取之处,然而对于有明确商业目标的站点,那就不一定是好事了。

如果你的站点为了营销,你的站点就应该照顾绝大多数人的情况,采用最低技术手段以保证有尽量大的传播面。这意味着,能简单则简单,千万不要炫耀技术,那样不会对你的站点带来什么好处。当然,如果你的站点就是推广与互联网相关的新技术的,那是另当别论。即使对这种主旨的站点,最好也该给初级网友一个比较你尖端技术的导引,因为你的目标不就是为了让人家了解乃至消费你的好技术吗?

图像重要还是文本重要

这是每个站点都必须面对的问题。流行的观念是,图像比文本重要,一提“站点设计”,大家以为就是“图像设计”或者视觉效果设计。这是对站点设计的肤浅理解。

其实,站点设计的内涵远不仅是图像设计,它是以实现站点经营战略为目标,对站点各要素展开的综合规划。其内涵包括很多方面,像站点目标、经营策略、读者定位、风格塑造、文本设计、图像设计、营销策划等等,还有像交互性设计、数据结构、绩效评估等也都在其列。

图像和文本都是用以实现站点经营战略的主要手段,其中图像通过视觉效果引导读者,而文本内容则是决定站点能否吸引人的内核。二者的关系,就像两个相声演员,一个“逗哏”一个“捧哏”。谁“逗哏”谁“逗哏”,则应由站点经营战略的需要而定。

对于一个以信息内容为主体的站点,文本占突出地位,是“逗哏”的角儿,同时,图像就该起配角作用,属“捧哏”,目的是给读者营造出一些喘息的视觉空间,就像城市建筑群之间绿地、公园的点缀功能一样,同时,图像运用恰当,还可达到增加页面深度的功效。

对于一个艺术站点特别是视觉艺术类站点,图像就居于主导地位,是“逗哏”,它决定页面、站点的整体结构,因此文本内容就应处于配角地位,为图像“捧哏”。

总体来看,当然是信息内容为主体的站点居多。看看你的站点,属于哪一类?定好站点的基调之后,再来看二者如何来配合最能实现站点的意图。

无论二者的关系怎么建构,都有些一般性原则供你借鉴:(1)图像要小,文本段落要短;(2)所有图像文件最好采用 alt 标签,其妙处多多,后面还会多次谈到。

颜色与图像

有一个办法可以既减少图像的使用,又能达到使页面生动、吸引注意的效果。这个办法就是运用背景色块。

显而易见,颜色是站点视觉设计的关键因素之一。视觉设计的先期工作,就包括确定页面的颜色组合方案。颜色能对受众的情绪、思维产生强烈影响,所以选择暖色还是冷色组合、黑色还是白色背景,对读者必然有很大的导引作用。具体设计时你尽可发挥你的艺术想象力,这里给你提供应该遵循的几条基本技巧:

(1)为照顾大多数网友,最好限定使用 256 色。

(2)使用背景色块,避免使用背景图像。用图像做背景,会降低页面的访问速度,使文本难于阅读,还容易模糊整个站点的主旨。

(3)颜色组合要有个性,同时可使文本易读、图像易于区别开来。

(4)审慎选择颜色组合的情绪意义。举例来说,黑色背景下的红色文本,显得很刺眼,对于像花店这类站点就不合适;白色背景下的蓝色文本,看上去很放松、很宁和,对于像摇滚乐队的站点就显得不够分量。

动画图像

动画图像的使用一定要慎之又慎,因为它容易造成对读者视觉上的强烈骚扰,同时也很容易制约页面的访问速度。在使用动画图像之前,建议你仔细考虑这些因素:

(1)目标明确。你为什么一定要用动画图像?为浏览方便?强调信息?还是宣传自己身份?如果只是想让你的站点时髦点,那最好别用。

(2)尽量缩减动画的大小。

(3)注意动画是很抢眼的,弄不好画蛇添足。

企业网站视觉设计的要点

企业网站设计是一个庞大的系统工程,网页则是其基本元素。设计具有视觉审美的网页,进行网页视觉创意,是现代企业网站视觉设计的必然要求。

1. 技艺融合

技是技术,艺是指艺术。二者要紧密结合,互相扶持。可以说,企业网站的视觉设计是否新颖决定了网名看到网站时所驻足的时间,在这个基础上网站的内容才能进一步吸引网民。因此,企业应当首先认识到网站界面设计与创意是企业网站建设的重要组成部分。同时,技术是实现网页视觉效果的基础。设计者应主动掌握现有的各种网络技术规律,注重技术和艺术的紧密结合,穷尽技术之长,实现艺术想象,达到理想的视觉效果。

2. 完善版面设计

网页视觉设计特别讲究编排和布局,国外有设计者认为网站界面设计的95%是排版。优秀的版面设计通过文字图形的空间结合,表达出和谐与美,能够优化阅读,准确传递信息,使网站具有亲和力。我们可以将平面构成中的形式美法则,如平衡、对比、调和、节奏等原则灵活应用与网站的版面设计中,使纷杂的页面更具美感、重点突出,更加有条理。

3. 色彩的和谐运用

色彩是艺术表现的视觉要素之一。浏览者在浏览网页时,第一印象就是页面的色彩,页面色彩直接影响浏览者的阅读兴趣。在网页设计中,应根据和谐、均衡和重点突出的原则,将不同的色彩进行组合、搭配。在企业网站的色彩设计中,我们可以根据企业CI(企业形象识别系统)中VI(企业视觉识别系统)进行标准色的选取运用,使企业整体化统一。如麦当劳的设计中,我们常可以看到标准的红、黄色一直贯穿到企业的整体设计中。

一般而言,我们应当先确立一种主色调,以利于网站主题的表现与气氛的烘托。然后确定和主色调类似色的辅助色,这样有利于界面风格的统一。最后还可以选择小面积的对比色,从而实现“大面积协调/小面积对比”。这样,网站在统一协调的基础上会显得更加活泼、生动。网站界面色彩主色调太多会显得花哨,只有同类色而没有对比色,网站界面色彩则显得单调。总之,应用将色彩构成、色彩情感等知识灵活应用于网站界面设计之中。

4. 运用多媒体元素设计网页

媒体综合视觉设计者应综合运用多种媒体元素来设计网页,以满足和丰富浏览者对网络信息的要求,这也是未来网页艺术设计的发展方向。当然我们应尽量避免使用过多过大的图片、动画等,减少过度的装饰。

5. 视觉设计的统一

视觉设计的最终目的不少单纯追求视觉感染力而是更好的表现网页的主题,因此各方面的统一非常重要。首先,视觉设计要与主题相统一,视觉设计必须服务于网页主题的表达。其次,内容与形式要统一,既整体视觉印象和内容意境的统一。视觉设计中应利用各组成部分在内容上的内在联系和表现形式上相呼应,并注意整体设计风格的一致性,实现视觉上和心里上的连贯。

网页设计的构成要素有哪些

但无论网页是何种类型,何种风格,设计是精美还是平庸,从网页的主要构成要素来看,基本上是一致的。对于网页设计而言,其信息内容的有效传达是通过各种构成要素的设计编排来实现的。网页的构成要素主要包括:文字、图像、Flash动画、色彩、版式等元素。

1、文字的设计与编排

文字作为网页设计的重要构成要素之一,除了表达意思之外,还具有传达感情的功能。因此文字必须具有视觉上的美感,能给人以美好的印象。文字是网页设计的主体,是网页设计中必不可少的元素。因此文字在网页设计中占据相当大的面积,文字所占的存储空间非常小,有利浏览及搜索引擎采集。网页上文字的编排与设计,要与网站设计整体风格相吻合。

网页视觉设计的基本要点

2、图像的创意与设计

在视觉上,图像往往能首先吸引人的注意力,这是由于图像给人的视觉印象要比文字强烈的多,图片也可以大大美化页面。善用图像,可以更加生动、形象、直观地表达网页的主题,增强网页的宣传力、感染力。

网页设计时可以图文并茂地向用户提供信息。

网页设计时使用的图像必须符合网页的主题,并要加以创新和个性化。图片的位置、面积、数量、形式等直接关系到网页的视觉传达。在图文混排时,要注意统一、重点突出、赏心悦目,达到和谐统一。

3、网页版式设计与编排

网页版式设计注重技术性与艺术性的高度统一,是视觉传达的重要手段,也是网页设计的重要组成部分之一。网页版式设计是指将文字、图像等视觉元素进行组合配置,使页面效果美观而且易浏览。好的版式要以清晰的导向让浏览者对网页内容一目了然,成功的网页设计要能够吸引浏览者,留住用户。

4、网页色彩的搭配

网页设计色彩搭配的好与坏,直接影响浏览者的观赏兴趣。在网页设计领域,彩色的网页总是胜于单色的网页。

网页设计也相当于艺术品设计,要求文字优美流畅,页面新颖、整洁,通过色彩的合理搭配,使页面更加生动具有吸引力。因此,色彩设计在网页设计中居于十分重要的地位。

5、多媒体元素的选择

网页中多媒体元素能够在很大程度上增强对浏览是的吸引力。浏览者希望在网页上看到更具有创造性、吸引力的网页。多媒体元素正是实现这一目标的重要手段。网页中涉及的多媒体元素主要是音频、视频和动画等。

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章