汉正街网页设计视觉优化分析范文

本站小编为你精心准备了汉正街网页设计视觉优化分析参考范文，愿这些范文能点燃您思维的火花，激发您的写作灵感。欢迎深入阅读并收藏。

汉正街，这个有着500多年历史的小商品集市，坐落在白云黄鹤的故乡，长江和汉水交汇处，是汉口历史上最早的中心街道，是万商云集，商品争流之地。在全球化、信息化浪潮冲击下，汉正街转变传统经营理念，注重先进科技手段的应用和文化资源优势的发挥，依靠科技手段和文化资源，致力于实现由古老的采取摊位式经营，喜欢现场、现金、现货的“三现”交易的方式向现代化的电子商务交易方式悄然转进；由低端向高端市场延伸的华丽转身。通过建设一些电子商务平台，力求实现现代化的商品交易，“汉正街”买卖网正是其中之一。本人试从以下几个方面浅析“汉正街”买卖网网页设计中的视觉优化。

一、风格定位

主页的美化首先要考虑的是风格的定位。任何一个网站的主页都要根据其主题的内容决定其风格和形式，只有形式与内容的完美统一，才能达到理想的宣传效果。主页在许多行业应用，并日益扩大。归纳起来有这几大类：新闻机构、政府机关、科教文化、娱乐艺术、电子商务等。不同性质的行业，又体现出了不同的主页风格，如人的穿着打扮，不同性别以及年龄层次不同，着装自然也就不一样了。如：政府部门的主页风格一般比较庄重，娱乐行业的生动活泼，文化教育部门的高雅大方，而商务主页则可贴近风俗，使大众喜闻乐见。“网易”是平易近人的，“迪斯尼”是生动活泼的，“IBM”是专业严肃的，这些都是网站给人们留下的不同感受。“汉正街”买卖网属于电子商务网站，简洁明了。一个网站主页风格的形成主要依赖于视觉语言的运用，主页的版式设计，依赖于页面的色调处理，还有图片与文字的组合形式等。

二、版面编排

版面是广告视觉传达的载体，编排是视觉沟通方式的设计。“版面编排”实际上就是中国古代画论中的“经营位置”。主页作为一种版面，既有文字，又有图片，都需要同时展示给观众，必须根据内容的需要。以文字为主的广告版面，其文案标题与标语要处于最醒目的位置，字体设置得要大些。标题的位置往往是画面的醒目之处，起到诱导观众进一步关注广告正文内容的积极作用。以图片为主的版面，给人的视觉印象是直观的，美观的。一幅产品照片可以传达出产品的特征，特别是经过摄影师拍摄的具有特殊创意效果的图片，本身就传达了主题的内容，使人一目了然。图片和文字按照一定的次序进行合理的编排，使之组成一个有机的整体展现给广大的观众。“汉正街”买卖网版面设计从以下几条来做的：

1．主次分明。在一个页面上，必须考虑视觉的中心，这个中心一般在屏幕的中央，或者在中间偏上的部位。因此，一些重要的文章和图片一般可以安排在这个位置，在视觉中心以外的地方就可以安排稍微次要的内容，这样在页面上就突出了重点，做到了主次分明。“汉正街”买卖网除了把主要展示的各类商品放在视觉中心外，还精心设置了一些如：时间、地图、公交查询、天气预报等服务，把它们放置页面的右上角处，既丰富网站内容，又方便大众。

2．图文并茂。文字和图片具有相互补充的视觉关系，页面上文字太多，就显得沉闷，缺乏生气。页面上图片太多，缺少文字，必须就会减少页面的信息容量。最理想的效果是文字与图片的密切配合，互为衬托，既能活跃页面，又使主页有丰富的内容。

3．简明易懂。版面设计不同于绘画制作，它特别强调利用简明的方式，清晰的语言进行创意。奉行“更少为了更多”，使编排简洁易于传达。只有简明次序的编排形式，才能有效地传达信息，使文字更清晰、字体易阅读、图形易识别。

三、色彩处理

网页色彩的搭配，无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们首先看到的不是合理的版式或美丽的图片，而是网页的色彩。色彩是艺术表现的要素之一，是人的视觉中最敏感的东西，也是视觉传达中十分重要的组成部分。我们在设计网页或是平面作品时大多会想好用什么色彩为主色，并找到相关的色彩为辅色。整体色彩效果应该是和谐的，只有局部的，小范围的地方可以有一些强烈色彩的对比，应根据主页内容的需要，分别采用不同的主色调。试想一下，一个网站采用一种颜色，将是让人感觉多么单调，乏味；但也不可能将所有的颜色都运用到网站中，会让人感觉很花哨。建议是选取一两种主题色彩，几种辅助色彩，不至于让客户迷失方向，也不至于单调，乏味。当主题色确定好以后，考虑其它配色时，一定要考虑其它配色与主题色的关系，要体现什么样的效果。最后，还要考虑主页底色（背景色）的深浅。底色深，文字的颜色就要浅，以深色的背景衬托浅色的内容（文字或图片）；反之，底色淡的，文字的颜色就要深些，以浅色的背景衬托深色的内容（文字或图片）。“汉正街”买卖网的主题色为红、蓝两色，辅助色为桔红和灰色，主页以白色为背景色，配以大量的黑色字和少量的灰色调。总之，保持主体色彩的一致，只改变局部色块，会给人留下很深刻的印象，因为人的视觉对色彩要比布局更敏感，更容易在大脑中形成记忆符号。

四、网页布局

当网页呈现在面前的时候，好似一张白纸，需要发挥设计才能。首先，一定要知道什么是约定俗成的标准或者说大多数人的浏览习惯，主观的设计行为需要切合这些自然习惯以获得最大的视觉效果。人类视线的自然流程和视觉习惯实际上也形成了版面中的最佳视觉区域，在同一版面中，上半部分区域的视觉感受力大于下半部分，左半部分区域的视觉感受大于右半部分，因此，版面中的左上部分和中上部分区域就成了版面中最有利视觉传达的位置，即所谓的最佳视觉区域。了解了这些，就可以在此基础上加上自己的东西，设计出自己的方案。

1．文本。文本在页面中出现多数以行或块（段落），它们的摆放位置决定着整个页面布局的可视性。在印刷的手工时代，文本的编排受到了多方面的技术制约，而在数字时代计算机技术的辅助下，文本的视觉创作变得随心所欲起来，已经可以按照自己的要求放置到页面的任何位置。大量运用计算机数字技术创造出来的反常规的文字编排形式，也是对于数字时代文本的阅读次序和阅读价值的重新诠释。

2．页头。页头即页眉。页眉的作用是定义页面的主题。页眉里多数都显示站点的名字，常放置站点名字的图片和公司标志以及导航条。这样，访问者能很快知道这个站点是什么内容。“汉正街”买卖网的页眉处放置了公司的标志、站点名字（汉正街买卖网）、标语（华中打折批发甩卖第一网）以及导航条（如图二）。页眉也是整个页面设计的关键，它将牵涉到更多设计和整个页面的协调性。

3．页体。页体中包含了各个栏目，占据整个页面的多半部分，也是信息的主要传达区域。为使每个栏目增强整个页面的可视性和便于不同信息的归纳，可将它们按栏目分成矩形块以“左中右”或“上中下”的结构排列。“汉正街”买卖网整体以“上中下”的结构排列。上半部分区域的视觉感受力大于下半部分，所以有意地把主要的信息放置于整个页面的上面部分，其主要内容有：本站网购店、客户服务区、黄金广告位及登陆区域。中间区域则是页面的主体部分，可放置大量的图片文字信息，既然是商品买卖网站，那么优质的商品图片展示是不可缺少的。网页中间部分展示了大量的图片，并配以对应的文字说明。分为：产品文字信息展示区域和产品图片展示区域，其间插入“大杂烩”栏目，内容有大众喜爱的新闻文摘、紧急求购、二手市场、招商加盟、人才招聘、门面信息和一句短波一系列服务项目，贴近民心，使大众喜闻乐见。页体部分内容丰富，功能强大，但给人以简洁明了，干净利索之感。

4．页脚。页脚和页头相呼应。页头是放置站点主题的地方，而页脚是放置作者或公司信息的地方，许多制作信息都是放置在页脚处，或者还添加一些小面积的广告信息和链接功能。

5．图片。图片和文本是网页中最基本的视觉元素，这些元素直接参与了版面视觉意义的表达，因此显得尤为重要。如何处理好图片和文本的位置成了整个页面布局的关键。

6．多媒体。除了文本和图片，还有声音，动画Flash，视频等其它媒体，虽然它们不是经常能被利用到，但随着动态网页的兴起，它们在网页布局上也将变得更重要。

五、结语

网页作为一种新的视觉表现形式，它的发展虽然没有多长时间，它兼容了传统平面设计的特征，又具备其所没有的优势，成为今后信息交流的一个非常有影响的途径。网页设计是一种综合性的设计，它所涉及的范围非常的广泛，包括消费者心理学、视觉设计美学、人机工程、哲学等诸多方面，当然也离不开一定的科学技术发展。在本文中只从视觉优化的角度进行了一些阐述与分析，除了首先考虑其内容上的精益求精外，其次就是对内容合理有效的视觉编排。美是任何网页所必备的基本因素，网页信息不仅是为了满足使用者的需求，更重要的是创造一种愉悦的视觉环境，使他们有一种全身心的享受和共鸣。