浅谈网页视觉设计应用和技巧.docVIP

浅谈网页视觉设计应用和技巧 　　摘要：网页设计就是通过对各种元素的设计来实现信息内容的有效传播。就网页设计而言，其信息内容的有效传达是通过各种构成要素的设计编排来实现的；其使用用户的视觉感受则是通过视觉设计来强调。该文对网页视觉设计进行了总结，探讨了设计过程中所遇到的实际问题。 　　关键词：网页设计；视觉设计；布局原则；色彩 　　中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2015）15-0204-02 　　网页设计的目的，是以最佳视觉效果来呈现网站的内容并最大限度地吸引游客的注意力，使得他们能首先关注，进而说服他们使用网页提供的项目。网络用户是繁忙的，没有时间留下来欣赏网站的设计美感，因此尽管高水准的美术设计非常重要，但是它并不能充分激发访客的点击行为。雅虎有一个“眼动跟踪研究”的项目，它证明，人的眼睛扫描网页，以确定是否值得停留较长的时间，整个决定时间不到3秒。之后如果决定再看看，他首要关注的是页面的上半部分，然后阅读，真正开始浏览。 　　因此，在网页视觉设计过程中，要注重用户体验，遵循各种设计样式和布局原则，只有这样，才能最终创作出既能满足基本功能需要又具有视觉吸引力的网页。结合多次设计实践与论证，本文主要分析以下几个问题。 　　1 网页组成要素 　　1.1 标题 　　标题不是一个具体的元素，它更多的用于网页顶部，放置标志，导航，定位口号等。 　　1.2 标志 　　标志是身份和品牌的象征，最常见的位置是在标题栏，左对齐。人的视觉习惯是从左至右，从上到下，所以左上方的的标志，将最有可能成为被访问者看的第一个元素。 　　1.3 导航 　　导航对页面起着非常重要的作用，使用导航是为了给访问者提供超链接，跳过页面，直接向他们展现想要显示的明确信息。因此，导航是网站的关键，制作用户友好的导航非常关键。一个基本的经验法则是，网站的任何页面都必须保证访问者最多点击三次就能访问到，即遵循“三单击”原则。访客需要使用网站提供的各个页面版块，它应该很容易找到和使用，这就是为什么导航几乎总是位于页眉或至少在网页的顶部附近。 　　导航类型分为水平和垂直两种，水平的即一系列环节内联显示，通常被称为“导航”；垂直的即一系列链接显示为一个垂直堆叠，通常被称为“菜单”。 　　1.4 主要内容 　　内容是一切的根本所在，当人们访问你的网站，这是他们想看的主要元素。它应该是一个Web页面的焦点，所以设计的一个任务就是，满足游客能快速找到他们所寻找内容的需求。 　　1.5 侧边栏 　　侧边栏是网页的第二内容，有广告、网站搜索、订阅链接、联系方式等。这些元素在网站中不是所有人都需要使用它。布局最常见的是右对齐，但也可以左对齐或两个（边栏）并存，只要不扰乱主要内容的浏览。网站使用水平和垂直导航栏。 　　1.6 页脚 　　设计一个页面时，使用页脚来让你的访客知道他们已经到了你的网页底部。页眉和页脚并不真正是一个特定的元素，只是包含在其它元素中。在页脚的位置安排放置版权、法律和主要的联系方式，以及几个链接（可以链接到网站中最重要部分的主页）。还可以把一些重要信息和材料也放置在这个地方。 　　1.7 “空白” 　　这是一个网页中，不被其它任何内容覆盖的区域。为什么放着空白的页面而不是去填满内容？空白部分也是一个网页设计的组成内容，一个网站有效使用“空白”，可以帮助访问者更有效地浏览网页内容，“空白”制造了内容之间的分离感，创造了新的平衡。 　　2 视觉效果的设计技巧 　　2.1 黄金比例和使用网格 　　黄金比例广泛运用于数学和艺术作品，运用黄金比例的设计最具有视觉吸引力。使用黄金分割可以轻松得到一些数据用于网页中的各种元素的宽度、高度等，进而产生美观的视觉比例。 　　为了简化这一过程，可以用一个简单的网格，它的三分之二处就是宽度或高度的合适位置。很多受欢迎的网站，其元素的布局都遵守黄金比例，在设计中使用网格。 　　2.2 分割布局的应用 　　分割布局设计就是把一个页面简单地划分为相等的两部分，这个基本的布局是非常有效的。 人的眼睛在注视一个页面时，往往按照 “锯齿形”的运动轨迹来快速浏览。 如果眼睛做后续的水平直线运动，说明他/她正在集中（或尝试）深入阅读。在一个一目了然的页面，提供尽可能多的信息，以科学的方式设计略读模式，应该能够抓住更多的游客的注意力。这个现象的原理是：浏览过程，用户有进行短暂停顿的需求，并且在停顿的同时，大脑会进行快照的拍摄。按照“锯齿形”的运动轨迹来进行布局设计，把很多重要的信息分布在各个“暂停点”上，大脑的每一次快照拍摄就会吸收一些细节。这种有效利用了科学规律的布局设计，可以向访问者最高效地推荐指定的产品、服务或更重要的功能。 　　分割布局设计的应用是很简单的