汉正街网页设计视觉优化分析网页设计论文.docVIP

汉正街网页设计视觉优化分析网页设计论文 汉正街，这个有着５００多年历史的小商品集市，坐落在白云黄鹤的故乡，长江和汉水交汇处，是汉口历史上最早的中心街道，是万商云集，商品争流之地。在全球化、信息化浪潮冲击下，汉正街转变传统经营理念，注重先进科技手段的应用和文化资源优势的发挥，依靠科技手段和文化资源，致力于实现由古老的采取摊位式经营，喜欢现场、现金、现货的“三现”交易的方式向现代化的电子商务交易方式悄然转进；由低端向高端市场延伸的华丽转身。通过建设一些电子商务平台，力求实现现代化的商品交易，“汉正街”买卖网正是其中之一。本人试从以下几个方面浅析“汉正街”买卖网网页设计中的视觉优化。 一、风格定位 主页的美化首先要考虑的是风格的定位。任何一个网站的主页都要根据其主题的内容决定其风格和形式，只有形式与内容的完美统一，才能达到理想的宣传效果。主页在许多行业应用，并日益扩大。归纳起来有这几大类：新闻机构、政府机关、科教文化、娱乐艺术、电子商务等。不同性质的行业，又体现出了不同的主页风格，如人的穿着打扮，不同性别以及年龄层次不同，着装自然也就不一样了。如：政府部门的主页风格一般比较庄重，娱乐行业的生动活泼，文化教育部门的高雅大方，而商务主页则可贴近风俗，使大众喜闻乐见。“网易”是平易近人的，“迪斯尼”是生动活泼的，“ＩＢＭ”是专业严肃的，这些都是网站给人们留下的不同感受。“汉正街”买卖网属于电子商务网站，简洁明了。一个网站主页风格的形成主要依赖于视觉语言的运用，主页的版式设计，依赖于页面的色调处理，还有图片与文字的组合形式等。 二、版面编排 版面是广告视觉传达的载体，编排是视觉沟通方式的设计。“版面编排”实际上就是中国古代画论中的“经营位置”。主页作为一种版面，既有文字，又有图片，都需要同时展示给观众，必须根据内容的需要。以文字为主的广告版面，其文案标题与标语要处于最醒目的位置，字体设置得要大些。标题的位置往往是画面的醒目之处，起到诱导观众进一步关注广告正文内容的积极作用。以图片为主的版面，给人的视觉印象是直观的，美观的。一幅产品照片可以传达出产品的特征，特别是经过摄影师拍摄的具有特殊创意效果的图片，本身就传达了主题的内容，使人一目了然。图片和文字按照一定的次序进行合理的编排，使之组成一个有机的整体展现给广大的观众。“汉正街”买卖网版面设计从以下几条来做的： １．主次分明。在一个页面上，必须考虑视觉的中心，这个中心一般在屏幕的中央，或者在中间偏上的部位。因此，一些重要的文章和图片一般可以安排在这个位置，在视觉中心以外的地方就可以安排稍微次要的内容，这样在页面上就突出了重点，做到了主次分明。“汉正街”买卖网除了把主要展示的各类商品放在视觉中心外，还精心设置了一些如：时间、地图、公交查询、天气预报等服务，把它们放置页面的右上角处，既丰富网站内容，又方便大众。 ２．图文并茂。文字和图片具有相互补充的视觉关系，页面上文字太多，就显得沉闷，缺乏生气。页面上图片太多，缺少文字，必须就会减少页面的信息容量。最理想的效果是文字与图片的密切配合，互为衬托，既能活跃页面，又使主页有丰富的内容。 ３．简明易懂。版面设计不同于绘画制作，它特别强调利用简明的方式，清晰的语言进行创意。奉行“更少为了更多”，使编排简洁易于传达。只有简明次序的编排形式，才能有效地传达信息，使文字更清晰、字体易阅读、图形易识别。 三、色彩处理 网页色彩的搭配，无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们首先看到的不是合理的版式或美丽的图片，而是网页的色彩。色彩是艺术表现的要素之一，是人的视觉中最敏感的东西，也是视觉传达中十分重要的组成部分。我们在设计网页或是平面作品时大多会想好用什么色彩为主色，并找到相关的色彩为辅色。整体色彩效果应该是和谐的，只有局部的，小范围的地方可以有一些强烈色彩的对比，应根据主页内容的需要，分别采用不同的主色调。试想一下，一个网站采用一种颜色，将是让人感觉多么单调，乏味；但也不可能将所有的颜色都运用到网站中，会让人感觉很花哨。建议是选取一两种主题色彩，几种辅助色彩，不至于让客户迷失方向，也不至于单调，乏味。当主题色确定好以后，考虑其它配色时，一定要考虑其它配色与主题色的关系，要体现什么样的效果。最后，还要考虑主页底色（背景色）的深浅。底色深，文字的颜色就要浅，以深色的背景衬托浅色的内容（文字或图片）；反之，底色淡的，文字的颜色就要深些，以浅色的背景衬托深色的内容（文字或图片）。“汉正街”买卖网的主题色为红、蓝两色，辅助色为桔红和灰色，主页以白色为背景色，配以大量的黑色字和少量的灰色调。总之，保持主体色彩的一致，只改变局部色块，会给人留下很深刻的印