《屏显媒介下注重互动体验及导引性的版式设计》-工学论文，设计论文-论文范文参考-科学狗论文网

标题

屏显媒介下注重互动体验及导引性的版式设计

范文

张俊

摘要：

文章探讨基于移动终端设备为主的屏显媒介载体语境下的版式设计。通过其多维化、虚拟化、视觉元素多元化、动态化、注重互动体验、扁平化、规范性、审美等表象的描述与研究。从而提出未来版式设计因为承载载体的日新月异，在传达信息的同时，会更加注重情感互动体验及导引性。

关键词：

版式设计屏显媒介互动体验导引性

中图分类号：J05

文献标识码：A

文章编号：1003-0069（2016）-04-0134-02

传统版式设计依靠以纸张为媒介印刷工艺来实现，对于信息传达起着非常重要的作用。版式设计有着符合传统纸媒的一套设计理论、技术法则及审美标准。然而随着科技的进步，移动终端设备的普及，获取信息的方式、途径、时间已经改变——呈现多样性及便捷性。由传统被动接受转化为互动体验，由纸张媒介静态地看发展到屏显媒介载体下注重导引及互动体验的动态的看。那么版式设计又如何满足屏显媒介下以信息内容为核心，用户互动体验为灵魂的现代传播方式。

一视觉呈现多维化、虚拟化

版式设计是指根据设计主题和视觉需求，在预先设定的有限版面内，运用造型要素和形式原则，根据特定主题与内容的需要，将文字、图片（图形）及色彩等视觉传达信息要素，进行有组织、有目的的组合排列的设计行为与过程。这是传统纸媒下对版式设计的定义，更多强调的是在二维空间内的展开与布局既Layout。对于视觉传达专业来讲，版式设计也是最基础核心的设计语言。纸媒类设计作品中版式设计所占的比例极高。可以说一件作品的成功与失败版式设计起了很大的作用。版式设计最能体现设计师的基本设计素养以及设计作品本身所带来的气质感。

那么版式设计对于同样以信息传达为主导的屏显媒介又起到一个什么样的作用。目前移动终端的操作系统以Android和iOS为主，基于此类平台开发的应用软件、用户界面的版式设计都是本文讨论的范畴。屏显媒介模式下的版式设计所呈现出的视觉感受，大都以多维化、虚拟化为主。通过各类视觉元素的位置变化、大小变化、色彩变化等，使版面产生视觉空间的纵深，层次感。维度上不再局限长宽这样的二维空间，强调的是多维化。信息内容也非常丰富并吸引人们不断地深入，给观者的心理构建一个空间遐想。而这个多维化空间并不是直接呈现在我们眼前的，它是通过大量视觉元素的运用在观者大脑中产生虚拟空间。比如最近如火如荼的借助计算机及最新传感器技术创造的一种崭新的人机交互手段Virtual Reality虚拟现实。被广泛地运用到地产漫游，虚拟样板间，展览场馆仿真等，使用户在虚拟现实系统中自由行走、任意观看，冲击力强，能使客户获得身临其境的真实感受，了解项目的周表环境、空间布置，辅助审批设计、规避设计投资风险。而不像传统纸媒版式设计需要用平面的宣传单页，画册等去展示，往往这类宣传形式如同鸡肋，宣传展示效果未能达到预期目的，同时造成大面积的污染与浪费。

二设计元素多元化、动态化

在屏显媒介下的信息传递中，其设计元素突破纸媒原有的以字、图、符号、色彩、材质、结构等为主要的构成要素之外。还尽可能地去模仿实体元素的触感、嗅感、量感等。同时声音，视频的引入让设计元素更加丰富。比如色彩元素的运用已经与传统印刷色有了天壤之別。屏显媒介的色彩元素为加色光.而印刷色为减色光，既三原色混合后，前者为白光后者为黑色。这样整个配色，套色体系就发生了翻天覆地的变化。屏显媒介的色彩元素在配色上更加灵活大胆，无拘无束，通常采用明度、纯度、色相更炫丽的颜色。配色套色系统打破印刷层面上的不要超过3、4套色这一忌讳，出现了多达8种套色体系的版面。Pantone专色的运用也因无需考虑成本而被大量用来提升版面效果，例如使用金、银等专色来提高版面的整体雅致感。在图像元素的使用上，传统版式设计的图像使用印刷CMYK色彩模式来实现，需要考虑印刷套色、专色、DPI（图像分辨率）等问题，从而有效的控制印刷效果及成本。而屏显媒介下图像的Web显示，需要通过Pixels Per Inch（PPI图像的采样率）来实现。PPI的最大优点是无需考虑专色、套色、图像分辨率等问题。PPI数值越高，画面的细节就会越丰富，因为单位面积的像素数量更多，密度越高，拟真度就越高。

静看到动看的体验转变是屏显媒介下的一大特色。传统版式设计在印刷后视觉元素以静态的形式呈现给观者，而屏显媒介不但提供传递静态的文字、图像及色彩信息，还为了增加画面层次感，以动态的形式将这些视觉元素传达给观者。这种动态不是简单的动画的插入，而是视觉元素的所有动态形式，既让文字、图像、色彩、视频、动画、背景音乐等各类元素都动起来。动态化使信息内容更加生动有趣，增加可读性，视觉元素的跳跃感增强，强调节奏感和韵律。互动体验上也变得简单有趣，比如按照自己的喜好来选择阅读方式，并可以根据自我需求改变字号大小、颜色、图片大小，调整视觉元素等简单的操作。遇到困惑时在线进行搜索和探讨并获得答案。

三信息传播注重互动体验的同时强调导引性

面对大量信息，在信息过载过程中，往往让我们精疲力竭。要对信息不断地评估其价值，过滤无用，最终发现仅有很少一部分是重要的、相关的胆剩下的大部分是无用。避免被这种信息淹没的最好方法，就是首先要建立合理的导引性，其次拋弃版式设计中无用的繁杂元素。在屏显媒介下逻辑层次清晰的导引性是我们快速、准确获得信息的最好途径。导引性的实现必须具备逻辑层次清晰的架构体系，但是还需导引性版式设计来实现。

架构体系属于程序开发层面上的工作，而导引性版式设计属于视觉设计师完成的工作。所谓的导引性版式设计是将视觉元素一体化，形成对话，引导用户浏览，避免信息迷失。导引性版式设计具备明确的目标、简明的标题文本、更大的字体、明快的色块、简洁直观的页面等，其目的是让用户更好地浏览页面，提升用户体验，吸引用户。人机工程学潜移默化的应用到了版式设计导引性中，比如每行字符的多少、视觉中心的确立、视觉流程的形成、阅读节奏的把控、版面的强调率、网格体系的构建等都为导引性服务。

四扁平化风格成为版式设计的主流趋势

传统版式设计的视觉审美停留在可触、可嗅、可感、可知等实体层级，既看得见摸得到。版面气质需要结合材质、结构、工艺、视觉符号等，通过装饰美化才能体现。而在屏显媒介上对于以上感官认知我们只可远观不可亵玩焉，缺失了对纹理、材质等实物的真实感受，只能在视觉上取得心理上的认同。此时，发现传统版式设计的审美体系已经时过境迁，实体与虚体的转化使得各类装饰已经对屏显媒介无任何意义了，只会给内容提取和信息加载过程中带来视觉干扰。上部分我们也提到构建屏显媒介的导引性就要抛弃版式设计的繁杂元素。因此，屏显媒介构筑新的审美体系，更多的强调交互上、功能上、体验上的简化。这种追求极简的设计思想，是人特有的视觉心理倾向，符合人们内在需求。

扁平化风格（Flat Design）由此产生，2008年由Google提出这个名字，其核心就是——去掉冗余的装饰效果。扁平化风格属于二次元空间，这意味着设计元素都在强调抽象、极简、符号化、平面、无过渡，各类元素都有存在必然性与关联性。互动层级上也趋于简洁化，无需过多的导引，用户便能完成信息获取，让信息本身重新作为核心被凸显出来。操作使用起来格外方便，可以更加直接地将信息和事物的工作方式展示出来，减少认知障碍的产生，避免了在信息导引中的迷失。扁平化使版面简洁、干净、整齐、美观，而且达到降低功耗，提高运算速度，提升加载速率和延长待机使用时间。

五屏显媒介下版式设计的规范性

传统版式设计的版面一般分为数字美学的网格体系版式和自由版式两类。但这两类版面设计在使用过程中也因技术、材料、印刷工艺等有着一些制约，如开本大小、纸张种类、油墨偏差、成本控制等。比如现代比较推崇的网格版式设计，这类网格设计风格的特点是运用数字的比例关系，通过严格的计算，把版心划分为无数统一尺寸的网格。将之分为一栏、二栏、三栏以及更多的栏把文字与图片安排于其中，使版面具有一定的节奏变化，产生优美的韵律关系、网格设计在实际运用中具有科学性、严肃性，但同时也会给版面带来制约与呆板的负面影响。

而今天的屏显媒介下虽然有着很多方面的灵活性、多样性、多变性。但是并不是没有任何的限制，反而受移动终端设备的特性影响，制约面就更多了。比如因为移动终端设备产品屏幕尺寸大小的多样性，APP的跨平台性，创建多个屏幕尺寸和分辨率的5keuomorphic设计既繁琐又费时。如何避免这些问题，最好的解决方案就是规范性。

近期谷歌推出全新设计规范Quantum Paper，它是一个宽泛概念，代表着一种全新的、合一的设计框架。而这个设计框架旨在统一所有平台上的应用程序的用户体验，并且应用程序的界面也应美观而统一。并希望能涵盖包括网络、Android操作系统和lOS操作系统在内的所有平台。

这样的规范是一把双刃剑，有利有弊，可以减少很多不必要的设计麻烦，方便进行标准化的设计，并能使设计各部门顺畅沟通。同时也将制约束缚设计的创新，因为此次规范涉及的面非常之广之细。在界面尺寸、图标尺寸、字体、颜色值等各类元素都有了详实的规范。比如在iOS 9系统中，苹果把原本为Appoe Watch开发的San Francisco字体，用来取代早前的Helvetica字体，并且把此款字体在其全部产品上推广。从整体上来说San Francisco字体可以让iOS看起来更加柔和，它的可读性也都超过了Helvetica。但是对于版式设计当中最重要的字体都有了规范，那么设计师的艺术创作发挥也就受到了限制。同样用户在体验的过程中也能够感受到屏显媒介下的版面设计除了具备以上规范的同时。网格版式设计的数字性精华也在各类版面中都有大量使用。这样除了符合我们当前的审美，同时更重要的也是一种规范传播。

六未来版式设计

屏显媒介下版式设计将诸多视觉要素全新的整合，一改以往版式设计的传统风貌。但其版式形式的众多基因都与传统纸媒版式设计有着密切关系，两者并没有割裂之间的脐带，而是互相借鉴，可以说是发展和延伸。对于传统纸媒下的版式设计在传达信息的时候也一直摸索情感性，交互性和趣味性，这类实验性的作品比比皆是。屏显媒介下未来的版式设计会更加注重情感体验，对于受用主体的人能够在获得更多便捷高效信息的同时强调情感交流，交互性和趣味性。《心理学大辞典》中认为：“情感是人对客观事物是否满足自己的需要而产生的态度体验”。屏显媒介下版式设计一直在追求这种态度体验，这种体验包括道德感和价值感两个方面，具体表现为爱情、幸福、仇恨、厌恶、美感等。屏显媒介借助自身优势可以更好地带给受众这类感受，留下深刻印象。

屏显模式下未来的版式设计面对的不再是二维空间，而是四维世界（时间、空间、人、信息）。用户直接操作屏幕或者对象，他们所接触到的是一个用户无论走到哪里都可见的版面。此类版式设计强调浏览过程中的导引性，传递品牌文化、提高浏览效率、信息展示等类型。

创新是版式设计的关键，无论是针对主题思想、版面设计、技术、内容、版式语言、表现手法等的创新，都是屏显媒介下版式设计最基本的核心。因为目前流行的所有这一切即将过时，移动技术发展的步伐令人难以置信的快。技术正在日趋完美、多样化，比如虚拟现实电影、可视穿戴设备、全息投影、裸眼3D技术等，都会为我们视觉形式提供各类不同的感受。软屏显示设备已经开始投入市场，其屏幕材质可以制作成柔软的，具备纸张一样的特性。可以翻阅、或卷曲、或折叠，甚至形成一个折手，这类如同“纸”一样的屏幕，也许会使版式设计体系再次回归“纸媒”传统。面对各类挑战，所以，如果可以，保持求知欲，灵活思维，好奇心将会让作为设计师的你不会被时代所淘汰。

随便看

科学优质学术资源、百科知识分享平台，免费提供知识科普、生活经验分享、中外学术论文、各类范文、学术文献、教学资料、学术期刊、会议、报纸、杂志、工具书等各类资源检索、在线阅读和软件app下载服务。