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

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

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

网页设计



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

Tags
分享此文
向我们提交您的疑问