《一个APP的诞生》：第六章UI设计

1. UI设计的定义：

是指人与机器进行互动过程时的界面进行创造、美化。

用户界面：系统和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换。

网页设计：是根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。

2. App设计精美皮肤，让界面“穿上衣服”的原因：

增加与同类产品的竞争力；深度打磨产品；配合用户越来越高的体验需求；提升用户审美，引导用户审美趋向；彰显用户个性。

3. 常见的几种风格类型：

1) 欧美简洁。不论是用色，还是界面元素与布局，都非常简洁、精致，属于典型的欧美简洁风格。

2) 女性风格。经常会跟粉丝系列联系起来，例如粉红、粉黄、粉绿，这种粉嫩的颜色最能展示女性的柔美。

3) 可爱型。在游戏上运用得最广。这种清爽风格，男女老少皆宜，所以很适合游戏界面。

4) 酷炫质感。一种拟物化的皮肤。界面比较精致细腻，且界面内容与皮肤表达很容易达成完全同一。

5) 主题故事。做成插画讲故事的风格，这样的界面故事连贯性很强。

6) 节日运营。

7) 功能型（夜间模式/护眼模式）、拟物、3D（趋势）等风格。

4. UI设计的流程：

1) 做用户定义；

2) 找到同类竞品的app安装并进行沉浸式体验

3) 分析竞品并学习。详细分析配色、细节可参考点、创意可参考点等

4) 确定情感关键词

5) 图片素材收集。通过关键词提炼，建立具象图库和抽象图库，从具象维度来获取风格感受，抽象维度得到设计元素

6) 对情绪版进行色彩和质感分析

7) 用户访谈。

5. 什么是扁平化设计：

最核心的地方就是摒弃一切装饰效果，诸如阴影、透视、纹理、渐变等能做出透视感效果的元素，通过抽象、简化、符号化的设计元素来表现。在界面设计中，极简抽象、矩形色块、大字体等设计技巧，让界面干净整齐并使用起来更加高效，以及简单直接地将信息和事物的工作方式展示出来，减少认知障碍的产生。

6. 扁平化设计的捷径：

1) 拒绝特效。仅仅采用二维元素，所有元素都不加修饰。

2) 界面元素。去掉可有可无的辅助线、区块分割线、把按钮做成框的感觉、简单的形状或者图标之类。圆形是最容易让人觉得舒服的形状。

3) 优化排版。无衬线字体，鲜艳多彩与反白，一般使用两种字体

4) 巧用色彩。大胆鲜艳的颜色，单色调（同类色），复古色，多彩

5) 极简主义。

6) 大图的运用。大面积的图片，半透明的图片，方块图片