平面设计概念在网页设计中的应用

　　我们认为，平面设计与网页设计，存在互融，也存在互斥。

　　互融方面，网页设计中图片的设计等等，其实都是平面设计作品。

　　互斥方面，网页设计中牵扯到的导航设计、布局设计等等，是平面设计之外的设计。

　　但是，有一个趋势需要指出：网站设计与平面设计有暗合的趋势。例如，响应式网站成为主流之后，平面设计在建站、平面设计师在建站公司的地位提高了。

　　因为平面设计的历史要比网站设计长的多，平面设计中蕴含着很多的概念。这些概念也被应用于网站设计之中。方维网络对这些概念进行了一番汇总。

　　字体

　　一个字，有两个维度。一个维度是字本身的含义;另一个维度是字型可以表达的含义，简单来说就是字体。

　　举例来说，“建站”这两个字，除过说明：从事网站设计这一含义。如果我们使用宋体字，就说明建站的专业性和权威，但是如果使用毛笔字体，就说明建站公司的文化底蕴。在网站设计中，字体的使用非常广泛的。

　　网站设计中最佳的字体应用，应该遵循“形状表达意境”这一原则。

　　页边距

　　内容与页面边缘的距离，就是页边距，是平面设计需要关注的概念之一。

　　在网页设计中，需要确定合适的页边距。如果页边距较大，会让访问者有平淡之感，如果页边距较远，会让访问者有恐慌之感。

　　留白

　　元素与元素之间的空白和空间，就是留白。适当的留白，会然每一个元素都处于“独立和照应”的氛围之中，而没有留白的网页，则会让访问者有“窒息”之感。

　　网格

　　为了让元素保持合理的空间，设计师时常会采用网格的办法。网页设计师通常的做法是将页面等分为网络，保持元素之间网格数量的相同。

　　缩放

　　放大或者缩小元素，缩放一般都会保持元素比例的不变。在网页设计中，缩放某一元素可以让页面有更多的留白或者填充。

　　纹理

　　平面设计中，纹理可以让用户对材质产生认同。在网页设计中，纹理可以凸显元素，甚至能够暗合整体网站风格。

　　饱和度

　　饱和度就是颜色除以明度，饱和度越高，意味着颜色更为鲜艳和突出，越低，意味着褪色和阴暗。在响应式网站设计中，网站的整体饱和度，需要在合理范围。

　　对比度

　　明暗颜色的比较，高对比度，意味着图片看起来更为清晰，对比度较低，意味着明暗的界限较为模糊。

　　颜色

　　平面设计对颜色的研究包括冷暖色调、色彩的互补、配色方案等等，这些概念在网页设计中，也被应用得较多。

　　例如，科技类网页设计，往往会倾向于使用蓝色、黑色等冷色调，以传达严肃、前卫的感觉;但是一些日常消费品品牌网站，会倾向于使用暖色调。

　　而关于配色，也是网页设计的重点，其研究内容包括不同颜色的清晰度、颜色的层叠、颜色的过度等等。

　　分辨率

　　分辨率指的是图像的清晰度。在网页设计中，一般使用更高分辨率的图片，这会让访客认为，网站比较专业。

　　透明度

　　透明度的变化，在网站设计中也被使用。例如，不少响应式网站采取“分层式的设计”，在页面翻转的时候，前一个页面会被“低透明度”处理。

　　渐变

　　从一种颜色到另一种颜色的过度，就是渐变。在响应式网站设计中，渐变设计正在成为很多设计师的选择。渐变的网页设计，给人以大气和开阔的感觉。

　　排版

　　平面设计中的排版包括“引用内容、字间距、对齐、行间距”等等概念。这些概念在网页设计中，几乎相同或者相似。排版，也是让网页生动、漂亮的重要推动力。

　　总之，优秀的平面设计是网站设计的基础，在平面设计优秀的基础上，如果能够在网站构架、网站策划、网站文案、网页切换等方面，多下一些功夫，就可以做出优秀的网站。