浅谈网页设计

　　摘要你的设计是否平平无奇，是否吸引不到别人的眼球，这里先来说说什么是焦点(也可以称兴趣中心或者视觉中心)。在设计的页面上最吸引人注意的地方，视线上集中交汇的地方，这个位置就叫焦点。在网页设计中，引导用户集中在你想让他关注的画面上，那样会让你的设计有重心和亮点。

　　关键词网页设计；网站；构图

　　中图分类号TP39文献标识码A文章编号1674-6708(2010)30-0245-02

　　0引言

　　你的设计是否平平无奇，是否吸引不到别人的眼球，这里先来说说什么是焦点(也可以称兴趣中心或者视觉中心)。在设计的页面上最吸引人注意的地方，视线上集中交汇的地方，这个位置就叫焦点。在网页设计中，引导用户集中在你想让他关注的画面上，那样会让你的设计有重心和亮点。

　　1我们从以下几点来进行分析焦点问题

　　1.1增加对比

　　使用对比是自然而然的吸引他们注意页面中重要的内容，亮出已经存在的重点。

　　1.2渐变

　　使用渐变时，保证好的视觉流很重要：请保守而精致地使用渐变。最重要的一点，对整体设计有帮助时才使用渐变。

　　1.3色彩

　　全谱色彩渐变完美地吸引了人们的注意。它保持了简单性，有着灰色的配合，也不会让眼睛感到不适。

　　1.4在字体上花点功夫。

　　字体的艺术博大精深，远远超出我们大部分人的想象。字符间距，或者称为字距调整，能对标题、段落、logo等文字相关内容造成巨大影响。字体大小写也是对重点起了突出作用，特别是在标题的表现上，是不可忽视的好帮手。字体的消锯齿，混搭是王道!有些设计需要干净的人造风格，另一些则需混合多一点。

　　1.5美中不足

　　为设计创造艺术风格化的瑕疵比你想象中要容易。你只需要将素材变成灰色或褐色，再添加一点细节。

　　1.6模糊

　　通过模糊前景、模糊背景，甚至整个设计，你可以动态地增加你的项目的冲击力。通过模糊一个元素，焦点被带向另一内容。

　　1.7对齐

　　即时我们强调保证整洁和直线，你仍然有需要为你的设计添加一些额外趣味。

　　1.8消除累赘

　　这可能是最重要也最被忽视的。去掉不必要的部分，也是最难做的部分之一。这些都是我们在做整个设计时需要注意和反复推敲的。

　　2我们从以下几个具体的点来细分析

　　2.1网页设计中的构图

　　网页给人最直观的感受就是它的页面框架与构造，就像一座大楼的主体框架与形态，你可能记不起东方明珠塔和艾菲尔铁塔是用什么颜色或什么材料涂的外墙，但我想你一定记得起它们的什么样的形状。同样，网页设计中的构图也足以影响到整个网站给人的感受，虽然比喻并不十分恰当，但就网页其构图而言，些许的改变和简单的创新也许就能起到事半功倍的效果，让网站给人的视觉感受耳目一新。

　　几何图形在页面中往往能起到大梁的作用，也是网页内容最为常用的承载面板。这些图形合理的搭配和有效的穿插，能使页面除了信息传达外，更具层次感和观赏性。

　　素材应用的好，往往能起到画龙点睛的作用，而素材起点缀页面和表达主题之外，还能作为构图中的一种主要元素存在，这些素材通常破格而出作为连接页面的纽带，使页面结构更加的稳固。

　　比萨斜塔之斜似乎天生有一种张力。在网页设计中亦是如此，而在这里所表现的为视觉的张力，是种视觉心里上的延伸力而非物理上的。当页面过于平均，画面平平毫无亮点时，打破平均打破通体的平均尤为重要，打破平均的方式有很多，而斜线似乎是网页设计中惯用的一招，屡试不败。

　　2.2网页设计中色彩应用

　　色彩是我们接触事物的第一直观认知，在浏览一个新的网页时，第一认知的不是页面的具体结构和信息内容，而且是页面色彩搭配的视觉效果，是访问者登录页面时的第一印象，好的页面色彩能给用户留下深刻的印象，并且能产生很好的视觉效果和营造网站整体氛围的作用。色彩对于每个人、地域或国家都有不同的情感认知和联想意义，从某种程度看，大多数人对色彩认知和联想是一致的，如红色，人们感觉得喜庆、热闹，再具体到事物会联想到红心桃、草莓等等。在这里简单介绍色彩的情感联想。

　　色彩的情感联想，主要从具体联想和抽象联想两个维度划分。人们对事物的不断的积累和认知，了解这些不但对网页设计有帮助，还对市场营销有帮助。如设计一个环保教育类网站，“环保教育”首先联想到生命、自然、绿色生态，而这些联想的事物共同色系是绿色，如果网站采用人们已认知的色彩会让人们在初次访问网站时，会对网站的主题产生共鸣和信赖感。

　　网站的类型很多，按照分类，其各自的目的和侧重点不同，对用户的情感诉求心理也会不同。下面主要从网站的类型层面上来简单探讨色彩在网页上的应用：

　　1)门户类：其主要需求是如何方便用户在堆砌的信息中有效、快速进行目标选择，而页面色彩可倾向于清爽，简洁。腾讯网，雅虎，网易等门户采用清爽简洁的浅色调来降低信息快速获取时的视觉干扰。同性质的同类网站主要是沿用自己公司主色系或logo来做区分，便于用户对品牌的识别。

　　2)产品类：主要目的需求展示产品的特性，促进浏览者消费欲望，页面色彩可根据具体产品定位做多样化设计。细化产品具体定位，如apple，韩国手机iriver高科技电子产品，其简洁灰白色调给网站带来科技感和现代感。

　　3)社区类：其需求是操作简单易用，长时间使用的舒适度，页面色彩也倾向清爽，简洁。主要以分享、交流信息为主的社区网，有如上面门户网信息获取性质，所以配色上比较简洁清爽。但各社区网又各自有自己的核心目标用户群，所以在配色方面带有各自的特点。如校友核心用户是在校学生，页面顶端上的banner运用活泼的绿色调来渲染青春朝气的氛围。

　　4)公司、企业类：展示企业形象，加深提高品牌印象，可应用logo的主色系设计，达到品牌统一。

　　5)电子商务类：其目的在满足方便快捷地查看商品和进行交易，同时运暖色调渲染气氛，让用户感受到网站整体的活跃氛围和愉悦感。当然，黑色调的电子商务网站同样给让人时尚、炫酷的潮流感

　　6)个人类：满足用户的自我个性展示和驾驭能力的需求，页面色彩设计更是多样化和个性化。现在有很多网站设置了换肤、自定义装扮等功能来满足用户需求，如个人空间、博客、社区等等，就连门户类网站也开始满足用户的色彩喜好设置护肤。所以各类网站的色彩应用没有固定的模式，以按自身定位来灵活设计网页色彩。

　　7)其他类：工具类、活动类等.这里就不一一展开了，原理同上：目的、目标用户…

　　3结论

　　通过以上分析，做好一个网站设计不是那么简单，不仅仅是创意的设计的问题，还牵扯到很多实际的情况，更多考虑是实际操作和用户习惯问题。也是决定设计成败的问题。做一个好的网站，很多方面还需要我们去深思，比如网站的banner，网站的按钮等等。