Photoshop CC APP UI设计从入门到精通
2020-03-18 09:42:04 0 举报AI智能生成
Photoshop CC APP UI设计从入门到精通
作者其他创作
大纲/内容
第3篇 APP综合实战
10 手机系统类UI设计
10.1 智能拨号界面设计
10.1.1 制作智能拨号界面主体效果
10.1.2 制作智能拨号界面细节效果
10.2 应用程序界面设计
10.2.1 设计应用程序界面主体效果
10.2.2 设计安卓应用程序整体效果
10.3 磁盘清理界面设计
10.3.1 设计磁盘清理界面主体效果
10.3.2 设计磁盘清理界面细节效果
11 社交通信类APP界面设计
11.1 手机社区APP界面设计
11.1.1 制作手机社区APP主体效果
11.1.2 制作手机社区APP文字效果
11.2 手机空间APP界面设计
11.2.1 制作手机空间APP主体效果
11.2.2 制作手机空间APP细节效果
11.3 云社交APP界面设计
11.3.1 制作云社交APP背景效果
11.3.2 制作云社交APP文字效果
12 工具应用类APP界面设计
12.1 移动WiFi登录界面设计
12.1.1 制作WiFi登录界面背景效果
12.1.2 制作WiFi登录界面主体效果
12.2 天气预报APP界面设计
12.2.1 制作天气预报APP界面背景效果
12.2.2 制作天气预报APP界面主体效果
12.3 照片美化APP界面设计
12.3.1 制作照片美化APP界面主体效果
12.3.2 制作照片美化APP界面文字效果
13 影音娱乐类APP界面设计
13.1 视频播放APP界面设计
13.1.1 制作视频播放APP界面主体效果
13.1.2 制作视频播放APP界面细节效果
13.2 音乐播放APP界面设计
13.2.1 制作音乐播放APP界面主体效果
13.2.2 制作音乐播放APP界面细节效果
13.3 休闲游戏APP界面设计
13.3.1 制作休闲游戏APP界面主体效果
13.3.2 制作休闲游戏APP界面细节效果
光盘内容
第1篇 UI设计入门
01 APP UI设计新手入门
1.1 概念解读：认识APP UI设计
1.1.1 UI设计：人和工具之间的界面
1.1.2 APP UI：用户和手机之间的界面
1.1.3 设计特点：小巧轻便、通信便捷
1.1.4 设计基础：熟悉手机的界面特色
1.1.5 视觉效果：为用户带来不一样的美感
1.2 APP平台：主流手机操作系统
1.2.1 谷歌Android系统
1.2.2 苹果iOS系统
1.2.3 微软Windows Phone系统
1.3 入门基础：手机界面与设计流程
1.3.1 手机界面：品类繁多、特点各异
1.3.2 平板界面：操作方便、性能优越
1.3.3 阶段分析：APP UI设计的基本流程
1.3.4 使用要点：APP UI设计的色彩与图案
02 APP UI设计的特性
2.1 移动应用：良好的用户体验特性
2.1.1 高便携性：便于用户随身携带
2.1.2 反馈特性：帮助及时改进APP
2.1.3 定制特性：进一步提升交互性
2.1.4 简约特性：直击用户主要需求
2.1.5 社交特性：更多的登录和分享
2.1.6 离线特性：使APP摆脱网络限制
2.1.7 游戏特性：增强APP的趣味性
2.1.8 独具特色：独具一格的特性
2.2 交互动作：降低用户与手机的沟通门槛
2.2.1 循环动作：使动画效果更加真实
2.2.2 重复动作：解释各UI元素的关系
2.2.3 关键动作：适用于较复杂的动作
2.2.4 连续动作：制作较简易的动态效果
2.2.5 夸张原则：运用无穷的想象力
2.3 文字特性：符合用户的阅读习惯
2.3.1 界面文字要容易识别
2.3.2 把握文字的视觉效果
2.3.3 字体与大小要有规律
2.3.4 流畅阅读的文字间距
2.3.5 采用交替的文字色彩
03 Photoshop CC的UI常用操作
3.1 熟悉Photoshop CC工作界面
3.1.1 认识菜单栏
3.1.2 认识状态栏
3.1.3 认识工具属性栏
3.1.4 认识工具箱
3.1.5 认识图像编辑窗口
3.1.6 认识浮动控制面板
3.2 Photoshop CC APP UI设计入门
3.2.1 打开APP UI图像文件
3.2.2 放大与缩小显示APP UI图像
3.2.3 运用辅助工具设计APP UI图像
3.2.4 运用工具裁剪APP UI图像
3.2.5 变换与编辑APP UI图像
3.3 APP UI图像的抠取与合成
3.3.1 运用快速选择工具抠图
3.3.2 运用魔棒工具抠图
3.3.3 运用矩形选框工具抠图
3.3.4 运用磁性套索工具抠图
3.3.5 运用魔术橡皮擦工具抠图
3.3.6 运用自由钢笔工具抠图
3.4 APP UI的色彩设计
3.4.1 自动校正移动APP UI图像色彩
3.4.2 运用“亮度/对比度”命令调整APP UI图像
3.4.3 运用“色相/饱和度”命令调整APP UI图像
3.5 APP UI的文字编排设计
3.5.1 输入横排APP UI图像文字
3.5.2 输入直排APP UI图像文字
3.5.3 输入段落APP UI图像文字
3.5.4 设置APP UI文字属性
3.5.5 创建APP UI变形文字效果
第2篇 APP UI进阶
04 设计APPUI图标
4.1 音乐APP图标设计
4.1.1 设计音乐APP图标背景效果
4.1.2 设计音乐APP图标主体效果
4.2 邮箱APP图标设计
4.2.1 设计邮箱APP图标背景效果
4.2.2 设计邮箱APP图标主体效果
4.3 视频APP图标设计
4.3.1 设计视频APP图标背景效果
4.3.2 设计视频APP图标细节效果
05 设计APP UI图形
5.1 操作鼠标形状设计
5.1.1 设计形状主体效果
5.1.2 设计形状细节效果
5.2 APP标题文字设计
5.2.1 设计APP标题文字效果
5.2.2 设计APP标题主体效果
5.3 登录背景图形设计
5.3.1 设计登录背景图形主体效果
5.3.2 设计登录背景图形细节效果
06 设计APP UI按钮
6.1 APP登录按钮设计
6.1.1 制作APP登录按钮背景效果
6.1.2 制作APP登录按钮主体效果
6.2 开始游戏按钮设计
6.2.1 制作开始游戏按钮主体效果
6.2.2 制作开始游戏按钮文字效果
6.3 APP命令按钮设计
6.3.1 制作APP命令按钮主体效果
6.3.2 制作APP菜单按钮细节效果
6.3.3 制作APP菜单按钮文本效果
07 设计APP UI进度条、滑块、切换条
7.1 进度条设计
7.1.1 制作进度条主体效果
7.1.2 制作进度条细节效果
7.2 解锁滑块设计
7.2.1 制作解锁滑块主体效果
7.2.2 制作解锁滑块细节效果
7.3 切换条设计
7.3.1 制作切换条背景效果
7.3.2 制作切换条细节效果
08 设计APP UI功能框
8.1 会话框设计
8.1.1 制作会话框头像效果
8.1.2 制作会话框主体效果
8.2 搜索框设计
8.2.1 制作搜索框主体效果
8.2.2 制作搜索框细节效果
8.3 对话框设计
8.3.1 制作对话框主体效果
8.3.2 制作对话框文字效果
09 设计APP UI导航、标签、列表
9.1 标签栏设计
9.1.1 制作标签栏背景效果
9.1.2 制作标签栏文本效果
9.2 导航栏设计
9.2.1 制作导航栏背景效果
9.2.2 制作导航栏图标效果
9.2.3 制作导航栏文字效果
9.3 屏幕待机列表设计
9.3.1 制作列表主体效果
9.3.2 制作列表细节效果
0 条评论
下一页
