我们认为,平面设计与网页设计,存在互融,也存在互斥。
互融方面,网页设计中图片的设计等等,其实都是平面设计作品。
互斥方面,网页设计□□□中牵扯到□□的导航设□□□计、布局设计□□□□等等,是平面设•计之外的□□□□设计。
但是,有一个趋□□势需要指□□出:网站设计□□□与平面设□□□□计有暗合□□的趋势。例如,响应式网□□□□站成为主◈流之后,平面设计◆在建站、平面设计□□□师在建站□□□□公司的地□□□□位提高了。
因为平面□□□□设计的历◇史要比网□□□□站设计长□□□□的多,平面设计□□□中蕴含着◤很多的概◉念。这些概念□□□□也被应用□□于网站设◈计之中。BG大游集团□□对这些概□□□□念进行了□□□□一番汇总。

字体
一个字,有两个维□□度。一个维度□□□是字本身□□的含义;另一个维□□□度是字型□□□□可以表达※的含义,简单来说□□□就是字体。
举例来说,“建站”这两个字,除过说明:从事网站□□□□设计这一□□□含义。如果我们□□□使用宋体□□字,就说明建□□□站的专业□□性和权威,但是如果□□□使用毛笔□□□□字体,就说明建✦站公司的□□文化底蕴。在网站设□□计中,字体的使丨用非常广□□□□泛的。
网站设计中最佳的字体应用,应该遵循“形状表达意境”这一原则。
页边距
内容与页□□面边缘的□□□□距离,就是页边□□□□距,是平面设□□□□计需要关□□注的概念□□□□之一。
在网页设□□□计中,需要确定□□□□合适的页丨边距。如果页边□□距较大,会让访问❖者有平淡□□□□之感,如果页边□□□□距较远,会让访问□□□者有恐慌□□之感。
留白
元素与元□□□□素之间的□□空白和空□□间,就是留白。适当的留•白,会然每一●个元素都□□处于“独立和照□□□应”的氛围之◣中,而没有留□□□白的网页,则会让访□□问者有“窒息”之感。
网格
为了让元※素保持合□□□□理的空间,设计师时○常会采用★网格的办□□法。网页设计□□师通常的□□做法是将□□□□页面等分□□□□为网络,保持元素□□之间网格□□□□数量的相□□同。
缩放
放大或者□□□缩小元素,缩放一般□□□都会保持●元素比例□□的不变。在网页设□□□计中,缩放某一□□□元素可以□□□让页面有□□□更多的留□□□白或者填□□□充。
纹理
平面设计□□中,纹理可以▲让用户对□□材质产生□□□□认同。在网页设□□□计中,纹理可以□□凸显元素,甚至能够□□□暗合整体□□□□网站风格。
饱和度
饱和度就□□是颜色除□□□以明度,饱和度越□□高,意味着颜▼色更为鲜♦艳和突出,越低,意味着褪□□色和阴暗。在响应式□□网站设计□□□□中,网站的整♦体饱和度,需要在合□□□□理范围。
对比度
明暗颜色□□□□的比较,高对比度,意味着图□□□□片看起来□□更为清晰,对比度较□□□低,意味着明❖暗的界限✦较为模糊。
颜色
平面设计◢对颜色的□□□研究包括□□□冷暖色调、色彩的互□□□□补、配色方案□□等等,这些概念□□□在网页设●计中,也被应用◇得较多。
例如,科技类网□□页设计,往往会倾□□向于使用□□□□蓝色、黑色等冷□□□□色调,以传达严□□肃、前卫的感☆觉;但是一些□□日常消费◥品品牌网□□站,会倾向于□□使用暖色▽调。
而关于配□□□色,也是网页□□□设计的重□□点,其研究内◎容包括不◉同颜色的□□清晰度、颜色的层□□叠、颜色的过□□度等等。
分辨率
分辨率指★的是图像□□□的清晰度。在网页设□□计中,一般使用□□□更高分辨□□□率的图片,这会让访□□□客认为,网站比较☆专业。
透明度
透明度的□□□变化,在网站设□□计中也被□□使用。例如,不少响应□□□式网站采•取“分层式的□□□□设计”,在页面翻□□转的时候,前一个页□□□□面会被“低透明度”处理。
渐变
从一种颜□□色到另一◇种颜色的□□□过度,就是渐变。在响应式□□□□网站设计□□□□中,渐变设计□□□□正在成为□□□很多设计□□□师的选择。渐变的网□□□□页设计,给人以大□□□□气和开阔□□的感觉。
排版
平面设计□□□中的排版□□□包括“引用内容、字间距、对齐、行间距”等等概念。这些概念□□□在网页设□□计中,几乎相同□□或者相似。排版,也是让网□□页生动、漂亮的重□□要推动力。
总之,优秀的平□□面设计是□□□网站设计□□□□的基础,在平面设□□□□计优秀的□□□□基础上,如果能够□□□□在网站构□□架、网站策划、网站文案、网页切换□□□□等方面,多下一些□□□功夫,就可以做◣出优秀的□□□□网站。