移动端APP UI设计与交互基础教程 课件（第2版）第1章 APP UI设计与交互概述.pptx

移动端APPUI设计与交互基础教程

01APPUI设计与交互概述本章从职业发展角度出发，立足职位需求，向读者介绍有关UI设计与交互所涉及到的入门知识。

1.1UI设计行业的发展前景1.1.1什么是UI设计

1.1UI设计行业的发展前景1.1.2什么是ID交互设计交互设计存在于产品研发的整个流程在创意环节的作用在需求环节的作用在原型环节的作用在界面设计环节的作用在研发环节的作用在测试环节的作用在上线环节的作用交互设计与UI设计的区别

1.1UI设计行业的发展前景1.1.3什么是UE用户体验UE（UserExperience，用户体验）是指用户使用一个产品时的全部体验，这种体验主要来自用户和人机界面的交互过程。

1.1UI设计行业的发展前景移动端UI的操作系统AndroidiOSWindows

1.1UI设计行业的发展前景1.1.5就业前景

1.2如何学习UI设计“UI设计师”常用软件介绍Photoshop2．IllustratorAdobeXDAfterEffectsSketch6．Axure7．CuttermanMarkman蓝湖10．MockingBot（墨刀）11．PxCook（像素大厨）12．PsPlay

1.2如何学习UI设计1.2.2“UI设计师”设计理论知识储备色彩理论知识储备色彩和形象是用户视觉感知中最快也是最直接的元素，无需语言和文字，色彩会在第一时间通过眼球反馈到大脑，触发感受，影响情绪。心理学与交互理论知识储备在做产品设计和交互设计时，通常从人的感知、注意、记忆、思维、动机等方面出发，直接剖析认知心理，才能全面深入了解目标用户。

1.3UI设计理论基础1.3.1色彩三要素色相色相指的就是色彩的品相。明度明度指的是色彩的“明亮程度”。饱和度饱和度是指色彩的鲜艳程度，也称色彩的纯度。

1.3UI设计理论基础1.3.2UI设计配色基础APP中一般包含多少颜色经研究，大多数人更倾向于仅依赖2～3种色彩的简单色彩组合。配色方案——单色单色是单一色系的搭配，它在色彩的深浅、明暗或饱和度上有所调整而形成明暗的层次关系。饱和度相近色的配色方案是选取相互不冲突的相关色彩，一种色彩用作主色，而其它色彩用于辅色丰富该方案。

1.3UI设计理论基础1.3.2UI设计配色基础配色方案——补色在色环中，两个对立的颜色称之为补色。配色方案——自定义配色创建自定义配色方案最简单的方法是将一个明亮的主色添加到一组中性色中，这种处理方法最能够引起视觉冲击。

1.3UI设计理论基础1.3.3配色组合推荐经典系列——黄与黑科技系列——蓝、黑与白年轻系列——红、蓝与黄中国味系列——中国红与金1.3.4小试牛刀

1.4APPUI界面设计的流行趋势1.4.1极简设计

1.4APPUI界面设计的流行趋势1.4.2玻璃拟态

1.4APPUI界面设计的流行趋势1.4.33D元素

1.4APPUI界面设计的流行趋势1.4.4玻璃拟态元素的制作

1.5浅析APP产品开发流程产品经理设计师团队2．开发流程1.3.2UI设计配色基础1．团队成员及其作用

1.6职场经验分享关于作品集团队的合力学以致用设计师应具备的视野

谢谢观看！