网页设计风格.doc

网页设计的风格
——网站的设计必须要形成自己的风格特色，特色就是优势
1. 网页设计的构成要素

l 点的构成
在页面设计中，运用点的属性可以创造出千变万化的点造型。
点是造型中的基本要素，也是构成中最简洁的形态，点在线、面里相对来说是最小的单位，依托无数的点来形成线、面。在视觉形态中，点具有形状、大小、方向等属性。点的概念是相对的，是与周围的视觉元素相比较而言的。点一般表示为圆形，但也可以是三角形、方形、无规则图形。作为视觉上的点，随着面积的扩大，区域面的感觉也就越强。
点具有视觉中心的属性，具有强烈的视觉吸引力。当这些点大小不同时，人们在视觉上会首先注意到大的点，然后逐渐向较小点移动。随着电的增加，人们的注意力也会逐渐分散。点的数量多会有生动感，如果大小不同，就丰富了视觉节奏韵律，增加了美感。
点的连续会产生节奏、韵律和方向，疏密的点阵会产生空间感。点的形状、方向、大小、位置、聚集、发散、层叠、交错，能够给人带来不同的心理感受。
单纯由点构成的网页较少见到，一般总是和其他元素配合使用。这种版面往往轻松随意、生动活泼给人印象深刻，休闲娱乐类网站较容易使用。
l 线的构成
线是由点的移动或连续排列构成的，或者说由两点连接而成，是不占面积的。用线能表现作品的情感和抽象意义，页面的工整感、速度感也是靠线形来表现的。线在空间中具有方向性和运动感。
线可分为直线和曲线两种。直线为垂直线、水平线、斜线，曲线分为几何曲线、自由曲线。线的粗细、长短、形状的变化，在不同的环境中有各自的意义。直线具有坚硬、力量、速度的感觉，曲线常体现柔软、流畅、温和的女性特征。两种或以上不同大小、颜色、形状、方向的线为设计元素，使页面具有很强的表现力。可以运用重复、近似、渐变、对比、聚集、扩散等手法，将不同的线应用到页面设计中去，以获得不同的效果，但是要注意对比、协调的关系。
线是分割页面的主要元素之一，是决定页面风格的基本要素，根据各自线性的特征，可设计出不同风格的网页。

l 面的构成
点的密集、线的运动产生了面。与点和线相比，面具有更强的视觉效果和表现力。面可分为几何形和自由形两类。方形、圆形、三角形都是几何形，多边形的面也常在网页中出现。几何形给人以简洁明快、有序理性的特征。在视觉形态上，面通过大小、位置、形状、角度的变化，形成自己鲜明的个性和情感特征。设计的时候要注意把握不同形状的面之间的相互关系和整体和谐。
面的组合式灵活多样的，一个页面可能有叠加、重合、穿插的效果，根据视觉效果而定。可以用独立的页面构图设计，也可以将各种类型的面结合起来，多做些新的尝试。

l 混合的构成
点、线、面是视觉构成的基本元素，具有不同的情感特征，是最重要的表现手段。单纯的运用某个点、线、面，页面有可能单调、乏味。他们在图形图像中往往是共同作用的，才是页面具有强烈的表现力。合理的平衡安排好点、线、面的关系，将点、线、面进行综合灵活的运用，定能设计出丰富、充实、具有最佳视觉效果的页面。

2. 网页设计的风格类型
网页设计的目的就是为了突出网站自身特点，以信息内容得到理想的传达为前提。根据网站的主题内容，主页设计首先要考虑风格形式的定位。目前，网页的应用范围日益扩大，几乎囊括了所有行业。概括起来大体有：新闻机构、政府机关、企业门户、科教文化、娱乐艺术、电子商务、网络中心等。不同性质的行业，应体现出不同的主页风格类型。
网页设计的整体风格要靠图形图像、文字、色彩、版式、动画来表现。
从网页设计特殊性的角度分析主页风格，大体可以分为平面风格、矢量风格、像素风格、三维风格。

平面风格
平面设计是二维的设计，平面风格始终是基于一个二维视图来工作的，侧重于构图、色彩及表达的思维主旨，往往给人以空灵的意境和透气爽快的感觉，这种构图形式可以在有限的页面中表现出无限的空间感。
此种风格在网页设计中最常见且最实用。门户与新闻类网站，商业企业类网站，娱乐游戏类网站，运动休闲类网站，文化教育类网站，生活时尚类物昂站，兴趣爱好和个人网站，平面风格已经渗透到以上各个类型的网站。

矢量风格
矢量图使用直线和曲线来描述图形，这些图形的元素大多是一些点、线、矩形、多边形、园和弧线等基础元素，它们都是通过数学公式计算获得的，所以文件体积一般很小。矢量图最大的优点是无论放大、缩小或者旋转都不会失真，最大的缺点就是难以表现色彩层次丰富的逼真图像效果。

像素风格
GBA掌机画面、电脑软件上的图标及现在手机上的屏保等都是像素画。像素画属于点阵式图像，它是一种图标风格的图像，更强调清晰的轮廓、明快的色彩。几乎不用混叠的方法来绘制光滑的线条，由许多不同颜色的点一个个巧妙的组合排列在一起，构成一幅完整的图像，这些点称为Pixel像素，图像称之为Icon图标或像素画。

三维风格
三维是在顶视图、正视图、侧视图及透视图中来创作编辑物体的，以一个具有长、宽、高三种度量的立体物质形态出现，这种形态可以表现在商品的外型上，也可以表现在商品的容器或其他地方。
在网页设计里，三维风格的表现简单的多。三维空间的设计可借助于三维的造型手法，通过折叠、凹凸的处理，使画面产生浮雕、立体等三维效果。三维构成以丰富厚重的内涵、深度及多层次、全方位的展现，给人以深厚，强烈的视觉感受。