网页界面设计与平面设计的区别

开篇：润墨网以专业的文秘视角，为您筛选了一篇网页界面设计与平面设计的区别范文，如需获取更多写作素材，在线客服老师一对一协助。欢迎您的阅读与分享！

摘要：随着互联网的日益发展，网页界面设计这一行业需要大量的人才。这种供不应求的局面，不得不让小部分的平面设计人员转行网页界面设计。因此，对网页界面设计和平面设计进行一些研究，发现网页界面设计与平面设计其中的区别是一件重要的事情。研究发现网页界面设计从色彩、版式设计、字体、图像、浏览方式、信息传播等方面与平面设计都是有区别的。

关键词：网页界面设计 平面设计 色彩 版式设计、字体 图形 浏览方式 信息传播区别

中图分类号：S611文献标识码： A

最近一直在做网页界面设计教学工作，其中很多学生问我，网页界面设计就是平面设计吗？当时我告诉他们肯定是不一样的。但是至于究竟哪些地方不一样，却没有系统准确的对学生解释清楚。后来我时常再想这个问题，既然学生们都有这个疑问，那么肯定会有更多的网页界面初学者都会有这个疑问，所以在这里，我想谈谈网页界面设计与平面设计的异同。

网页界面设计和平面设计都是属于设计，但是他们又有着很大的区别，那不就与大自然界的青蛙和蛤蟆一样吗？他们都属于两栖生物，但又不是同一种生物，差别那么大。

在网页出现的早期，网页设计是以功能性为第一指导原则，以技术因素为主要考虑对象，以完成或实现必要的功能为目标。以字符组成的界面可以起到基本的信息传达作用，同时技术要求相对较低，易于实现，并且有较好的稳定性，故而这种形式的界面在很长一段时间内是人机交流的主要形式。随着互联网的发展，网页界面设计是用美和技术衡量生活的合理性。网页界面设计是将艺术与技术融为一体的创造性活动。它包含了网页视觉传达设计和交互设计。

平面设计的过程，是设计者将思想和设计概念转变为视觉符号形式的过程，即概念视觉化的过程，对信息的接收者来说，则是相反的过程，即视觉概念化的过程，贯穿和联结两个过程的是信息。

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

一、色彩模式

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

二、版式设计

网页界面的版式设计中，其比例关系一般体现在：页面所限定空间的长宽比，实体内容与虚空间（空白）的面积比，页面被分割的比例，图文的关系比以及各造型元素内部的比例等形式上的数量关系。平面设计的节奏和韵律来自音乐的概念，节奏较多地强调“节拍”，韵律较多地强调“变化”，如果说韵律感不够，是指缺少变化，过于呆板；如果说节奏感不强，是指变化缺乏条理规则。

三、字体应用

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

四、图形的使用

从图形使用上，网页设计不如平面设计，表现方式也相对少一些，特别是对于产品类的网页设计，模块化的设计思路尤其明显，在视觉表现上也是如此，网页界面的设计对于图形的表现是需要考虑到后期实现的，这一点上是有目共睹的。设计时使用的尺寸单位：平面设计在使用尺寸标注时都用的是物理尺寸的概念，比如英寸，厘米，毫米等；而网页使用的像素。

五、浏览方式

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

六、信息传播

平面设计属于比较传统的信息媒介设计，一般会通过张贴、销售、邮寄派送等形式进行传播，这样传播的方式范围小且成本较高，相对而言在这方面网页设计的信息传播能力却非常的强，但依赖于第三方媒介的支持。在网页设计中，要求信息的发送者和接收者之间必须具备部分相同的信息知识背景，否则在两者之间就必须存在一个翻译或解说系统作为中间媒介来进行沟通。平面设计却拥有更为广泛的受众人群，不同的年龄层对于纸张或书本的信息接受能力总是强于网络媒体的，毕竟网络信息获取的将会存在一个学习成本，在今后网络信息的不断普及以及终端媒介用户体验的不断提升，在受众人群方面在我看来差距会越来越小。

此外，这两种设计形式不但拥有不同的用户体验，网页界面设计还注重用户互动的功能实现。网页界面设计不仅能融入绚丽的动画效果，还能插入视频，这是平面设计不能体现的。谈了这么多网页界面设计与平面设计的区别，希望能够帮助大家进一步认识这两种设计形式。

最后，我想说得是，设计形式没有好坏之分，用户不一样，他们的选择也就不一样。

参考文献：①芦影 著 李砚祖 编《平面设计艺术》，[M] 中国人民大学出版社2005年01月

②成朝晖 著《平面港：网页设计》，[M] 中国美术学院出版社2001-07-01

③晋小彦，吕皓月，杨长韬 著：《形式感+网页视觉设计创意拓展与快速表现+网站蓝图Axure RP高保真网页原型制作》，[M] 清华大学出版社，2014-02-01