一、移动媒体中的空间
空间就是空白处。②日本设计师原研哉提到这样一个观点:“对设计师来说,信息就应该是一种产品,设计师的任务就是提高信息的品质,增强传播的力量。”③笔者认为,空白也是一种信息,而且和其他信息不同,空白提供的是服务其他信息的指示性信息,告诉我们的眼睛要去哪里。在移动媒体中,这种留白又有一定的特殊性,有些留白是不可避免的,有些留白是故意设计的,比如等待加载过程中的留白,淘宝天猫网站通过一只突然出现的灰色小猫的设计,消除了用户对等待的反感,同时增加了浏览的情趣;再如,有些图片展示页面通过设定强制性的“出血”,使用户产生了点击一看究竟的冲动。此外,留白还有以下功能:
1.利用空间吸引读者。留白就是在版面上留出空余的空间,空余空间吸引了读者,使页面容易阅读,可控制。④Google的网页一直非常简洁、优雅,与其他复杂的网页形成了鲜明的对比。Google将效率与审美有效地结合起来,将彩色图标和搜索条放在一起,周围大量空白,突出搜索功能,而不会分散用户的注意力;将其他图片、地图、新闻等导航条放在页面的左上角,将复杂的功能隐藏到页面的下一层。Google搜索通过更大的空间区分搜索结果,两边空出大量空间突出搜索内容,通过一些“割舍”,剔除掉无关和多余的信息和功能,突出重点信息和主要功能。
2.有意识地运用空间。在移动载体中,读者直接触及的空间仍然是十分有限的,因此,设计师更要学会有意识地运用有限的空间。笔者认为,结合交互性重新认识原有的平面版式设计理论,可以获得很多有启发性的设计技巧。下图是一款社交APP的设计,体现折纸概念的交互设计,折叠、隐藏、打开、显示等隐喻私密社交;盒子打开的过程显示一个由虚到实的动作过程,增强转场动效。导航图标在盒子打开的四个面上,将整个手机界面视为一个打开的盒子,使空间向外扩展,页面之间的空间也产生了联系。另外,在打开进入后,点击左侧头像以折叠的形式向四面扩展,分别为好友页面、搜索页面、设置页面和消息页面,在交互空间中体会折纸的乐趣,将移动空间向纵横方向延展,让有限空间得到扩展。
二、在移动媒体中对网格设计再认识
移动媒体事实上为更具可读性的设计提供了巨大的发挥空间,但由于既有传统设计思维的影响,对移动媒体与传统媒体缺乏系统的比较研究,使得相关交互设计往往囿于传统设计的窠臼。因此,在设计之前应该意识到移动媒体与传统媒体存在一些显著区别:
1.对移动媒体而言,“印张”是没有限制的,但受众的遴选和阅读时间大大缩短,版式的引导作用、与内容的整合在移动环境下的意义更重要了。
2.由于网络流量限制,打开内容时往往存在不同的等待时间,或者用户的既定视觉流程被一些商业化内容打断,这对于旨在提供让用户沉浸的界面设计提出了挑战。
3.相对于固定的书页版式设计而言,移动媒体的版式具有很强的动态性,版式设计应该更多地强调动态思维。同时版式空间也从二维发展到三维,甚至是多维空间,多维网格的设计将成为新的研究方向。
三、移动媒体中的视觉流程设计
视觉流程是视线按照一定轨迹运动的过程,强调版式设计中的视觉引导、分层次布局安排。在移动载体上,同样应遵循流程设计的原则。具体而言,要考虑用户能否发现并使用产品的某些功能,比如,将重要的功能设计得易于发现,将不重要的隐藏起来,然后确定重要功能的重要程度,分层次排放。在移动媒体中应重视以下流程和布局安排:
1.界面布局中首先考虑“最佳视域”的安排。在用户有限的视觉范围内中通过合理分层的布局、流畅的视觉流程,引导用户发现自己关注的内容。与平面的视觉流程相似,移动界面的视觉流程通常也是从左上到右下的视线运动。因此,设计师应考虑将重要信息或视觉流程的停留点安排在最容易受到重视的“最佳视域”。
2.界面设计中的视觉流程应更多考虑交互行为。传统视觉设计关注的是内容和形式,而移动界面设计在考虑版式设计原理的同时,也要考虑人的交互行为。人们大多是右手拿手机,大拇指滑动手机屏幕,所以手机的界面设计往往将易点击区域放在右下方,将工具栏放在下部;人机工程学理论认为人眼对左上象限的观察最优,⑤同时也是最难点击的区域,可以在此区域设计一些容易犯错的操作,如关闭、返回按钮的设置。人眼视线习惯于从左到右、从上到下、顺时针方向运动。眼球在水平方向运动速度比垂直方向快,垂直方向的运动较水平方向容易疲劳。⑥以微信订阅号的版式设计为例,订阅号的版面有点像报纸,但和报纸不同的是:订阅号不能把所有内容全部展示给用户,从视觉流程上来说,更强调图片导向;水平是阅读标题,图片垂直引导用户阅读栏目,而且图片更多地替代文字。订阅号的大标题是关键,小标题在第一层没有,而报纸大标题和小标题都在同一版面,目前只能看到大标题和图片,小标题要点开看,用户没有更多阅读自由度的选择;并且用户无法跳读,要么读要么不读,而报纸可以通过看小标题来跳读。移动终端的设计是用户对信息的搜索和选择,微信订阅号中用户可以选看的信息变少了,因此要把最精彩的内容放在第一页展示,尤其是图片,“渐入佳境”的设计思路是不可取的。
四、版式设计理论的逆向运用
有时,对版式设计理论的逆向运用在移动媒体中可以起到更好的效果,例如:
1.暂时避开最容易点击的区域,屏蔽掉读者的跳读策略,新安装和新更新APP时往往在开始会有一些介绍页,达到让读者慢下来的目的。同理,我们有时让用户尝试寻找隐藏着的下一步操作的入口,这种对视觉流程的“干扰”反而实现了用户一定时间的沉浸感。
2.有时一些版式故意让用户不小心触到,意外发现一些隐藏功能或操作技巧,如苹果有些左右滑动功能开始并不给予提示,让用户去发现、去讨论,增加了对系统探索的沉浸感。
笔者通过比较分析和案例研究探讨了版式设计在移动媒体中的运用,指出移动媒体这个新的设计环境给传统的版式设计方法和设计思维提供了新的空间和可能性,同时通过一些版式设计方法的逆向运用,说明了移动界面设计在沉浸感方面还有更多可以探索的空间。
作者:刘冉 单位:山东师范大学美术学院