文/周鑫 APP界面设计不单纯是技术设计,也不再是单纯的进行视觉图像的艺术组合,它涉及到用户研究、视觉设计、交互设计、技术开发。
①图标是传达给用户的首个直观视觉感 受,它可以体现产品的风格、功能、品质。 由于APP界面受屏幕尺寸的局限性,在图形的选择上,首先是符合APP主题的图形,结合产品自身个性选择设计,图形的真实性; 其次选择清晰度较高的图形,图形是 具体的、直观的、形象的,让使用者在短时间获取更多的信息。
图标通常是有效直接的表现方式, 在APP界面设计中每一个图标都具体功能性,用以表达某一操作或功能的示意的图形,原则尽可能形象化、简洁性、识别性、隐喻性以准确表达其代表的功能。
在设计图标应使用矢量图形,矢量图形可以随便时进行尺寸调整,放大后不会失真,画面的清晰度。 推荐: UI图标设计基础(视频教程)
②文字的设计上,首先是字号、字体 有效的区分出信息的重要级别; 其次是行宽 与行高的比例,遵循从左到右的原则,左对齐、居中对齐、两端对齐、减少不必要的文字对比反差,调整合理的字间距; 最后是留 白,适当的留白增加信息的易读性。
页面布局是对页面的文字、图形或表格 进行合理的排布与设计。 信息是否能有效的 传达,离不开良好的页面组织及布局,在对页面布局时我们需要考虑用户需求与用户行为,明确信息的层级关系,让信息传递效率最大化。
①Logo放置每页相同,数据内容按主次先后有序排列,重要信息放置主页及界面中等偏上的,遵循人们从上到下,从左到右的阅读习惯,主页长度适度,其他页面也不宜过长,页面尽量采用分页。
②明确每个页面需突出的重要信息,可以通过色彩颜色、图形、文字大小、间距、留白等进行带土字旁的男孩名字对比区别,拉开层次,突出显示重要信息。
③尽量采用底部或一侧有利于用户引导和了解页面布局,不占左右空间。 设计师在对APP布局前,对应用的功能需求有清晰的把握,在每一级别的页面,应该清楚知道整个应用的界面跳转和层级关系,明确每个页面的凸现信息。
APP的交互设计,在设计操作 界面时需按照人们使用手机的习惯进行设计,让用户在与APP交互过程中,体验到产品的可靠性、易用性及趣味性。
②易用性指的操作简单化,让不同年龄段的用户都能快速上手,简单化清晰化的操作,可增加用户对产品的操作信心减少产品的使用差错率。
③可靠性和易用性是基础,趣味性就是核心,趣味性在用户使用APP操作中增加了人文关怀和情感注入,同时趣味性的元素的使用,让界面“活”起来。
色彩在界面设计中扮演者重要的角色,一 个好的手机APP设计作品,颜色搭配占到70%左右,其他的30%左右分给了排版文字设计、图形处理等,合理的色彩应用可以增加界面的条,起到强调作用,能帮助操作者快捷的发现界面的重点信息,取得较好的视觉效果。
不同用户对每一种颜色都有不一样的视觉感受,APP界面颜色运用从类别分为主色、辅助色、点睛色。 主色决定着画面风 格趋向的颜色,通常应用于栏,与品牌颜色相统一的主色调; 辅助色,使画面更加完美、丰富,对主色起到修饰作用; 点晴色用在 标题文本、按钮、icon等地方,起强调和引导阅读的功能,同时凸显独特画面风格。
主色选 择上,可使用鲜亮饱和度较高的颜色,在页面中比例占据较多。 辅助色选择上,根据主色基调,选择主色同类色、邻近色、对比色及互补色作为辅助色。 点睛色一般使用饱和度和明度较高的颜色,点睛色一般与主色相反,主色明度高,点缀色一般用深颜色或饱和度高的颜色,反正明度低,点睛色饱和度明度高的颜色。
APP的自身的实用性是根本,艺术性及舒适的操作性是点睛,只有让APP的功能美与形式美做到真正的统一,这个APP才具备能力。 推荐阅读: 界面设计的简与繁!