appUI设计技巧课件.ppt

V
APP设计技巧
1
APP设计中的细节

图标设计在整个APP设计中是比重较大的板块之一，图标设计风格有：线性图标、填充图标、面型图标、扁平图标、手绘风格图标和拟物图计中的细节

线条通常用于分割同一类别或拥有相同属性的元素；而色块更多的是用于分割不同类别或者区分不同属性的元素，以达到层次清晰，归类明确的目的。我们在选择分割形式的时候要根据信息之间的关系作出明确的表达，不可为了视觉效果而盲目的穿插运用。
APP设计中的细节

在进行界面布局时，明确信息呈现的最大值，而不是取最小值进行设计。过于理想的长度范围也许界面样式更美观，可是落地之后就会给用户带来非常糟糕的体验。
APP设计中的细节

在大篇幅的文字信息布局中，合理的运用提示符会提高用户对信息的理解和快速找到需要的信息。提示符可以是数字、字母、图形、色块等等，只要能有效的区分信息层级即可。
APP设计中的细节
，重点突出
好的界面布局是为了更好的引导用户阅读和操作，界面布局要有层次和重点，而非简单的将信息进行罗列。通过卡片模块的区分和大小的变化可以很好的进行视觉引导，大大提高用户对界面的理解，从而提高用户的操作效率。
APP设计中的细节

从左到右，从上到下的进行阅读是我们已有的习惯，如果你要打破这个习惯进行视觉表现，会承受挑战用户体验的强大压力。
APP设计中的细节
&直角的统一性
在同一个界面设计中，圆角&直角的选择要更加统一的出现在界面中，不要出现混合运用造成视觉表达不一致。如果选择圆角作为视觉语言，统一相同模块下圆角的大小，不可出现大小不一致的情况，让整个界面设计的视觉语言更加规范统一。
APP设计中的细节

设计是为了更好的帮助用户理解界面的操作逻辑，如果你的设计改变了用户的心理与习惯，可能会增加用户的学习成本或者被用户抛弃。我们在进行界面设计的时候，如果要设计一些创新的操作规则，需要做更多的调研和测试，确保这个规则符合用户的心理。
APP设计中的细节

相同的信息模块采用统一的设计表达，不要为了变化而加强用户的理解。前后信息设计的多样性也许在视觉上面更加丰富，可是用户会理解为这是两个不同的模块，操作会不会也不同，无形中就增加了用户的思考时间和学习成本。
APP设计中的细节

网页与APP的设计在本质上面有很多不同的视觉表现规则，我们在设计APP界面的时候要脱离网页的一些交互习惯，回归到移动用户的习惯中，让界面的操作逻辑更加顺畅。
APP设计中的细节

表单设计在界面中随处可见，看到一望无际的表单用户总是望而却步。为了缓解用户的这种心理活动，我们设计的时候通常会通过合并归纳相同属性的表单，采用逐步填写来让用户感觉内容很少，通过这样的视错觉让用户完成表单的填写。
APP设计中的细节

为了提高APP的情感化设计，插画的运用也开始越来越普遍。在空界面的一些设计中也由以前的纯文字转变为一些应景的插画表现，带给用户更多的愉悦感。
APP设计中的细节

经常看到一些设计稿整个界面都是一样的配图，胡乱输入的文案，看起来显得非常的不专业。为了降低视觉落地的差值，我们在设计的时候尽量运用真实有效的信息去填充我们的设计稿，在提案的时候才能给决策者一个还原真实场景的有效方案。
APP设计中的细节
2
如何提升APP品牌感
如何提升APP品牌感
什么是什么是品牌感
品牌感就是用户对一个产品产生的有别于其它产品的独特印象，它是由“品牌Logo”、“品牌色”、“品牌辅助图形”构成，是体现一个品牌特征感觉的必要元素。
品牌感有什么用
好的品牌感有利于用户对品牌的记忆，从而提升品牌传播效果，降低推广成本。品牌感好的产品，用户看一眼就印象深刻，效果可能等于差的品牌看十眼的效果;这样一来品牌感差的产品如果想要达到同样的效果，它的推广费用投入将是好品牌感的十倍甚至要更多。
如何提升APP品牌感
如何判断品牌感的好坏
下面是几组网上找来的设计作品，大家先自己判断一下好坏;
如何提升APP品牌感
品牌感最好的是C组，相对好点的是B组，最差的是A组，下面来教大家如何具体分析，分析的方向主要是从Logo、品牌色、辅助图形三个纬度去衡量。
如何提升APP品牌感
A组分析思路
首先这组页面上没有体现出产品Logo,我们根本就不知道它叫什么