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