浅析苏州轨交终端机UI设计与地域性文化符号融合

胡依娜

（苏州科技大学，江苏 苏州，215009）

当今世界，人与物及外部环境的交流非常频繁，人们已适应了智能手机的界面布局，ios系统手机图标设计及app应用程序对于线下界面设计的影响不容小觑，最直观的页面组成是一组组排列有序的可移动式图标，设计理念与设计方法考虑了用户整合化、自由、愉悦的情感化体验以及个性化的新需求。在人机互动过程中，对于线下终端UI（User interface ）消费者可以用指腹手在轨交终端机触摸屏的方寸之地完成自助式选票、充值功能操作。笔者拨云见雾、从现象看本质，从界面主流风格这一切入点入手，建构当今大数据（big data）环境下苏州轨交终端机适宜的风格，映射出它在时代的发展中体现出该有的“模样”, 扩展用户体验与人机交互界面的范畴。

一、主流风格

大数据时代井喷式的发展需具备简洁、有效的视觉呈现设计特征,包括情感传递的个体化、多元化的定制体验。人和机器之间的交流界面体现在生活的每一个环节，如开车时候面对的仪表盘，它的美观和简洁影响着读取速度及用户心理。新媒体发展初期UI设计主要以具象、写实的拟物化形式呈现，由高光、阴影及渐变等效果来叠加、穿插使用；到自媒体时代，普遍流行的是类扁平化形式，其以制作周期短、更新速度快而大行其道，更符合推陈出新、日新月异的快节奏时代。扁平化的特点在于用色相对鲜艳、表达更为明确、直观。类扁平化设计随着扁平化设计趋势的流行，将某些细微效果融入到扁平化设计中，比单纯的扁平化更加适用、美观以及更加地灵活。

近几年线下终端的发展有迹可循，如“苏州银行”ATM机界面由早期的网页模板直接生成，页面背景色为阻挠视觉辨识的饱和度较高的明中调，字体为正规的宋体且不统一，平添了用户的心理压力，此外还有提醒式语言繁冗不简洁等诸多问题；到了2017年，跨越式发展为商业模式的“麦当劳”线下终端机定点实验性的进化为触摸屏设计，布局为和智慧型手机接轨的竖式直立型，内页采用分栏排版。苏州提取城市颜色中的深灰、白色凝练成图形符号，高度浓缩并快捷传达信息，便于记忆，类似LOGO，起到了识别和推广作用，通过形象徽标可以让消费者记住主体和符号。操作系统主界面颜色是操作快捷方式的功能标识，如同设计中的指示路牌，因而需提炼该应用程序的符号化特征，凸显它的视觉感与功用的结合，不囿于美感和特殊效果，主要是贯穿各个层级页面用来与其它板块链接的颜色符号。扁平化设计的核心是通过简化的图形设计元素来表现。如旧版“优酷”图标（图1），图2是2016年发布的全新的优酷LOGO设计，以透明化的红色与蓝色通过透叠方式组合而成，主界面图为品牌口号“这世界很酷”（图3），可谓是近年来类扁平化风格的标杆。这一图标意欲定义其未来性，把脉超前的或至少还将相伴十年的市场并为其做准备，在国内优酷视频为其App图标率先作了顺应潮流的改革，其新颖感和未来感较强，可识别特点使得该应用程序在大量图标中脱颖而出。针对扁平化缺乏空间感、距离感和视觉层次的缺点, 结合拟物化设计的理念提出了类扁平化设计, 强调极简主义，是继拟物化之后的风格发展，为了避免过于单调，推陈出新地衍生了类扁平化风格来打破单一感，所带来的“真实”感能建构用户对于产品的信任度之间的联系性。

图1 旧版App图标

图2 新版App图标

图3 优酷界面

图6 腾讯图标2014年前 >

图4 旧支付宝图标

图7 腾讯图标2014年

图8 腾讯图标2015年

图5 新支付宝图标

二、地域特色的隐喻性语言

从心理层面解构，城市化进程所带来的压力显而易见，人们普遍有焦虑感，轨交线下终端机所给予的碎片化时间及外部可变环境，使得人们会在交互过程中以第一眼的感受来判断喜欢与否，第一秒就希望快速找到自己想要的应用程序。图标具有隐喻性语言表现，如优酷图标即是作为视频类播放器的“播放”按键进行的符号化提炼，而圆形类似轴承的外轮廓，本身有无限循环感，可理解为企业前进、进取的寓意；还有“支付宝”（图4）软件的图标内涵扁平化实例，其于2015年7月8日发布了最新的9.0版本（图5），加入了“商家”和“朋友”两个新一级入口，替代“服务窗”与“探索”， 启用蓝底白字的全新标识。取中文的“支”字，其汉字的属性，设定了用户人群，并彰显了其本身的华夏渊源性，其与“中国银行”等红色字体标志设计做了类别的区分，沿用首字又做到了同类性寓意的表达，从该图标的进化史可以看出其从拟物化到扁平化再到类扁平化的发展过程。界面设计应该顺应时代，既要具备明确的功能性，又不要湮没在其它城市的程式里，苏州的粉墙黛瓦建筑特色源于江南气候，深入人心，将这一元素进行提炼用于界面设计中独具城市特色，是苏州这一城市的图形化隐喻性语言的代表，在人流量大、发展快速的轨道交通站点的界面设计中亟需建构。

三、正面情感依赖

目前的扁平化风格基于用户体验的考量，突出导览的功用和需求适用性，兼具美观和简单易操作性，置于用户的控制之下，接受使用习惯较为自然，也给新系统升级后风格的小小变化带来些许新鲜感，实现了减轻用户面对太新的界面后重新学习的压力。从用户的角度考虑降低了门槛，颇具人性化和灵活性，也更加美观，有突出的视觉效果，并确保简洁，使用者才愿意接受，才会让这些界面模式长久占据有限的屏幕空间，从而带来良好的用户体验，这种友好的设计与消费者之间就形成了良性循环。再从腾讯图标（图6）的进化史来看其从拟物化到类扁平化再到扁平化的发展过程，看到质感纯净的设计顺应了当代趋势，去除了一切繁杂的表现效果，变得更直接明朗，而这种简约的设计其时尚度也会更加持久。去除质感也带来了更大的设计挑战，对比七彩渐变的效果（图7），纯色效果更难立刻凸显,保持无投影、无渐变、无透明是社交网络产品对精品塑造的追求。产品名称带有“企鹅”前缀，正面或侧面企鹅造型与系统一致。用户只需记住同样的外型设计，从而塑造出更加统一的识别系统。社交网络产品需要保持着年轻友好的风格，其LOGO的结构比例也会起到辅助与控制作用，避免使用锋利的设计，细节做小圆角处理，同时最小圆角大小一致，达到更高的统一度。图形和字母类的LOGO适用性和传播性最强,形体方正的整体利于APP的呈现（图8），造型以“面”型设计为主，保持整体饱满和稳固。一个美观的、无需用户思考且引人入胜的整体布局可改善用户界面的应用程序功能，激发正面情感、习惯和依赖感，前端界面如没有吸引力、令人费解、不合逻辑，应用程序就会让人觉得繁琐。因而，受时代影响下的苏州市轨道交通终端机界面设计应偏向植根于本土，构建前端窗口设计中富于江南区域性的特色元素，赢得受众的正面情感依赖，塑造更好的城市形象。

四、结论

到一个城市乘坐地铁，其轨交界面的些微差别会给人留下深刻的记忆点，如日本东京的老式的具实用性的界面操作，即使不懂日文但通过数字及颜色的区分使用起来也会毫不费力；上海的轨交界面设计系统性强且简洁，操作快捷，符合城市快节奏生活需要。目前苏州轨交站点地方特色显著，且加入了苏州方言报站可谓是文化的传承，自助式终端机一可从主流风格中提取界面设计所需元素，如阴影风格、长阴影风格、微渐变风格等，与苏州建筑特色形成呼应，应用一般附带自然层级结构。二可依靠色彩来体现交互、信息的分隔，可使用半透明底板、保证清晰度、大量留白，给人喘息和想象空间，为用户带来更好的体验感；三可使用无边框的按钮、尽量减少视觉修饰，用深度来体现层次。在整个版式上舍弃边界，能让用户一目了然地看到其功能及内容，帮助用户快速扫描并直接选中，避免了不必要的交互，拥有明快美观的界面，充分利用整个屏幕。这一民生工程作为使用最为广泛的对外窗口，融合时代性和地域特色，福祉于民。■

该课题为“苏州市文化研究一般资助项目”2017年度“植根于文化传承及数字化融合——苏州轨交线下终端机界面设计研究”项目（项目编号：SZ20170201）

[1] （日）木村博之.跟顶级设计师学作信息图[M].吴晓芬，顾毅，译.北京：人民邮电出版社，2013.

[2] （美）鲁道夫·阿恩海姆.艺术与视知觉[M].成都：四川人民出版社，1998.

[3] （墨西哥)埃乌拉里奥·费雷尔.色彩的语言[M].归溢，等译.南京：译林出版社，2004.