探究网页界面设计与平面设计之间的区别

王万琼

摘 要：随着信息技术的不断发展，网页界面设计需要更多地互联网人才，这就使得大部分的平面设计人员转向学习网页界面设计，但是网页界面设计与平面设计之间也有所不同，本文重点分析其差异。

关键词：网页界面设计；平面设计；区别

0 前言

一般会对网页界面设计与平面设计是不是同一个概念感到迷惑，但其实是有区别的，但是区别包括有哪些，没有系统的总结，现为更加深入的研究其差异，帮助新手更好的理解有关网页界面设计与平面设计的知识，现就要两者的差异开展讨论。

从设计层面分析，网页界面设计与平面设计均属于设计范围，但同时他们也有所差异，从其发起时间分析，网页设计具有一定的功能性质，并将功能性作为最主要的指导原则，以字符组成的界面达到传达基本信息的作用，需要经过较长时间的人机交流。随着信息技术的不断发展，网页界面设计是将艺术与技术进行融合的活动，包括有网页视觉设计还有交互设计两种。而平面设计的过程中，主要是设计者通过具体的视觉符号，将之转变为具有概念性的代表。现就从其视觉传达设计方面开展讨论，分析网页界面设计与平面设计之的差异。

1 网页界面设计与平面设计之间的区别分析

分析两者间的差异，重点分析其视觉传达设计方面的区别，其中包括有色彩模式、板式设计、字体应用还有图形的使用、浏览方式及信息传播。现将几点展开分析，讨论网页界面设计与平面设计之间的区别，如下所示。

1.1 色彩模式差异分析

色彩模式方面的差异，网页界面设计与平面设计，两者采用的色彩模式使完全没不一样的，平面设计重视后期的印刷工作，主要是为了能达到理想效果，少不了这一流程，一般是将CMYK色彩模式应用于平面设计中。但是网页界面设计主要是将显现方式作为依据，一般将RGB作为其色彩模式。平面设计针对色彩利用这一块重点突出视觉的冲击力还有对视觉流的指引，关于这一点和网页设计上面的BANNER设计是有类似之处的。网页设计，特别是产品类设计，重点要突出信息之间的链接，如果色彩过于注重，容易出现视觉疲劳，这就是在色彩模式应用的区别。

1.2 板式设计差异分析

首先，网页界面板式设计中，针对其比例关系的要求一般是：页面中所规定的空间长宽比、实体内容和空白的面积比例还有网页被分割时的比例、图文间的关系、各造型元素间的比例等。其次，且平面设计的节奏以及韵律主要是通国音乐启发，富有节奏感，一般强调“节拍”，如果是韵律比较多侧重点又在于“变化”方面，通常，如果说韵律感不足，一般指的是缺少变化；而描述其过于呆板，意在说明节奏感不足，变化没有条理。

1.3 字体应用方面的差异分析

在整个设计过程中，平面设计采用的字体更为自由，并且不需要担忧后期的处理工作，全部的文字与图形的输出是同时印刷的，但是网页设计就需要从整体分析，一般其文字的使用范围也会比较小，主要是因为要减少在输出作品的时候对服务器的压力，有html的特性，使用的字体是由设计者在操作时进行设置的，随着技术日益发展，现要将此差异拉近，现可以使用html5中国API运用个性化的字体设计，这样就不会将个性化的字体的输出为图形，在不会给后端带来太大压力的状态下，一般是可以用户具有可以享受到很好的视觉效果，得到较为满意的成品。[1]

1.4 图形的使用差异分析

分析两者图形的使用差异，网页设计功能没有平面设计的齐全，表现的形式也少一点，尤其是针对产品方面的设计，进行模块化的设计思路起到关键作用，将之放在视觉表现方面也有同样的意义。网页界面设计有关图形的表现主要是重点处理后期工作，平面设计中将会利用到的尺寸单位，比如常见的英寸、厘米还有毫米等，但是网页一般采用的是像素作为单位。[2]

1.5 浏览方式差异分析

网页界面设计与平面设计的浏览方式差异，其中平面设计开展的是渐进形式作作为浏览方式，没有办法做到浏览整个过程，无法实现多样化串联，而网页设计则是向下滑动即可，有一个滚动条功能，下拉即可，其中按钮之间的链接，可以实现多样化串联，实现浏览。将两者放置在同一个信息框架状态下，信息间的连接更为便利，增加用户间对信息选择的自由度，但平面设计也不缺乏其优点，举例相冊，通过对比，一般这一类型的产品使用电脑翻阅，其实将之印刷成为一本实物进行翻阅，这样给用户的感觉更加好，实现相册收藏的意义。网页设计结果具有不可预测性，主要是受到交互性质的影响，一般网页设计将技术和艺术相互结合运用，网页版面与印刷品浏览的方式有所差异，不会采取单线性的阅读内容。比如，还有许多隐藏的信息会被遗漏，指的是及时同一位网页设计师没针对不同的用户也会产生不一样的机结果，使用超链接实现用户可以在网页文本中自由的操作，实现图片之间的跳转等，同时，还可以对针对某一个网站做插入链接，用户可以进行搜索、讨论、留言等操作。[3]将网页的交互性实现到最大化，有被动交互转变为主动交互，这一过程中也是网页设计的以部分，直接影响最终的设计结果。

1.6 信息传播差异分析

平面设计偏向于传统信息媒介设计，比如张贴、销售还有邮寄等形式展开传播操作，传播的范围比较小，但是成本有比较高，将之与网页界面设计相对比，网页界面设计具有很强的传播能力，主要通过第三方媒介进行传播操作，通常使用电脑屏幕、鼠标、键盘等即可完成传播操作。将之和过去的纸质传播方式，其主要的表现形式是经过纸张与图文信息，现忽略其网页中的互动环节以及 多媒体元素，其实网页界面呈现在人用户面前的就是经物化的界面，即是纸张、图文还有电脑显示屏三组组成的内容，以数字化形式表达。一般包括有图文信息、色彩还有版面等，这些元素构成了平面设计中的视觉构成元素，而网页设计同样也是将平面设计中包含的基本视觉元素以此传达信息以及开展审美活动。网页设计操作中，要将发送者和接受者形成一个连接平台，以便达到信息、资源共享的目的，如果没有此操作，两者这之间就需要设定的一个翻译或者是解说系统，帮助他们实现沟通，这样不利于提升工作效率，容易出现失误。[4]平面设计具有良好的群众基础，不管哪个年龄层针对纸质的学习一般具有较好的接受能力，网络媒介还有部分群众不熟练运用，同时通过网络获取信息也会带来一定的学习成本，但随着网络信息技术的不断改进，与平面设计在群众基础方面的差异会越来越小。同时，平面设计和网页设计形式有不同的用户体验，其中，网页界面设计重视与用户之间实现互动。网页界面设计还可以将绚丽的动画效果融入设计中，导入视频，上述功能在平面设计中是无法实现的。

2 结语

网页设计和平面设计之间的不同，主要是由于信息技术带来的革新。网页技术可以将艺术和技术实现完美的融合，平面设计在信息网络技术发展的背景下也得到有效的发展，并朝着多元化方向发展，继承传统平面设计技术同时又可开展革操作。

参考文献：

[1] 姚国熳，王海潮.网页界面设计中平面视觉元素的应用探析[J].大观，2016（9）.

[2] 张彤.网页界面设计的整体性研究[D].北方工业大学，2011.

[3] 那日图.中国传统视觉元素在网页界面设计中的研究[J].美苑，2011，7（06）：63-65.

[4] 林勐.交易型网页界面的编排设计研究[D].山东轻工业学院，2012.