网站风格参考资料.pptVIP

网站风格 房家川 什么是网站风格？ 网站风格就是网站的外衣，包括了网页上的所有元素(布局，文字，颜色等)组成后给人的视觉印象，可能客户经常会说我想要清爽的风格，我想要韩国的风格，我想要欧美的风格，这些种种已经被人们所熟知的网站印象成为我们当下主要的网站设计风格！ 网站风格 营造统一的独特风格 协调运用颜色 适当选择线条和形状 均衡的分割版式 适当美化 去除冗余 营造统一的独特风格 风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些都是网站给人们留下的不同感受。 　　 营造统一的独特风格 不同的网站有着不同的风格，譬如政府类型网站适合使用颜色较深的沉稳基调，各企业可以依照其产品特性创造独有的风格，给年轻人使用的网站则可以更加无拘束地个性化。在风格设计阶段，设计师需要以photoshop或者fireworks等软件进行图像绘制，这是在页面生成为HTML代码前的最后一个阶段。 营造统一的独特风格 在这里，我提供给大家一些参考经验： 　　　 　1．将你的标志logo，尽可能的放在每个页面上最突出的位置。 　　　　 2．突出你的标准色彩。 　　　　 3．总结一句能反映贵站精髓的宣传标语！ 　　　　 4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！ 　　 协调运用颜色 不同的色彩影响着人们对网站的第一感觉，红色系象征着激烈、兴奋，灰色系象征着平淡和低调。因此，旅游和园林类型的网站使用绿色系比较多，蓝色则被誉为是企业色确实很多企业和政府机关都偏爱使用沉稳而大方的蓝色。另外也有几种颜色在网页设计中是很少被大面积使用的，比如紫色。 协调运用颜色 通常情况下，一个页面内尽量不要使用超过4种色彩，太多的色彩容易让人感觉没有方向、没有侧重。当主题色确定好以后，考虑其他配色时，一定要考虑其他配色与主题色的关系，要体现什么样的效果；另外还要考虑哪种因素可能占主要地位，是明度、纯度还是色相。这里我们推荐两个特色突出的网站颜色风格:图1是简洁布局中凸显柔和绿色的网站n词酷，图2是色彩丰富主题突出的典型游戏风格网站泡泡堂。 协调运用颜色 1 用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。 　　 2 用两种色彩。先选定一种色彩，然后选择它的对比色。 　　 3 用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。 　 协调运用颜色 在网页配色中，还要切记一些误区： 　　　　 1．不要将所有颜色都用到，尽量控制在三种色彩以内。 　　　　 2．背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。 适当选择线条和形状 直线（矩形）的应用。直线条的艺术效果是流畅、挺拔、规矩、整齐的，也就是所谓的有轮有廓。直线和矩形在页面上的重复组合可以呈现井井有条、泾渭分明的视觉效果。一般应用于比较庄重、严肃的主页题材。 适当选择线条和形状 曲线（弧形）的应用。曲线的效果是流动、活跃，具有动感的，曲线和弧形在页面上的重复组合可以呈现流畅、轻快、富有活力的视觉效果。一般应用于青春、活泼的主页题材。 适当选择线条和形状 曲、直线（矩形、弧形）的综合应用。把以上两种线条和形状结合起来运用，可以大大丰富主页的表现力，使页面呈现更加丰富多彩的艺术效果。这种形式的主页，适应的范围更大，各种主题的主页都可以应用。但是，在页面的编排处理上，难度也会相应大一些，处理得不好会产生凌乱的效果。最简单的途径是，在一个页面上以一种线条（形状）为主，只在局部的范围内适当用一些其他线条（形状）。 均衡的分割版式 均衡并非简单理性的等量不等形的计算，一幅好的、均衡的网页版面设计，是布局、重心、对比等多种形式原理创造性全面应用的结果，是对设计师的艺术修养、艺术感受力的一种检验。在面积对比强烈(不等形)而又均衡(等量)的设计中，我们可以看到对比法则的成功参与；而在一些对比不十分强烈、典雅的不对称设计中，我们则可感受到设计者儒雅的学者风范。 均衡的分割版式 需要注意的是，传统网页设计的版式控制都是在不超越大众显示器分辨率宽度的前提下，依照内容多少纵向延展设计。而如今流行的产品型网站，更倾向于在一屏内表达最主要的东西，尤其是首页，尽量不出现滚动条。这里我们可以参考两个例子：图6，中国同学录5460主页面分割，