网站设计风格分析
一、网站设计的风格
“风格”是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素。风格是有人性的，不管是彩、技术、文字、布局，还是交互方式，只要能由此让浏览者明确分辨出这是本网站独有的，这就形成了网站的“风格”。一般都要求：清纯简洁，主题鲜明，内容编排得当合理、有一定的艺术感，美观、实用，相关链接正常，能体现网站的基本功能，可以从以下几个方面来为网站设计一个独特的风格。
1.网站标志(LOGO)
LOGO是指网站的标志，标志可以是中文、英文字母，也可以是符号、图案等。标志的设计创意应当可以用它们作为设计的蓝本，加以卡通化或者艺术化；专业网站可以以本专业有代表的物品作为标志。最常用和最简单的方式是用自己网站的英文名称作标志，采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。
2.网站彩
网站给人的第一印象不同的彩搭配产生不同的效果，并可能影响到访问者的情绪。颜搭配是体现风
格的关键。“标准彩”是指能体现网站形象和延伸内涵的彩，要用于网站的标志、标题、主菜单和主块，给人以整体统一的感觉。至于其它彩也可以使用，但应当只是作为点缀和衬托，绝不能喧宾夺主。例如IBM的深蓝，肯德基的红条型。一般来说，一个网站的标准彩不超过3种，太多则让人眼花缭乱。适合于网页标准的颜有：蓝，黄/橙，黑/灰/白三大系列。一般以白和黑的背景网页最好做，颜搭配最方便；亮与暗配合，最容易突出画面，如黑与白，红与黑，黄与紫；而近似的颜的搭配，能给一种柔和的感觉，如墨蓝与淡蓝，深绿与浅绿。最好能给主页定一个主调，不要搞得花花绿绿的。
3.设计网站字体
和标准彩一样，标准字体是指用于标志、标题、主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，可以根据需要选择一些特别字体。制作者可以根据自己网站所表达的内涵，选择更贴切的字体。需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的计算机里没有安装特别字体，他看到的只能是乱码，那么辛苦的设计制作便付之东流了。
4.使用精炼有效的语言
现代生活节奏加快，人们往往没有时间看大块文章。为了节约时间，在单位时间内获取最大量的信息，人们需要精练的信息，即信息精品，要用信息语言来表达信息内容。所谓信息语言是指以下公式：
信息=基本事实＋数据描述＋专家观点。
信息语言摒弃一切广告性词句、文学性修饰词句，不欢迎一切关于意义、重要性的过分渲染。尽量采用数字说话，欢迎定量描述，反对过多的定性描述，特别是无法形成准确概念的定性描述。用信息语言描述，任何信息都应该有出处，有时间，分类准确。当然，应当满足信息的时效性、准确性、完整性、精练性等固有的特点。在此特别注意的是，不要出现错别字、病句。
5.设计网站宣传语
网站的宣传语也可以说是网站的精神、主题与中心，或者是网站的目标，用一句话或者一个词来高度概括。用富有气势的话或词语来概括网站，进行对外宣传，可以收到比较好的结果。
二、网站设计的彩搭配
打开一个网站，给用户留下第一印象的既不是网站的丰富内容，也不是网站合理的版面布局，而是网站的彩。彩对人的视觉效果非常明显，一个网站设计成功与否，在某种程度上取
决与设计者对彩的运用和搭配，因此专业人士把彩制作成系表，根据这些系让网站也有其自身的系，网站的系是浏览者整体的视觉观感，若一个网站系能有一致性，不仅会使网站看起来美观，更能让浏览者对内容不易混淆，增加了浏览的简洁与方便。而网站的系更能衬托出网站的主
题，若系能与主题合理搭配，将会增加浏览者的易读性。网站的系包含了网页的底、文字字型、图片的系、颜等等，这不单只是将颜搭配得当就算完美，还要配合每个内容，及网站主题。1.网页的底
网页的底是整个网站风格的重要指针。举例来说，以黑作为背景颜的网页，因黑本对人的视觉上会造成黯淡的感觉，若是拿来用作活泼的儿童网站，就是不适合了。因为小孩子是天真无邪的、活泼的、有朝气的，与黑的沉稳、黯淡，很难联想在一起。当然，每个人的审美观不同，可能也会对颜的代表性看法不同，但既然网站不是只写给自己看的，就应该要注意到大部分人可能会有的观点，然后以众人居多的观点出发，来设计网页。
2.文字字型
文字字型上的设计，最好的网站是以所有浏览者都能看到的字型为主。常会看到有许多网站要求浏览者须自行下载某种字型，才能达到最佳浏览效果，这是种非常奇怪的行为。毕竟浏览者只是来资料或是来看网站的内容，不可能会因为这种“为达最佳浏览效果”，而自行下载所需要的字型。当所要求的字型若不下载，并不会影响到网站内容上的浏览与不便，那么对浏览者的要求就微乎其微不可能发生任何作用。这么一来，对于网页设计者来说，无非是非常可惜的，因为当初的设计风格却未能让浏览者一窥全貌，岂不是白费心思的吗？
html网页设计的标题3.图片的系
以彩学简单的区分，系可分为冷系与暖系，再详细一点的区分，又可分出各种颜的系，而系的区分，就在于主观浏览意识上的差异了。如何将图片的系与网站整体系相对应，就是比较困难的地方了。要绘制一张图并非易事，要绘制一张符合自己网页风格的图，更是困难重重。大部分的网页制作者，并不大可能驾轻就熟的使用影像处理软件或绘图软件，于是乎，网页素材的网站就开始盛行了。当然，不会使用绘图软件并不代表网页就不能设计的很出，若是能将网络上的素材资源妥善利用，网站也是可以走出自己的风格的。而该怎么选择适合自己网站的图片，就是门很大的学问了。
以图片内容来说，能切合网站主题最好，若不能，也别差异太多。以颜来说，若一个网页是蓝的底，但整个网页的图片却乱七八糟，各种颜纷纷出笼，更糟的是，蓝是属于冷系的颜，若以蓝为底的网页，却尽都是大红、橘的图片，那将会使整张网页看起来就像垃圾堆，杂乱无章。所以，可以简单的归纳出，网页与图档的颜，系一致或是视觉效果一致，将会使网页看起来更为美观且有自己的风格。
4.网页的颜
网页的颜，并非单一就图文件、文字颜、或是底为主，而是以浏览者的角度来观看，整体网页
看上去是偏向哪种系。常常见到许多网站虽然系搭配的很好，但却是没有自己的风格。以目前流行的柔系、粉系网站来说，就是失了自己独到的风格。因为使用粉系的网站，不外乎都有相同的特点，文字颜浅，底也以浅系为主，这样除了没有自己的风格外，看起来既不大方也难登大雅之堂。以各大搜寻网站来说，根本不会做这样的设计，因为文字颜淡，加上底浅，对浏览者来说，阅读上非常吃力，所以这样的设计风格也应尽量避免。一个有自己风格，且阅读起来舒适大方的网页，并不可能一次就写好，而是需要经过不厌其烦的修正、调，才能达到最佳浏览效果的。
三、网页的美化设计
1.使用CSS优化网页外观
使用CSS来获得对整个站点所有WEB页面的外观控制。设置页边空白，页面填充，边界，颜和背景。对任意网页元素设置字体大小及改变字体外观。创建动态活动链接。创建CSS
风格的完全兼容的网页。
CSS的主要好处就在于，你不用去修改网页文件，只要修改这个页面连接的CSS文件，就可以实现不同的显示效果，包括底、背景图片、文字大小、颜、边框……等等。网站的版面、布局要求，不能占用较大的边幅放栏目图片，正文的位置不能少，图片与文章的搭配要平衡，过多使用大图片，大
大增加了传输流量，影响了网站浏览者阅读的速度，要优化网页就尽可能使用CSS实现，灵活地使用CSS，可以使页面精致漂亮而又不会占用过多的系统资源，所以很有必要花些时间研究一下。
2.用表格美化页面布局
表格布局好像已经成为一个标准，随便浏览一个站点，它们一定是用表格布局的。表格布局的优势在于它能对不同对象加以处理，而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用CSS更加方便。表格布局唯一的缺点是，当你用了过多表格时，页面下载速度受到影响。对于表格布局，你可以随便一个站点的首页，然后保存为HTML文件，利用网页编辑工具打开它(要所见即所得的软件)，你会看到这个页面是如何利用表格的。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。