Photoshop移动UI设计从入门到精通.pptx

上传人(卖家):晟晟文业 文档编号:3713957 上传时间:2022-10-06 格式:PPTX 页数:75 大小:2.26MB
下载 相关 举报
Photoshop移动UI设计从入门到精通.pptx_第1页
第1页 / 共75页
Photoshop移动UI设计从入门到精通.pptx_第2页
第2页 / 共75页
Photoshop移动UI设计从入门到精通.pptx_第3页
第3页 / 共75页
Photoshop移动UI设计从入门到精通.pptx_第4页
第4页 / 共75页
Photoshop移动UI设计从入门到精通.pptx_第5页
第5页 / 共75页
点击查看更多>>
资源描述

1、Photoshop移动UI设计从入门到精通011 新手导航:移动UI的设计常识1 1 新手导航:移动新手导航:移动UIUI的设计常识的设计常识1.1 便捷生活:认识移动UI设计1.2 主流系统:深入了解UI的操作平台1.3 熟悉界面:了解手机与平板的界面LOGOLOGOhttps:/1 1 新手导新手导航:移动航:移动UIUI的设计的设计常识常识1.1 便捷生活:认识移动UI设计1.1.1 连接工具和人的界面1.1.3 移动UI的设计特点1.1.4 移动UI的设计基础1.1.2 连接用户和手机的界面1 1 新手导航:移动新手导航:移动UIUI的设计常识的设计常识1.2 主流系统:深入了解UI的

2、操作平台CBA1.2.1 谷歌Android系统1.2.2 苹果iOS系统1.2.3 微软Windows Phone系统LOGOLOGOhttps:/1 1 新手导新手导航:移动航:移动UIUI的设计的设计常识常识1.3 熟悉界面:了解手机与平板的界面1.3.1 手机界面1.3.3 流程分析1.3.4 注意事项1.3.2 平板电脑界面022 掌控布局:移动UI设计的布局原则2 2 掌控布局:移动掌控布局:移动UIUI设计的布局原则设计的布局原则2.1 初级布局:解析移动UI的纵横布局2.3 优化布局:掌握移动UI的布局策略2.2 高级布局:解析移动UI的特殊布局2 2 掌控布局:移动掌控布局:

3、移动UIUI设计的布局原则设计的布局原则2.1 初级布局:解析移动UI的纵横布局CBA2.1.1 竖向排列布局2.1.2 横向排列布局2.1.3 九宫格排列布局2 2 掌控布局:移动掌控布局:移动UIUI设计的布局原则设计的布局原则2.2 高级布局:解析移动UI的特殊布局0102030405062.2.1 2.2.1 弹弹出框式布局出框式布局2.2.2 2.2.2 热热门标签布局门标签布局2.2.3 2.2.3 侧侧边栏式布局边栏式布局2.2.4 2.2.4 陈陈列馆式布局列馆式布局2.2.5 2.2.5 分段分段菜单式布局菜单式布局2.2.6 2.2.6 点点聚式布局聚式布局2 2 掌控布局

4、:移动掌控布局:移动UIUI设计的布局原则设计的布局原则2.2 高级布局:解析移动UI的特殊布局0102030405062.2.7 2.2.7 转转盘式布局盘式布局2.2.8 2.2.8 导 航导 航栏 置 底 式 布 局栏 置 底 式 布 局2.2.9 2.2.9 磁贴磁贴状态式布局状态式布局2.2.1 0 2.2.1 0 超 级超 级菜 单 式 布 局菜 单 式 布 局2.2.1 1 2.2.1 1 导 航导 航栏 置 顶 式 布 局栏 置 顶 式 布 局2.2.12 2.2.12 幻幻灯片式布局灯片式布局2 2 掌控布局:移动掌控布局:移动UIUI设计的布局原则设计的布局原则2.3 优化

5、布局:掌握移动UI的布局策略CBA2.3.1 图表信息布局的设计方法2.3.2 界面细节的设计方法2.3.3 移动UI的布局规则033 透析本质:移动UI视觉交互设计法则3 3 透析本质:移动透析本质:移动UIUI视觉交互设计法则视觉交互设计法则3.1 博人眼球:把握UI的视觉特色3.2 挖掘内涵:提升UI的文字设计3.3 精益求精:优化移动UI的图案效果LOGOLOGOhttps:/3 3 透析本透析本质:移动质:移动UIUI视觉交视觉交互设计法互设计法则则3.1 博人眼球:把握UI的视觉特色3.1.1 打造简洁与抽象美感3.1.3 塑造华丽视觉效果3.1.4 把握色彩的使用特点3.1.2

6、营造趣味视觉画面LOGOLOGOhttps:/3 3 透析本透析本质:移动质:移动UIUI视觉交视觉交互设计法互设计法则则3.2 挖掘内涵:提升UI的文字设计3.2.1 3.2.1 内容设计内容设计简化简化3.2.2 3.2.2 字体设计字体设计合理合理3.2.4 3.2.4 信息表达信息表达清晰清晰3.2.5 3.2.5 掌握文字掌握文字间距间距3 3 透析本质:移动透析本质:移动UIUI视觉交互设计法视觉交互设计法则则3.2 挖掘内涵:提升UI的文字设计3.2.7 画面美感设计3 3 透析本质:移动透析本质:移动UIUI视觉交互设计法则视觉交互设计法则3.3 精益求精:优化移动UI的图案效

7、果0102030405063.3.1 3.3.1 分辨分辨率影响美感率影响美感3.3.2 3.3.2 拉拉伸影响美感伸影响美感3.3.3 3.3.3 特特效美化界面效美化界面3.3.4 3.3.4 交交互动作特性互动作特性3.3.5 3.3.5 增增加真实感加真实感3.3.6 3.3.6 透透析事物关系析事物关系3 3 透析本质:移动透析本质:移动UIUI视觉交互设计法则视觉交互设计法则3.3 精益求精:优化移动UI的图案效果CBA3.3.7 展现复杂效果3.3.8 展现简单动画3.3.9 实现夸张想象044 深入解析:移动UI的构成元素4 4 深入解析:移动深入解析:移动UIUI的构成元素的

8、构成元素4.1 专注体验:掌握基本元素的设计技巧4.3 组件解析:熟知移动UI的按钮组件4.2 对点切入:灵活地带入情感元素4 4 深入解析:移动深入解析:移动UIUI的构成元素的构成元素4.1 专注体验:掌握基本元素的设计技巧0102030405064.1.1 4.1.1 用用户体验户体验4.1.2 4.1.2 模模糊背景糊背景4.1.3 4.1.3 滚滚动功能动功能4.1.4 4.1.4 色色调搭配调搭配4.1.5 4.1.5 情情景感知景感知4.1.6 4.1.6 拟拟物设计物设计4 4 深入解析:移动深入解析:移动UIUI的构成元素的构成元素4.1 专注体验:掌握基本元素的设计技巧4.

9、1.7 简洁提示4 4 深入解析:移动深入解析:移动UIUI的构成元素的构成元素4.2 对点切入:灵活地带入情感元素CBA4.2.1 情感切入点4.2.2 惊喜拉近距离4.2.3 真实获得认可4 4 深入解析:移动深入解析:移动UIUI的构成元素的构成元素4.3 组件解析:熟知移动UI的按钮组件0102030405064.3.1 4.3.1 常常规按钮设计规按钮设计4.3.2 4.3.2 编辑编辑输入框设计输入框设计4.3.3 4.3.3 开开关按钮设计关按钮设计4.3.4 4.3.4 浏浏览模式设计览模式设计4.3.5 4.3.5 文文本标签设计本标签设计4.3.6 4.3.6 警警告框设计

10、告框设计LOGOLOGOhttps:/4 4 深入解深入解析:移动析:移动UIUI的构成的构成元素元素4.3 组件解析:熟知移动UI的按钮组件4.3.7 4.3.7 导航导航栏设计栏设计4.3.8 4.3.8 页面页面切换设计切换设计4.3.10 ico4.3.10 ico图标设计图标设计4.3.9 4.3.9 进度进度条设计条设计055 软件进阶:Photoshop移动UI快速上手5 5 软件进阶:软件进阶:PhotoshopPhotoshop移动移动UIUI快速上手快速上手5.1 软件进阶:Photoshop移动UI快速上手5.2 界面详解:熟悉Photoshop CC的工作界面5.5 窗

11、口调节:掌握移动UI图像的窗口操作5.3 图像知识:识别移动UI设计的基本图像5.4 图像操作:了解移动UI图像的操作模式5 5 软件进阶:软件进阶:PhotoshopPhotoshop移动移动UIUI快速上手快速上手5.1 软件进阶:Photoshop移动UI快速上手5.1.1 Photoshop CC的安装5.1.2 Photoshop CC的卸载LOGOLOGOhttps:/5 5 软件进软件进阶:阶:PhotoshopPhotoshop移动移动UIUI快快速上手速上手5.2 界面详解:熟悉Photoshop CC的工作界面5.2.1 5.2.1 菜单菜单栏栏01015.2.2 5.2.

12、2 状态状态栏栏02025.2.6 5.2.6 浮动浮动控制面板控制面板06065.2.5 5.2.5 图像图像编辑窗口编辑窗口05055 5 软件进阶:软件进阶:PhotoshopPhotoshop移动移动UIUI快速上手快速上手5.3 图像知识:识别移动UI设计的基本图像5.3.1 位图与矢量图形5.3.2 像素与分辨率5.3.3 图像颜色模式5.3.4 存储文件格式5 5 软件进阶:软件进阶:PhotoshopPhotoshop移动移动UIUI快速上手快速上手5.4 图像操作:了解移动UI图像的操作模式0102030405065.4.1 5.4.1 新 建新 建空 白 图 像 文 件空

13、白 图 像 文 件5.4.2 5.4.2 打开打开UIUI图像文件图像文件5.4.3 5.4.3 保存保存UIUI图像文件图像文件5.4.4 5.4.4 关闭关闭UIUI图像文件图像文件5.4.5 5.4.5 完 成完 成图 像 撤 销 操 作图 像 撤 销 操 作5.4.6 5.4.6 应 用应 用快 照 还 原 图 像快 照 还 原 图 像5 5 软件进阶:软件进阶:PhotoshopPhotoshop移动移动UIUI快速上手快速上手5.4 图像操作:了解移动UI图像的操作模式5.4.7 恢复图像初始状态5.5 窗口调节:掌握移动UI图像的窗口操作5 5 软件进阶:软件进阶:Photosh

14、opPhotoshop移动移动UIUI快速上手快速上手5.5.2 展开折叠面板设置5.5.4 图像编辑窗口排列设置5.5.6 图像编辑窗口大小调整5.5.1 调整还原窗口设置5.5.3 移动调整面板设置5.5.5 图像编辑窗口切换设置5 5 软件进阶:软件进阶:PhotoshopPhotoshop移动移动UIUI快速上手快速上手5.5 窗口调节:掌握移动UI图像的窗口操作5.5.7 移动图像编辑窗口066 视觉美感:UI的色彩与风格设计6 6 视觉美感:视觉美感:UIUI的色彩与风格设计的色彩与风格设计6.1 色彩解析:了解移动UI图像的颜色属性6.3 色调调整:调整移动UI图像的影调6.2

15、自动调色:自动校正移动UI图像的色彩6 6 视觉美感:视觉美感:UIUI的色彩与风格设计的色彩与风格设计6.1 色彩解析:了解移动UI图像的颜色属性0102030405066.1.1 6.1.1 色色相区分相区分6.1.2 6.1.2 明明度标准度标准6.1.3 6.1.3 色色彩饱和度彩饱和度6.1.4 6.1.4 颜色颜色的分布状态的分布状态6.1.5 6.1.5 颜颜色模式转换色模式转换6.1.6 6.1.6 色域色域范围的识别范围的识别6 6 视觉美感:视觉美感:UIUI的色彩与风格设计的色彩与风格设计6.2 自动调色:自动校正移动UI图像的色彩CBA6.2.1“自动色调”命令6.2.

16、2“自动对比度”命令6.2.3“自动颜色”命令6 6 视觉美感:视觉美感:UIUI的色彩与风格设计的色彩与风格设计6.3 色调调整:调整移动UI图像的影调6.3.1“色阶”命令6.3.2“亮度对比度”命令6.3.3“曲线”命令6.3.4“曝光度”命令077 画龙点睛:移动UI文字的编排设计7 7 画龙点睛:移动画龙点睛:移动UIUI文字的编排设计文字的编排设计7.1 文字排列:掌握移动UI中文字的排列7.2 完善效果:设置移动UI中的文字效果7 7 画龙点睛:移动画龙点睛:移动UIUI文字的编排设计文字的编排设计7.1 文字排列:掌握移动UI中文字的排列0102030405067.1.1 7.

17、1.1 常常见文字类型见文字类型7.1.2 7.1.2 文文字属性设置字属性设置7.1.3 7.1.3 横横排文字输入排文字输入7.1.4 7.1.4 直直排文字输入排文字输入7.1.5 7.1.5 段段落文字输入落文字输入7.1.6 7.1.6 选选区文字输入区文字输入7 7 画龙点睛:移动画龙点睛:移动UIUI文字的编排设计文字的编排设计7.2 完善效果:设置移动UI中的文字效果7.2.2 段落属性的设置7.2.1 文字属性的设置7.2.3 选择和移动UI图像文字7.2.5 段落文本与点文本的切换7.2.4 设置文字的方向互换7.2.6 文字的拼写检查1 12 23 34 45 56 67

18、 7 画龙点睛:移动画龙点睛:移动UIUI文字的编排设计文字的编排设计7.2 完善效果:设置移动UI中的文字效果7.2.7 文字的查找与替换088 界面合成:移动UI图像的抠取与合成8 8 界面合成:移动界面合成:移动UIUI图像的抠取与合成图像的抠取与合成8.1 命令抠图:掌握移动UI图像命令抠图技法8.2 工具抠图:掌握移动UI图像工具抠图技法8 8 界面合成:移动界面合成:移动UIUI图像的抠取与合成图像的抠取与合成8.1 命令抠图:掌握移动UI图像命令抠图技法8.1.1“反向”命令8.1.2“色彩范围”命令8.1.3“扩大选取”命令8.1.4“选取相似”命令8 8 界面合成:移动界面合

19、成:移动UIUI图像的抠取与合成图像的抠取与合成8.2 工具抠图:掌握移动UI图像工具抠图技法0102030405068.2.1 8.2.1 快快速选择工具速选择工具8.2.2 8.2.2 魔魔棒工具棒工具8.2.3 8.2.3 矩矩形选框工具形选框工具8.2.4 8.2.4 椭椭圆选框工具圆选框工具8.2.5 8.2.5 套套索工具索工具8.2.6 8.2.6 多边多边形套索工具形套索工具LOGOLOGOhttps:/8 8 界面合界面合成:移动成:移动UIUI图像的图像的抠取与合抠取与合成成8.2 工具抠图:掌握移动UI图像工具抠图技法8.2.7 8.2.7 磁性磁性套索工具套索工具8.2

20、.8 8.2.8 魔术魔术橡皮擦工具橡皮擦工具8.2.10 8.2.10 自自由钢笔工具由钢笔工具8.2.9 8.2.9 钢笔钢笔工具工具099 界面特效:移动UI图像特效质感设计9 9 界面特效:移动界面特效:移动UIUI图像特效质感设计图像特效质感设计9.1 特效解析:为移动UI图像添加简单的特效9.2 特效实操:为移动UI图像添加复杂的特效9 9 界面特效:移动界面特效:移动UIUI图像特效质感设计图像特效质感设计9.1 特效解析:为移动UI图像添加简单的特效0102030405069.1.1 9.1.1 编编辑智能滤镜辑智能滤镜9.1.2 9.1.2 添添加波浪效果加波浪效果9.1.3

21、 9.1.3 添添加玻璃效果加玻璃效果9.1.4 9.1.4 添添加水波效果加水波效果9.1.5 9.1.5 添 加添 加旋 转 扭 曲 效 果旋 转 扭 曲 效 果9.1.6 9.1.6 添加添加点状化效果点状化效果9 9 界面特效:移动界面特效:移动UIUI图像特效质感设图像特效质感设计计9.1 特效解析:为移动UI图像添加简单的特效9.1.7 添加彩块化效果9.2 特效实操:为移动UI图像添加复杂的特效9 9 界面特效:移动界面特效:移动UIUI图像特效质感设计图像特效质感设计9.2.2 添加液化的方法9.2.4 添加切变效果的方法9.2.6 添加海洋波纹的方法9.2.1 添加彩色半调的

22、方法9.2.3 使用滤镜库编辑移动UI图像的方法9.2.5 添加波纹的方法9 9 界面特效:移动界面特效:移动UIUI图像特效质感设计图像特效质感设计9.2 特效实操:为移动UI图像添加复杂的特效9.2.7 添加扩散亮光的方法9.2.8 创建智能滤镜1010 常用元素:图标、图形、按钮设计10 10 常用元素:图标、图形、按钮设计常用元素:图标、图形、按钮设计10.1 图标元素:掌握移动UI图标的设计10.3 基础元素:掌握移动UI按钮的设计10.2 图形元素:掌握移动UI图形的设计LOGOLOGOhttps:/10 10 常用元常用元素:图标、素:图标、图形、按图形、按钮设计钮设计10.1

23、图标元素:掌握移动UI图标的设计10.1.1 音乐APP图标的背景效果设计10.1.2 音乐APP图标的主体效果设计10.1.3 音乐APP图标的细节效果设计LOGOLOGOhttps:/10 10 常用元常用元素:图标、素:图标、图形、按图形、按钮设计钮设计10.2 图形元素:掌握移动UI图形的设计10.2.1 切换条的背景效果设计10.2.2 切换条的主体效果设计10.2.3 切换条的细节效果设计LOGOLOGOhttps:/10 10 常用元常用元素:图标、素:图标、图形、按图形、按钮设计钮设计10.3 基础元素:掌握移动UI按钮的设计10.3.1 搜索框的主体效果设计10.3.2 搜索

24、框搜索图标的效果设计10.3.3 搜索框二维码的效果设计1111 苹果系统:常见苹果系统UI设计11 11 苹果系统:常见苹果系统苹果系统:常见苹果系统UIUI设计设计11.1 天气界面:掌握天气控件界面的设计 11.1.1 设计天气控件界面的背景效果11.1.2 设计天气控件界面的主体效果11.2 日历界面:掌握手机日历界面的设计 11.2.1 设计日历APP界面的背景效果11.2.2 设计日历APP界面的主体效果1212 安卓系统:常见安卓系统UI设计12 12 安卓系统:常见安卓系安卓系统:常见安卓系统统UIUI设计设计12.1 锁屏界面:掌握安卓系统个性锁屏界面的设计 12.1.1 设

25、计安卓系统锁屏界面的背景效果12.1.2 设计安卓系统锁屏界面的主体效果12.2 程序界面:掌握安卓系统程序界面的设计 12.2.1 安卓应用程序界面的主体效果设计12.2.2 安卓应用程序界面的整体效果设计1313 微软系统:常见微软系统UI设计13 13 微软系统:常见微软系统微软系统:常见微软系统UIUI设计设计13.1 拨号键盘:掌握微软手机拨号键盘的设计 13.1.1 微软手机拨号键盘界面的背景效果设计13.1.2 微软手机拨号键盘界面的主体效果设计13.2 用户界面:掌握微软手机用户界面的设计 13.2.1 微软手机用户界面的背景效果设计13.2.2 微软系统用户界面的整体效果设计

26、1414 登录界面:社交与免费WiFi登录UI设计14 14 登录界面:社交与免费登录界面:社交与免费WiFiWiFi登录登录UIUI设计设计14.1 云社交:掌握云社交登录界面的设计 14.1.1 云社交APP登录界面的背景效果设计14.1.2 云社交APP登录界面的文字效果设计14.2 免费WiFi:掌握免费WiFi登录界面的设计 14.2.1 免费WiFi应用登录界面的背景效果设计14.2.2 免费WiFi应用登录界面的表单按钮设计14.2.3 免费WiFi应用登录界面的细节和文本设计1515 影音游戏:影音与游戏UI设计15 15 影音游戏:影音与游戏影音游戏:影音与游戏UIUI设计设计单击此处添加正文,文字是您思想的提炼,为了演示发布的良好效果,请言简意赅的阐述您的观点。您的内容已经简明扼要,字字珠玑,但信息却千丝万缕、错综复杂。15.1 视频播放:掌握视频播放APP界面的设计 15.1.1 视频播放APP界面的主体效果设计15.1.2 视频播放APP界面的细节效果设计15.2 休闲游戏:掌握休闲游戏APP界面的设计 15.2.1 休闲游戏界面的背景效果设计15.2.2 休闲游戏界面的主体效果设计15.2.3 休闲游戏界面的文本效果设计16附录CD附录附录CDCD 感谢聆听

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 办公、行业 > 各类PPT课件(模板)
版权提示 | 免责声明

1,本文(Photoshop移动UI设计从入门到精通.pptx)为本站会员(晟晟文业)主动上传,163文库仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。
2,用户下载本文档,所消耗的文币(积分)将全额增加到上传者的账号。
3, 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(发送邮件至3464097650@qq.com或直接QQ联系客服),我们立即给予删除!


侵权处理QQ:3464097650--上传资料QQ:3464097650

【声明】本站为“文档C2C交易模式”,即用户上传的文档直接卖给(下载)用户,本站只是网络空间服务平台,本站所有原创文档下载所得归上传人所有,如您发现上传作品侵犯了您的版权,请立刻联系我们并提供证据,我们将在3个工作日内予以改正。


163文库-Www.163Wenku.Com |网站地图|