APP界面中的“图形创意”!
文/温郭英 APP通过屏幕完成功能操作,以满足用户各种需求,APP的共性特点,首先是清晰的视觉传达,具有明确的指代性和识别性;其次是高效率的搜索和浏览体验,通过导航功能促成用户好感;最后是帮助人机交互组件,组件设计优劣能够决定应用软件是否好用。
图形创意通过界面传达信息的精准和可信,提升APP界面的视觉感染力和服务效能,促使产品有自我营销的的功能。
APP图标分为系统图标和功能图标,系统图标为移动端在应用商店中下载后所点击的应用程序图标,功能图标也称工具栏图标,为完成某一目标任务而进入APP应用程序所点击的功能性图形,用来达成人机交互任务。APP图标有以下几种样式:
①图形图标。这类APP图标富有易读性、亲和性、趣味性等特性。
②文字图标。图标主要用文字符号来构图,以文字为图标的设计元素,规则文字图标体现严肃性和统一性,蕴含产品正品品质的企业文化。文字变体图标,通过文字艺术化构图,使文字图形化,相较于图形图标更加直观、易懂的特性。
③图文并茂图标。根据APP的功能特征进行图文穿插,其设计思路为插图匹配文字,图形通过视觉上的烘托来增强图形美感,文字符号可以进行意图说明,两者相得益彰。
APP视觉界面是吸引用户收效最快的渠道,但精美的组件是促使应用程序达到完美的根本。交互组件须根据目标用户的心理需求、视感认知、人体工程学等相关知识进行图形创意。
①按钮。按钮又称为Button,是一种基础组件,根据功能不同而派生出命令按钮、复选框、单选按钮、组框、自绘式按钮。好的按钮是通过图形构造、色彩引导、人的环境等来设计其始终离不开图形创意的形式美。
■构图简洁、文案明确。能给予用户暗示和感知,紧迫的促进用户迅速做出购买意向。另外,按钮色彩要求特别抢眼,以高明度、高纯度颜色做色感铺垫,可以大大提升了界面的转化率。
■增强对比。增强按钮与底色的色差关系,增强按钮文字与按钮背景颜色的对比,或者按钮之间颜色对比关系。
■创造引导。创造引导的设计方法常出现在成组按钮或是自绘式按钮中,达到强引导效果。按钮底色调以蓝色、绿色或紫色等色为主,虽然都是冷色调,但较为舒缓在纷繁的界面中用户能够体会静谧感体验。
②滑动条。手指按住时进行操作的滑块和可滑动长度组成,设计时注重质感的设计,让用户觉得滑块是可操作的组件,滑块可以在滑区伸缩移动,通过阴影和明暗关系的处理得到虚拟的质感,幻化出实物感。
③选项框。以复选框和单选按钮使用居多,其图形创意的技法在于增强选项框之间的底色对比、增强所选项与非选项之间的凹凸质感对比、明示文案色差对比等区别对待目标操作,以此增强用户对选项的识别。
大多数APP都会通过层级导航的布局方式,达到承载多样产品销售信息。
①标签导航、舵式导航。图形设计思路以扁平化图标形式的导航结构,界面主类别视图可以在顶层视图进行切换用户可随意进行类别跳转,一般设置4~5个,不会多于5个以上,设置太多显杂乱影响视觉。
②抽屉导航、列表导航。为了节省空间而容纳更多的信息将抽屉导航设计成左多右少两列竖排式,图形设计上注意行间距及画面的留白即可,遵循条理分明的原理。
③列表导航设计。如抽屉导航的左侧部分一样,即注意层次列示清晰标题与次级内容都包括其中。
④宫格导航、组合导航。宫格导航将产品陈列如九宫格一般,直接展示产品信息,利于用户查询,物品列示不能过长,过长导致视觉疲劳。组合导航设计上注意分类之间的纵横间距,产品与说明文之间的间距,遵照和谐和均衡的形式美法则,做到紧松有度。
⑤Tab导航、轮播导航。Tab导航与标签类似,为承载更多的信息而设置,特别是在二级导航信息太多情况下使用,适用于大型电商APP界面。轮播导航为项目横向轮播形式展示,浏览由左到右的方向搜索,使得界面整洁,在有限空间承接无限内容。
图形创意通过色彩、构图、布局等方面,统筹艺术设计学、人体工程学、人机交互知识,在图标、交互组件和界面布局中运用,体现了艺术与技术的统一,在满足用户生活和精神需求的同时,也满足了用户的审美情操。