二、《H&F户外运动》网页设计的风格特征

《H&F户外运动》是一套简约风格的网页设计，与传统的企业网站不同的是，它在排版布局，文字编排，色彩选择和交互体验上有很大的不同。

（一）强调排版与布局统一界面风格

视觉效果和网页布局是有着明显差别的。网页布局受网站的信息设计结构及内容量的影响,视觉效果则可以依靠网站性质、客户兴趣、网页设计师的个性表现得丰富多样。 网站除了首页还包括很多的子页面，在视觉达到一致性就是要在首页和子页面之间达到一个风格统一，简而言之就是统一成整体的简约。保持整体页面的风格一致性有助于用户对整个网站的结构认识，不至于在逐步点击的深入的过程中迷失方向。一致的界面设计让用户在处理上更加简单，与此同时加强了视觉记忆。论文网

《H&F户外运动》在排版布局上是对称整齐的形式，重视去除多余、厚重和复杂的装饰效果，以达到统一简洁的风格。利用参考线建立一个固定宽度的网格布局，固定宽度的网格布局结构可以为页面带来有序性和高效性。使用相同宽度的网站二级页，让我们感受到的浏览体验是流畅连贯的，因为这些网页的设计基于同一套网格布局框架。

强调去除冗余、厚重和繁杂的装饰效果，以此来达到整体统一的简约风格。统一整体上利用参考线建立了一个固定宽度的网格布局，固定宽度的网格布局结构可以为页面带来秩序与效率。在网站的二级页中采用相同的宽度，让我们能够感受到的浏览体验却是相当连贯的，因为这些页面都是基于同一套网格布局框架进行设计的。我们必须遵循突出重点、平衡谐调的原则,将网站标志、主菜单等最重要的模块放在最显眼、最突出的位置,然后再考虑次要模块的排放。同时要考虑各块的归类。 

Banner采用通栏大图片当做背景，是目前网页设计中应用最多的一种呈现方式。整个图片作为背景，简洁明了，不仅能产生强烈的视觉冲击，而且可以很好的补充网页的内容，有效地突出品牌形象。在每一级的banner图上，企业的logo和导航栏的位置都是完全固定的，这就形成了一种视觉上的规律。网页中间部分是网页的主要内容，我们将所有的文字和图片控制在1000px以内，这样配合灰色的背景能突出主题，同时这也是人们的视觉焦点区域，简单直接的看到设计者想要传递的信息。如图2。1

图2。1

（二）、规范文字编排提高可读性文献综述

网页设计是文字表述内容和艺术完美相结合的创作，应该强化网页设计的视觉效果的完美度。网页设计中，不同字体造型具有不同品格，给人不同的视觉感受．文字本身也是一种艺术，不同的文字具有俊秀、浑厚、奔放、飘逸等各种风格，设计者应把文字作为网站页面设计的重要构成元素来进行谋划和排布。 

一个良好的文字排版可以让网页更加简洁，而限制字体数量是关键因素之一。如果在同一套设计方案中使用多种字体，则会对视觉产生竞争和冲突，这无疑会使页面非常凌乱，用户读取一致性会大大受损。本设计只两字体，中文用微软雅黑，英文用Helvetica Neue。

除了字体外，一个关键因素是文字的行间距。保证每一行之间的有足够的间距，会让文字段落更加易读，当用户读完一段文字后很容易看下一行的开始。此外，对于每行文字，字间距也是我们需要考虑的细节，合理的字间距可以提供更好的呼吸感。