网页设计的创意分析与制作技巧_王展

2012年第·7期太原城市职业技术学院学报

Journal of TaiYuan Urban Vocational college期

总第132期

Jul2012

[摘要]在美术设计领域里，人们越来越重视创意，无论是平面、雕塑，还是三维动画，甚至速写里都更加提倡创意速写，而创意表达借助的方式相对来说较容易。在这个网络时代，每天打开电脑、打开

网站似乎成为更多人群生活方式里的习惯之一，网页设计不仅对视觉有很高要求，而且注重客

户体验以及信息传达，也是需要与商业结合的一种全方位设计，这就需要设计者有较强的综合

能力。唯有设计技巧与设计创意相结合，才能真正达到网页设计的美观性与商业性的统一。

[关键词]网页设计；创意分析；制作技巧

[中图分类号]J5[文献标识码]A[文章编号]1673-0046（2012）7-0162-02

网页设计的创意分析与制作技巧

王展

(三门峡职业技术学院，河南三门峡472000)

一、网页设计的目的

在网页设计前，我们只有明白网页设计的目的，才

能以正确的方式进行有效的设计制作。要了解网站整体风格、定位、网站的主要用户群，需了解用户的视觉偏好。在设计前做好全方位的资料收集和调查，网站的效果会更好。

二、网页设计中的logo设计

设计网站标志logo是指网站的标志，标志可以是中文、英文字母，也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容。比如：网站内有代表性的人物、动物、植物，可以用它们作为设计的蓝本，加以卡通化或者艺术化；专业网站可以以本专业有代表的物品作为标志。最常用和最简单的方式是用自己网站的英文名称作标志，采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。

三、网页设计的字体

设计网站字体。和标准色彩一样，标准字体是指用于标志、标题、主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，可以根据需要选择一些特别字体。制作者可以根据自己网站所表达的内涵，选择更贴切的字体。需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的计算机里没有安装特别字体，那么设计制作的辛苦便可能付之东流了。

四、网页设计的布局

网页设计的布局有许多种，布局的方式直接影响了用户的视觉体验以及对于信息接收的灵敏程度。网页的布局虽然种类繁多，但应根据网站内容分类选择最合适的布局方式，以内容分布清晰合理为主要指导思想，同时考虑布局的设计感。下面为网页布局的常见类型：（一）“同”字型

这种类型的网站比较规整，主要方式由上到下，标题以及横幅广告条在最上方，接下来是网站的主要内容，一般为三列，左右分列一些小模块，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是网络上应用最多的一种结构类型，多用于政府网站、企业集团网站，是一些大型网站所偏好的一种类型。

（二）拐角型

拐角型布局与同字型布局方式大同小异，相同的是最上面是标题及广告横幅，不同的是接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的一些基本信息、联系方式、版权声明等。在拐角型网站中，一种很常见的类型是最上面是标题及广告，左侧是导航链接。这种布局整体简洁明晰，但是缺乏丰富感，稍显单调。

（三）标题正文型

这种类型的布局最上面是标题或类似主题的标语，下面是正文，许多常见的文章页面或注册页面等就是这种类型。

（四）封面型

这种类型的布局方式之所以叫封面型，是因为这样的页面与我们日常看到的杂志封面类似，这种类型的页面大面积为精美的图画或者制作精细的动画，多带有链接或者可与用户互动，这种布局美感较强，富有特色，大多令人赏心悦目，常用于个人网站、艺术性网站、游戏网站等，应用范围相对较小，但都极具特色。

（五）“T”结构布局

这种布局就是指网页上边和左边相结合，页面顶部为横条网站标志和广告条，左下方为主菜单，右面显示内容，这是网页设计中用得最广泛的一种布局方式。在实际设计中，还可以改变“T”结构布局的形式，如左右两栏式布局，一半是正文，另一半是形象的图片、导航。或正文不等两栏式布置，通过背景色区分，分别放置图片和文字等。

这种布局信息传递性强，科学实验证明，人的注意力主要在右下角，所以网站需要告知用户的主要信息大都放在此处，能被用户以最大可能性获取，而且很方便，其次是页面结构清晰、主次分明、易于使用。但整体过于单调，容易产生视觉疲劳。

（六）“口”型布局

这种布局指页面上下各有一个广告条，左边是主菜单，右边是友情链接等，中间是主要内容。与“同”字型布局有类似的地方。

162··