如何设计一个网站

《如何设计一个网站》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、1.前言：也许我无法完全从头设计一个完美的网站，但我有一个中国人的特长“抄袭（山寨）”，我可以在众多优秀的网站中挑选出我想要的、适合我的优秀作品，加以修改为我所用。首先来看看设计一个网站应该了解的几个理论层面的概念：2.风格l确定网站的整体风格网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义

2、、站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些都是网站给人们留下的不同感受。在这里，提供一些参考经验：n将你的标志logo，尽可能的放在每个页面上最突出的位置。n突出你的标准色彩。n相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！l网页色彩的搭配无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。关于色彩的原理有许多，有以下小技巧。n用一种色彩

3、。这里是指先选定一种色彩，然后调整透明度或者饱和度。n用两种色彩。先选定一种色彩，然后选择它的对比色。n用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。在网页配色中，还要切记一些误区：n不要将所有颜色都用到，尽量控制在三种色彩以内。n背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。 1.1.色系网页颜色原理和象征意义不同的颜色有着不同的含义，给人各种丰富的感觉和联想。红色：热情、奔放、喜悦、庄严黄色：高贵、富有、灿烂、活泼黑色：严肃、夜晚、沉着白色：纯洁、简单、洁净蓝色：天空、清爽、

4、科技绿色：植物、生命、生机灰色：庄重、沉稳紫色：浪漫、富贵棕色：大地、厚朴 网页颜色的使用风格不同的网站有着自己不同的风格，也有着自己不同的颜色。网站使用颜色大概分为几种类型：1、公司色在现在企业中，公司的CI形象显得尤其重要，每一个公司的CI设计必然要有标准的颜色。比如新浪网的主色调是一种介于浅黄和深黄之间的颜色，同时形象宣传、海报、广告使用的颜色都和网站的颜色一致。再比如国富投资公司的主色调是C：100%，M：60%，Y：0%，K：0%。这样的颜色使用到网站上显得色调自然、底蕴深厚。2、风格色许多网站使用颜色秉承的是公司的风格。比如海尔使用的颜色是一种

5、中性的绿色，即充满朝气有不失自己的创新精神。女性网站使用粉红色的较多，大公司使用蓝色的较多……这些都是在突出自己的风格。3、习惯色这些网站的颜色使用很大一部分是凭自己的个人爱好，以个人网站较多使用，比如自己喜欢红色、紫色、黑色等，在做网站的时候就倾向于这种颜色。每一个人都有自己喜欢的颜色，因此这种类型称为习惯色。颜色举例说明：1、红色的色感温暖，性格刚烈而外向，是一种对人刺激性很强的色。红色容易引起人的注意，也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。l在红色中加入少量的黄，会使其热力强盛，趋于躁动、不安。l在红色中加入少量的蓝，会使

6、其热性减弱，趋于文雅、柔和。l在红色中加入少量的黑，会使其性格变的沉稳，趋于厚重、朴实。l在红中加入少量的白，会使其性格变的温柔，趋于含蓄、羞涩、娇嫩。1、黄色的性格冷漠、高傲、敏感、具有扩张和不安宁的视觉印象。黄色是各种色彩中，最为娇气的一种色。只要在纯黄色中混入少量的其它色，其色相感和色性格均会发生较大程度的变化。l在黄色中加入少量的蓝，会使其转化为一种鲜嫩的绿色。其高傲的性格也随之消失，趋于一种平和、潮润的感觉。l在黄色中加入少量的红，则具有明显的橙色感觉，其性格也会从冷漠、高傲转化为一种有分寸感的热情、温暖。l在黄色中加入少量的黑，其色感和色性变化

7、最大，成为一种具有明显橄榄绿的复色印象。其色性也变的成熟、随和。l在黄色中加入少量的白，其色感变的柔和，其性格中的冷漠、高傲被淡化，趋于含蓄，易于接近。2、蓝色的色感较冷，性格朴实而内向，是一种有助于人头脑冷静的颜色。蓝色的朴实、内向性格，常为那些性格活跃、具有较强扩张力的色彩，提供一个深远、广埔、平静的空间，成为衬托活跃色彩的友善而谦虚的朋友。蓝色还是一种在淡化后仍然似能保持较强个性的色。如果在蓝色中分别加入少量的红、黄、黑、橙、白等色，均不会对蓝色的性格构成较明显的影响力。l如果在橙色中黄的成份较多，其性格趋于甜美、亮丽、芳香。l在橙色中混入小量的白，

8、可使橙色的知觉趋于焦躁、无力。3、绿色是具有黄色和蓝色两种成份的色