浅析平面与网页设计的差异性


  这段时间,一直在做印像派的商品设计,如照片书、台历之类。从网页产品设计转行过来的我,时常在想,平面设计和网页都是设计,但区别又是那么大,那不就与大自然中的猫和老虎一样嘛,它们都属于猫科动物,但又不是同一种生物,有着很大的差别。

  现在就让我们来分析一下同样作为视觉传达设计,她们之间的差异性。

  1.视觉元素

  在色彩方面平面设计与网页设计使用的色彩模式完全不同,平面设计因为后期的实现依赖于印刷,所以采用CMYK的色彩模式,而网页根据其显像方式使用RGB的色彩模式。平面设计时的色彩运用注重视觉的冲击力及视觉流的引导(在这点上与网页设计中的BANNER设计相类似),而网页设计(产品类)更注重的是信息结构关系的梳理,如果将色彩运用的过多过强,很容易引起视觉的疲劳感。

  我们平时在设计过程中,平面设计的字体选用更为自由一些,不用担心后期实现的问题,所有的文字最后都会输出为图形进行印刷,而网页设计就需要考虑的更为全面,并且在字体的选用范围上也很小,为了让输出的成品大小不对服务器造成压力,基于html的特性,所有字体都是根据用户操作系统内默认字体而定的,当然近年随着技术的沿革与发展,这个差距也逐步在缩小,目前通过html5的API可以实现个性化字体的使用而不需要将个性化的字体最终输出为图形,在不增加后端压力的同时,大大提升了用户体验,非常赞。

  从图形使用上,平面设计比网页设计丰富,表现方式也多样化,特别是对于产品类的网页设计,模块化的设计思路更为明显,在视觉表现上也是如此,平面对于图形的表现是不需要考虑到后期的实现的,在一点上是有目共睹的。在来说一下咱们设计时使用的尺寸单位问题,平面设计在使用尺寸标注时都用的是物理尺寸的概念,比如英寸,厘米,毫米等,而网页使用的像素。

  2.呈现方式


  3.信息载体


  4.浏览方式

  平面设计的属于渐进式的浏览方式,无法对整个浏览的过程进行多样化串联,网页设计拥有滚动条下拉、按钮链接跳转等多样化的浏览信息方式,在拥有同样一种信息架构的条件下,信息之间的串联性更为丰富,用户选择信息的自由度更大,但平面设计也自然有其优势所在,比如平时我在设计照片书这类产品的时候,就很明显的发现,这一类的产品在电脑显示器上进行翻阅,不如印刷成为一个真实的书本来翻阅感受要更好一些,并且更具有收藏及纪念意义。(http://yxp.163.com/)

  5.信息传播

  平面设计属于比较传统的信息媒介设计,一般会通过张贴、销售、邮寄派送等形式进行传播,这样传播的方式范围小且成本较高,相对而言在这方面网页设计的信息传播能力却非常的强,但依赖于第三方媒介的支持,平面设计却拥有更为广泛的受众人群,不同的年龄层对于纸张或书本的信息接受能力总是强于网络媒体的,毕竟网络信息获取的将会存在一个学习成本,在今后网络信息的不断普及以及终端媒介用户体验的不断提升,在受众人群方面在我看来差距会越来越小。

  这两种设计形式拥有着不同的用户体验,我们应该根据不同设计内容,选择正确的设计形式提升用户体验,以上这些只是个人对平面与网页设计的一些粗浅认识,也作为抛砖引玉希望大家能分享出自己对于设计的想法,引用一段平面设计大师陈幼坚的一段话“做创意最重要就是定位清晰,如果定位清楚目标明确,很多创意就会自然创造出来。这就好像你想找一个喜欢的姑娘,就跑到酒吧去张望,这太麻烦了。要先确定你要找什么样的女孩子,到酒吧就指,哦,这个,那个。——多简单!”

  文章来源:网易UEDC

时间: 2024-10-31 19:45:18

浅析平面与网页设计的差异性的相关文章

浅析·平面与网页设计的差异性

这段时间,一直在做印像派的商品设计,如照片书.台历之类.从网页产品设计转行过来的我,时常在想,平面设计和网页都是设计,但区别又是那么大,那不就与大自然中的猫和老虎一样嘛,它们都属于猫科动物,但又不是同一种生物,有着很大的差别. 现在就让我们来分析一下同样作为视觉传达设计,她们之间的差异性. 1.视觉元素 在色彩方面平面设计与网页设计使用的色彩模式完全不同,平面设计因为后期的实现依赖于印刷,所以采用CMYK的色彩模式,而网页根据其显像方式使用RGB的色彩模式.平面设计时的色彩运用注重视觉的冲击力及

视觉传达设计:平面设计和网页设计的区别

文章描述:浅析·平面与网页设计的差异性. 这段时间,一直在做印像派的商品设计,如照片书.台历之类.从网页产品设计转行过来的我,时常在想,平面设计和网页都是设计,但区别又是那么大,那不就与大自然中的猫和老虎一样嘛,它们都属于猫科动物,但又不是同一种生物,有着很大的差别. 现在就让我们来分析一下同样作为视觉传达设计,她们之间的差异性. 1.视觉元素 在色彩方面平面设计与网页设计使用的色彩模式完全不同,平面设计因为后期的实现依赖于印刷,所以采用CMYK的色彩模式,而网页根据其显像方式使用RGB的色彩模

平面设计和网页设计在视觉传达方面的差异

文章描述:这段时间,一直在做印像派的商品设计,如照片书.台历之类.从网页产品设计转行过来的我,时常在想,平面设计和网页都是设计,但区别又是那么大,那不就与大自然中的猫和老虎一样嘛,它们都属于猫科动物,但又不是同一种生物,有着很大的差别. 这段时间,一直在做印像派的商品设计,如照片书.台历之类.从网页产品设计转行过来的我,时常在想,平面设计和网页都是设计,但区别又是那么大,那不就与大自然中的猫和老虎一样嘛,它们都属于猫科动物,但又不是同一种生物,有着很大的差别. 现在就让我们来分析一下同样作为视觉

网页设计中的“点、线、面”

  怎样的网页设计才称得上是优秀? 想必很多人都和我有同样的疑问.个人认为所谓优秀的网页设计就是能以合理的功能布局.赏心悦目的颜色(图片)搭配传递出设计想法的网页设计.这其中 包含了排版布局.色彩搭配.素材的选用等等诸多方面--当我们重新审视自己与别人作品之间的不同时往往会发现同样的颜色(图片.布局)会有不同的效果.这 是为什么?颜色区域的面积大小?图片的使用形状?其实这些就是我今天要和诸位探讨的内容--网页设计中的"点.线.面"--平面构成在网页设计中的运用. 点.线.面?平面构成?

网页设计技巧:网页的平面构成排版能力

文章描述:什么东西都离不开基础,建房子需要地基,解方程式需要先学会乘法表,唱歌需要先会"哆.来.咪".页面设计也同样需要基础,这个基础就是平面构成. 网页设计风格种多样,除去一些场景化设计和给力的素材支持,剩下的就全靠平面构成和排版了.刚开始接触网页设计的 什么东西都离不开基础,建房子需要地基,解方程式需要先学会乘法表,唱歌需要先会"哆.来.咪".页面设计也同样需要基础,这个基础就是平面构成. 网页设计风格种多样,除去一些场景化设计和给力的素材支持,剩下的就全靠平面

平面构成的运用:网页设计中的“点、线、面

怎样的网页设计才称得上是优秀? 想必很多人都和我有同样的疑问.个人认为所谓优秀的网页设计就是能以合理的功能布局.赏心悦目的颜色(图片)搭配传递出设计想法的网页设计.这其中包含了排版布局.色彩搭配.素材的选用等等诸多方面--当我们重新审视自己与别人作品之间的不同时往往会发现同样的颜色(图片.布局)会有不同的效果.这是为什么?颜色区域的面积大小?图片的使用形状?其实这些就是我今天要和诸位探讨的内容--网页设计中的"点.线.面"--平面构成在网页设计中的运用. 点.线.面?平面构成?网页设计

网页设计和平面设计理念的六大区别

  1. 设计理念的不一样 平面设计的核心是品牌.它要以品牌为出发点去设计,要在视觉上100%体现品牌的魅力. 而网页设计的核心是用户.网站的目的是与用户100%沟通,是要实现某些特定的功能,这有点像电脑中的软件.那么网页设计其实是一种UI设计,也就是所谓的界面设计,要以用户的操作习惯为出发点去设计,换句话说也就是要设计得人性化,让用户使用得更方面,长时间盯着网页看也不觉得累.这也就是为什么众多门户要用白色做为页面主色调的原因,因为白色看久了不会造成眼睛疲劳,而鲜艳的颜色看久了会眼困! 2. 颜

网页设计的平面构成

    什么东西都离不开基础,建房子需要地基,解方程式需要先学会乘法表,唱歌需要先会"哆.来.咪".页面设计也同样需要基础,这个基础就是平面构成. 网页设计风格种多样,除去一些场景化设计和给力的素材支持,剩下的就全靠平面构成和排版了.刚开始接触网页设计的时候,常常会钻到某个局部中去,页面风格还没出现,就开始做字体细节,结果可想而知咯.经过一段时间的学习和实践,发现原来做网页跟绘画是一样,先把内容和想法都丢上去,排布出整体风格(这里就需要的是平面构成排版能力啦),然后再慢慢细化各部分内容

最佳平面网页设计案例赏析

由微软为Windows 8 设计命名的Metro设计风格,带领着一个新的设计趋势,与此同时,谷歌也是平面彩色设计的先驱.尽管流行的平面网页设计观点中,"酷"的趋势正在增长,阴影效果,颜色渐变,圆角等等,但只有真正的设计师们才能驾驭良好的设计,仅仅是使用平面颜色和线条.另一方面,也存在的另一种意见,认为常规的客户不会对平坦的色彩设计感到满意,渐变和阴影之类的东西是完全必要的. 在这一次的创意网站分享中,我们收集了一些仅仅是使用纯色来构建的平面网页设计,希望你会喜欢! Wistia 图01