移动端APPUI设计与交互基础教程第1章APPUI设计与交互概述课件.pptx

设计与交互基础教程
MOBILE APP UI DESIGN AND INTERACTION BASIC COURSE
移动端
APP UI
01
AP
设计与交互基础教程
MOBILE APP UI DESIGN AND INTERACTION BASIC COURSE
移动端
APP UI
01
APP UI设计与交互概述
本章从职业发展角度出发，立足职位需求，向读者介绍有关UI设计与交互所涉及到的入门知识。
UI设计行业的发展前景
1．UI（User Interface）用户界面
认识相关概念
UI设计行业的发展前景
2．ID（Interaction Design）交互设计
交互指的是人和机器互动的过程，交互设计通过了解人的心理、目标和期望，使用有效的交互方式来让整个过程可用、易用。
3．UE（User Experience）用户体验
UE是指用户使用一个产品时的全部体验，这种体验主要来自用户和人机界面的交互过程。
认识相关概念
UI设计行业的发展前景
4．移动端UI的操作系统
（1）Android
（2）iOS
（3）Windows
认识相关概念
UI设计行业的发展前景
就业前景
如何学****UI设计
“UI设计师”常用软件介绍
1．Photoshop
2．Illustrator
3．Axure
4．MockingBot（墨刀）
5．Sketch
6．Cutterman
7．PxCook（像素大厨）
8．Ps Play
如何学****UI设计
1．色彩理论知识储备
色彩和形象是用户视觉感知中最快也是最直接的元素，无需语言和文字，色彩会在第一时间通过眼球反馈到大脑，触发感受，影响情绪。
2．心理学与交互理论知识储备
在做产品设计和交互设计时，通常从人的感知、注意、记忆、思维、动机等方面出发，直接剖析认知心理，才能全面深入了解目标用户。
“UI设计师”设计理论知识储备
UI设计理论基础
1．色相
色相指的就是色彩的品相。
2．明度
明度指的是色彩的“明亮程度”。
3．饱和度
饱和度是指色彩的鲜艳程度，也称色彩的纯度。
色彩三要素
UI设计理论基础
1．APP中一般包含多少颜色
经研究，大多数人更倾向于仅依赖2～3种色彩的简单色彩组合。
2．配色方案——单色
单色是单一色系的搭配，它在色彩的深浅、明暗或饱和度上有所调整而形成明暗的层次关系。
3．饱和度
相近色的配色方案是选取相互不冲突的相关色彩，一种色彩用作主色，而其它色彩用于辅色丰富该方案。
UI设计配色基础
UI设计理论基础
4. 配色方案——补色
在色环中，两个对立的颜色称之为补色。
5．配色方案——自定义配色
创建自定义配色方案最简单的方法是将一个明亮的主色添加到一组中性色中，这种处理方法最能够引起视觉冲击。
UI设计配色基础
APP页面分类及其作品欣赏
1．引导页
APP应用在启动时会有一小段时间的初始化过程，开发者可以利用这个初始化的过程使用引导页的方式传递给用户一些品牌信息之类内容.
APP页面分类及其作品欣赏
2．主页
（1）以浏览引导为主型
（2）提高浏览效率为主型
（3）信息展示为主型
APP页面分类及其作品欣赏
3．菜单导航
APP页面分类及其作品欣赏
4．详情页
APP页面分类及其作品欣赏
5．注册登录
浅析APP产品开发流程
1．团队成员及其作用
（1）产品经理
（2）设计师团队
2．开发流程
UI设计配色基础
职场经验分享
别让设计成为“井底之蛙”
2. 尽量快速融入团队
3. 负责到底
4. 不要过于追求完美
5. 适当补充程序开发基本知识
谢谢观看！