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

文章描述:浅析·平面与网页设计的差异性。

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

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

1.视觉元素

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

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

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

2.呈现方式


3.信息载体

4.浏览方式

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

5.信息传播

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

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

时间: 2024-09-15 20:08:13

视觉传达设计:平面设计和网页设计的区别的相关文章

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

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

网页设计技巧:学习网页设计的网格系统

文章描述:网格系统是一种好的习惯,也是一种格式化的设计工具.有了它,你能更专注于内容呈递,更专注于强调重点. 网格确保了设计结构的组织分明.结构明晰.我们可以通过网格系统更好的打造设计的信息层级,让设计阅读起来更具有韵律感.就跟编码一样,编码需要有机的组织结构,而网页设计的网格系统也是同样的作用. The Grid System 设计师用起来舒服,开发者用起来顺手,当然,网格系统对于用户也是大有裨益的.我一直在强调设计要注重用户体验--毕竟,客户为你的内容消费,因此你要向他们提供有价值的体验.使

网页设计资源:WEBJX网页设计丝带元素优秀案例

文章描述:丝带元素在网页设计中应用的32个优秀案例. 在网页设计中,丝带(Ribbon)元素主要用于在导航和标题区,可以帮助网站塑造出一种古典老式的风格.网页设计的形式在不断更新发展,而丝带却在网页设计中应用了很多年,始终受到设计者们的欢迎,仍然有不少设计师会选择使用丝带来突出设计的某个方面.这里就有丝带元素在网页设计中应用的32个优秀案例,希望能激发一些设计灵感. Nnegocio De Mulher Sandro E Sisnande Native Sun Wells Riley WP 10

网页设计与开发-网页设计,有一段代码太冗长了,求帮忙优化下!!!感激不尽!!!

问题描述 网页设计,有一段代码太冗长了,求帮忙优化下!!!感激不尽!!! 在最底下的那一段script代码太冗长了,求帮忙优化下,感激不尽!!! 以下是己完成的代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <style> .explain_box{ float:lef

设计趋势:网页设计中的幽灵按钮

我不确定我们是否意识到http://www.aliyun.com/zixun/aggregation/33721.html">2014年最重大的趋势正在来临.它完全基于所有网站中微小的设计元素--按钮. 幽灵按钮--那些透明的.可点击的物体--忽然间就变得无处不在.以狂风暴雨之势席卷正网页设计领域.谁能想到,像按钮这么简单的事物,能够改变我们看待网页设计的方式? 参考:预测网页设计趋势 什么是幽灵按钮? 幽灵按钮有着最简单的扁平外形--正方形.矩形.圆形.菱形--没有填充色,只有一条淡淡的

互联网产品用户体验设计:瀑布流布局网页设计细节

文章描述:说说瀑布流式网站里那些可人的小细节. 瀑布流式布局,想必设计师们已不再陌生,随着pinterest自2011年开始走红,瀑布流式的布局被越来越多的网站所使用.花瓣网.堆糖网.布兜.发现啦,美丽说,蘑菇街,人人逛街,凡客达人等,复制Pinterest的网站在中国蜂拥而现,粗略估计已有几十家之多. 为什么选择瀑布流? 既然pinterest式蜂拥而现,我们先从体验角度看,瀑布流布局为什么好? 笔者浅见.随着读图时代快餐式消费的来临,瀑布流对于图片的展现,是高效而具有吸引力的,用户一眼扫过的

2015年网页设计的9大趋势

  今天@章萧醇有点迷茫 同学的这篇总结比国外的接地气,比之前的更全面,分析够深入,案例够精彩,想在下半年跟上网页设计潮流的同学可以来收割咯. 其实在此之前已经有很多小伙伴翻译或总结过类似文章来分析优秀网页设计的趋势,不过我还是希望我总结的东西能更宏观一点并为大家带来一些新的东西. 稍后看官们可能会觉得我说的这几点可能你们都见过或者自己也在一些项目中运用起来,没错,没见过就不叫趋势, 哈哈!而将这些东西进行总结然后运用在自己今后的设计中,这样我们才能紧跟潮流并逐渐引领潮流,否则将只是走马观花.

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

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

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

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