版权所有-中职教学资源网个人主页的分析与设计启东市第二职业教育中心校王春辉【摘要】：随着人们对网络信息要求的提高，网页设计中越来越多的融入了平面设计技术。
网页设计不仅是网页制作技术的简单运用，更是视觉艺术设计的体现。
创意新颖、设计精美和布局合理的网页无疑是浏览者驻足欣赏的焦点。
本文着重从平面设计角度的四个方面：文字、图像、色彩、布局去分析设计个人主页时应注意些什么。
【关键词】：网页设计文字图像色彩布局版权所有-中职教学资源网【Abstract】:Along with enhancing of network information requirement, the homepage design joins more and more many plane design technology. Homepage design is not only the simple utilization of the homepage manufacture technology, but also is the manifesting of the visual art design. The homepages, which have novel creativity, fine design and reasonable layout, are the appreciation focal point that the people settle down. This article emphatically analyzes four aspects of plane design angle what people should pay attention to when he is designing individual homepages, which are the letter, the image, the color and the layout.【Key words】: Homepage design Letter Image Color Layout版权所有-中职教学资源网目录前言 (5)第一章个人主页的特点 (5)§1.1 文字运用方面 (5)§1.2 图像运用方面 (6)§1.3 色彩运用方面 (6)§1.4 布局运用方面 (7)第二章文字、图像、色彩、布局在个人主页中的运用 (8)§2.1 文字 (8)§2.1.1字体的选择 (8)§2.1.2文字编排 (9)§2.2 图像 (11)§2.2.1 点 (11)§2.2.2线 (12)§2.2.3面 (12)§2.3色彩 (13)§2.4 布局 (15)第三章个人主页——“路”的创作与设计 (17)§3.1 文字的运用 (17)§3.2 图像运用 (17)§3.3 色彩搭配 (18)§3.4布局 (19)【参考文献】： (20)版权所有-中职教学资源网前言IT业的迅猛发展，为平面设计思想在网页制作中的贯彻提供了技术保证，因为网页设计就是在一定技术条件下支持的平面设计。
在网页设计中平面设计思想是信息时代对信息的组织形式提出的客观要求，也是人们对高品位文化提出的客观要求，网页成了平面设计新的设计空间和舞台，成为平面设计新的载体。
网页设计与平面设计相结合的趋势，使得传统网页制作的学习有了突破，从网页制作转变为网页设计。
从Photoshop到Fireworks，从FrontPage到Dreamweaver，这些网页制作软件的功能日趋强大，操作使用方式却变的越来越方便。
现在，制作简单的网页已不是件难事了，但要制作出精美的网页，特别是对版面美化要求较高的网页，很多人却感到“没灵感了”，为何？因为在网页设计的学习中，许多人仍只重视网页制作软件和制作技术的学习，却忽视了网页视觉效果的设计，造成制作成的网页非常粗糙。
版权所有-中职教学资源网第一章个人主页的特点§1.1 文字运用方面个人主页文字的编排与设计，重要的一点在于要服从信息内容的性质及特点的要求，其风格要与内容相吻合，不是相脱离，更不能相互冲突。
个人主页的最大的特点就是个性化。
文字的选取完全根据设计者自己的性格特点及所要体现的主题来选取。
主页设计时，除了考虑宋体、黑体、楷体等几种常用字体外，设计者也会加入一些特殊字体，如：手写体，广告体，美术体等来增加主页的吸引力。
有些设计者甚至会利用图形处理软件，自己绘制别具风格的字体。
如彭佳慧的个人主页（图1）：一打开主页，最吸引人的是自绘的白色个性签名——“Julia彭佳慧”，接下来是四个链接导向：“Julia个人档案”、“Julia最新”、“Julia生活剪贴簿”、“Julia说说真心话”，最后才会注意到页面上部的文字。
文字成了这个主页的亮点。
图1 彭佳慧个人主页政府主页和企业主页相比于个人主页而言，政府主页和企业主页代表的是整个集体的形象和面貌。
政府主页其文字具有庄重和规范的特质，字体造型规整而有序，简洁而大方。
企业主页可根据行业性质、企业理念或产品特点，追求某种富于活力的字体编排与设计。
版权所有-中职教学资源网§1.2 图像运用方面图像是网页构成元素之一，图像在网页中的运用也起到了举足轻重的作用。
个人主页中的图片为了体现主题，势必经过设计者的一番精心设计和处理。
通常政府网页一般选用的图像都是新闻真实类的图片，追求的是新闻真实性。
政府主页是从大众出发，企业主页是从客户出发，而个人主页在设计和选取图片时只会从个人的需求出发。
个人主页中的图片只要与整个主页的风格相吻合，再夸张再怪异的图片只会令主页更具魅力。
一个名为“闲人之墓”的主页（图2），设计者创造性的把它“打扮”成了一个阴黑、鬼符四处的古墓，浏览者并没有“吓走”，反而怪诞的“墓碑”成了眼球的焦点。
图2 “闲人之墓”主页§1.3 色彩运用方面个人主页的色彩完全是个性化的，大自然中有几种色彩，个人主页中就有可能有几种色彩。
英国酸性摇滚风格乐队PRIMAI SCRFAM的主页（图3），白色的背景加上夸张飞扬的彩虹色彩，你的眼球有理由不注意它吗？版权所有-中职教学资源网图3 英国酸性摇滚风格乐队PRIMAI SCRFAM主页而政府主页因为机构的性质，决定了网页的风格：端庄，大气，通俗。
搭配的色彩多以邻近色搭配为主，色彩的数目也大部分都控制在三种以内。
§1.4 布局运用方面个人主页为了展示网站主人的个性，其网页布局方式也会千差万别，有轴向式布局、网格布局、斜角布局、放射布局、多中心布局、离散布局、对比布局等等，这些布局都是常见的个人主页布局方式。
“仁者见仁，智者见智”，每人对同一事物都有不同的想法，因此个人主页的布局方式是不会仅限于几种常见方式的。
彭佳慧的个人主页（图1），“闲人之墓”主页（图2），英国酸性摇滚风格乐队PRIMAI SCRFAM主页（图3），它们的布局都没有按固定的方式来设计，各自有各自的特色，达到了视觉传达的目的。
很多网页为了尽可能多地展现信息内容，通常都会设计成三栏甚至四栏的纵向布局。
江苏政府的门户网则采用了三栏纵向布局，有足够的空间展现了各方面的信息。
企业主页为了展现强大的企业实力，往往会选择“视野”更宽阔的横向布局。
版权所有-中职教学资源网第二章文字、图像、色彩、布局在个人主页中的运用21世纪网络盛行的时代，利用网络媒体这个舞台展现自己的个性是当代人的一种手段，个人主页每天都以某个数字在网络中积累着，风格各异：有的精致，有的古朴，有的专业，有的震撼……每个主页都在争取着更多浏览者的浏览、欣赏。
怎样使自己精心设计的主页在这茫茫“网海”中不被遗忘？除了熟练运用网页制作软件和网页制作技巧以外，还要运用平面设计的美学理念去包装自己的主页。
本文就从平面设计角度的四个方面：文字、图像、色彩、布局去分析设计个人主页时应注意些什么。
§2.1 文字文字是网页中必不可少的元素，也是网页中的主要信息描述要素，所以网页中文字将占据相当大的面积，文字表现的好与坏将影响到整个网页的质量。
对文字运用的分析，本文从以下两方面分析：§2.1.1 字体的选择字体的选择要以文字信息的内涵和设计意图为依据，使字体的形态、心理效应与设计时要表达的个人风格和主题相一致。
宋体，它是网页界面中应用最广泛的字体。
从视觉角度来说，宋体阅读最省目力，不易造成视觉疲劳，具有很好的易读性和识别性。
粗宋体较适宜用作标题和较短的文字段落，细宋体适合用于较长的正文及说明性文字。
黑体字不仅庄重醒目，而且极富现代感，也是网页界面中最常使用的字体。
它极易吸引人的视线，具有极强的注目性，并显示出浑厚，有朴素大方的独特风格。
黑体适用于标题、导语、展示或广告性文字。
在传统平面设计观念中，界面中所用的字体应尽量统一，在同一字族中选用，不可同时版权所有-中职教学资源网排列其他字族的字体。
这一创作观念在网页界面设计中仍然有它的存在价值，同一字族的字体能够保证界面具有明确、统一的风格特征。
在特定情况下，界面中也可以采用多种字体混杂使用，可以达到活跃界面气氛的效果，同时还能产生不受拘束的现代感。
§2.1.2文字编排文字编排应当注重界面上下、左右空间和面积的经营，易于浏览并创造形式美感。
通常应根据设计的目的选择适当的字体，运用协调、平衡、节奏、韵律、对比等形式创造法则，构成特定的表现形式，以达到更具感染力的传播信息的目的。
本文着重分析前三种形式创造法则在实际设计时的应用。
1.统一与协调为了使界面中各种元素协调起来，通常采用的手法是选取同类的造型因素。
有相同形态特征的造型因素在界面中反复出现，就会形成统一的调子，使整个界面具有整体感，从而达到协调的目的。
如字体选用同一字族的不同字体，选用近似色彩和字号级数，控制近似面积等都是实现界面统一和协调的常用方法。
图3页面中“info”与“order”同一字体的两个标签在界面中以不同的颜色反复出现，在对比中求得了统一。
整个页面具有了协调和整体感。
图3 统一与协调2.平衡平衡指在界面中合理地安排各个文字群及视觉现象，使浏览者产生稳定可靠的感觉。
界面中文字编排要求视觉上产生类似于天平平衡的印象。
对称的文字编排形式是获得平衡最基版权所有-中职教学资源网本的手段，但对称的形式显得平淡乏味，没有生命力和趣味感，通常不宜采用。
界面中的平衡是要求动势中的平衡，利用巧妙的手法加强布局中较弱的一方，是界面中求取平衡的最佳手法。
如图4所示：网页中，英文“Mingyi Design”的竖排与中文简介文字的横排及它们之间字号大小的悬殊都是视觉平衡的一种体现。