设计必修课:AdobeXD移动UI设计(微课视频版)

设计必修课:AdobeXD移动UI设计(微课视频版)

查阅电子书
手机扫码
  • 微信扫一扫

    关注微信公众号

因版权原因待上架

编辑推荐

全面讲解Adobe XD移动UI设计方法,实用实例操作简单,适合自学及各类设计人员参考。

内容简介

本书从实用的角度出发,全面、系统地讲解了Adobe XD设计制作移动UI的各项功能和使用方法。书中内容基涵盖了Adobe XD中的全部工具和命令的使用方法和技巧,多个设计制作移动UI的精彩实例和移动UI设计规范贯穿于全书的讲解的过程中,操作一目了然,语言通俗易懂,适合读者自学。本书实例丰富,图文并茂,并在每一章中为读者提供了答疑解惑的分析,并在每章中都为读者提供一个扩展练习的案例,供读者测验学习成果。本书案例演示步骤只有4步,操作简单明了,读者可通过直接扫码观看当前案例的演示视频,书中删除知识点中的大量参数,减少读者的阅读难度,部分案例前后伴随案例中需要使用的移动UI设计规范。本书适合移动App设计人员、动画制作人员、网页设计人员、大中专院校学生及交互式原型爱好者等参考阅读。

章节目录

封面

版权信息

内容简介

前言

读者服务

第1章 了解Adobe XD

1.1 移动端UI设计基础

1.1.1 了解移动UI设计

1.1.2 iOS系统与Android系统

1.1.3 移动端与PC端UI设计的区别

1.2 移动UI设计流程

1.2.1 需求分析

1.2.2 交互原型设计

1.2.3 视觉界面设计

1.3 移动UI设计常用工具

1.4 关于Adobe XD

1.4.1 Adobe XD简介

1.4.2 Adobe XD的应用领域

1.4.3 Adobe XD的特点

1.5 下载和安装Adobe XD

1.5.1 下载Adobe XD

1.5.2 应用案例——安装和启动Adobe XD

1.5.3 使用Creative Cloud Cleaner Tool

1.6 Adobe XD的工作界面

1.6.1 菜单栏

1.6.2 工具栏

1.6.3 模式栏

1.6.4 “属性”面板

1.6.5 工作区域

1.7 Adobe XD的帮助资源

1.8 解惑答疑

1.8.1 Adobe XD的工作流程是怎样的

1.8.2 Adobe XD的试用时间为多长

1.9 总结扩展

1.9.1 本章小结

1.9.2 扩展练习——卸载Adobe XD

第2章 AdobeXD的基本操作

2.1 主页

2.2 新建文件

2.3 创建和管理画板

2.3.1 创建新画板

2.3.2 应用案例——创建iOS系统App文件

2.3.3 使用现有画板

2.3.4 管理画板

2.3.5 应用案例——创建Android系统App文件

2.4 打开文件

2.4.1 “从您的计算机中打开”命令

2.4.2 “打开”命令

2.4.3 “在您的计算机上”按钮

2.4.4 “最近打开文件”命令

2.5 导入文件

2.6 存储文件

2.6.1 “保存”命令

2.6.2 “存储为本地文档”命令

2.6.3“重命名”命令

2.6.4 应用案例——保存iOS和Android系统UI文件

2.7 获取用户界面套件

2.8 撤销与恢复操作

2.8.1 还原与重做

2.8.2 恢复文件

2.8.3 文档历史记录

2.9 辅助工具

2.9.1 应用案例——为iOS系统UI设计创建参考线

2.9.2 管理参考线

2.9.3 使用智能参考线

2.9.4 应用网格定位对象

2.9.5 管理网格

2.10 解惑答疑

2.10.1 如何在iOS或Android设备中预览XD设计

2.10.2 Adobe XD为何不提示用户将文件保存在Windows中

2.11 总结扩展

2.11.1 本章小结

2.11.2 扩展练习——为Android系统UI设计添加参考线

第3章 使用AdobeXD完成原型设计

3.1 创建对象

3.1.1 使用“矩形工具”创建对象

3.1.2 使用“椭圆工具”创建对象

3.1.3 使用“直线工具”创建对象

3.1.4 使用“多边形工具”创建对象

3.1.5 使用“钢笔工具”创建对象

3.2 为对象设置样式

3.2.1 设置填充、边界和阴影

3.2.2 应用案例——绘制iOS系统的状态栏图标

3.2.3 布尔运算

3.2.4 应用案例——绘制iOS系统Wi-Fi和电池图标

3.2.5 形状蒙版

3.2.6 创建重复元素

3.3 编辑对象

3.3.1 选择和移动对象

3.3.2 复制、粘贴和删除对象

3.3.3 对齐、分布和排列对象

3.3.4 应用案例——设计制作扁平风格装饰图标

3.3.5 调整和旋转对象

3.3.6 编组和锁定对象

3.3.7 应用案例——设计制作视频App启动图标

3.4 创建文本

3.4.1 输入文本

3.4.2 拼写检查

3.4.3 导入文本

3.5 管理文本

3.5.1 设置文本格式

3.5.2 文本变换

3.5.3 调整段落文本的宽和高

3.5.4 应用案例——设计制作App高保真原型的上新部分

3.6 设计画板

3.6.1 创建垂直滚动

3.6.2 创建滚动组

3.6.3 应用案例——设计制作App高保真原型的推荐部分

3.7 解惑答疑

3.7.1 如何使用“多边形工具”绘制“收藏”图标

3.7.2 App图标集的工作流程是否与UI设计一致

3.8 总结扩展

3.8.1 本章小结

3.8.2 扩展练习——设计制作Android系统App原型界面

第4章 使用AdobeXD完成UI设计

4.1 使用处理设计系统

4.1.1 创建库资源

4.1.2 管理库资源

4.1.3 共享库资源

4.1.4 应用案例——创建移动UI处理设计系统

4.2 使用图层

4.2.1 “图层”面板

4.2.2 搜索图层

4.2.3 管理图层

4.2.4 应用案例——绘制App收藏界面中的心形元素

4.3 为对象设置效果

4.3.1 使用模糊效果

4.3.2 应用案例——设计制作App收藏界面

4.3.3 使用混合效果

4.3.4 应用案例——绘制App界面中的卡片模块

4.4 设计UI界面的结构

4.4.1 响应式调整大小

4.4.2 创建和使用组件

4.4.3 应用案例——设计制作Android系统App主题界面

4.4.4 覆盖组件实例

4.4.5 为组件添加多个状态

4.4.6 应用案例——为移动端UI设计添加不同状态

4.4.7 使用嵌套组件

4.5 使用3D变换进行透视设计

4.5.1 启用3D变换

4.5.2 旋转物体

4.5.3 应用案例——绘制App界面的基础结构

4.5.4 使用Z轴应用深度

4.5.5 应用案例——设计制作Android系统App点餐界面

4.6 解惑答疑

4.6.1 如何确定移动App UI项目中的配色

4.6.2 如何处理Adobe XD中的缺失字体

4.7 总结扩展

4.7.1 本章小结

4.7.2 扩展练习——设计制作iOS系统图片浏览界面

第5章 使用Adobe XD完成UX设计

5.1 添加交互

5.1.1 设置主页屏幕

5.1.2 建立链接

5.1.3 设置交互效果

5.1.4 应用案例——设计制作App聊天气泡交互动效

5.1.5 链接上一个画板

5.1.6 取消链接

5.1.7 应用案例——设计制作App猫爪菜单交互动效

5.2 交互动画

5.2.1 创建交互动画

5.2.2 应用案例——设计制作App删除和置顶交互动效

5.3 使用其他方式创建交互

5.3.1 使用键盘和游戏手柄创建交互

5.3.2 使用“语音”命令和“语音播放”操作类型创建交互

5.4 创建定时过渡

5.4.1 使用“时间”触发条件创建交互

5.4.2 应用案例——设计制作App加载界面交互动效

5.5 添加叠加

5.5.1 使用“叠加”操作类型创建交互

5.5.2 应用案例——设计制作App搜索界面交互动效

5.6 创建锚点链接

5.7 预览UI与UX设计

5.7.1 预览UI设计

5.7.2 应用案例——预览App界面中的交互动效

5.8 解惑答疑

5.8.1 交互用户的工作内容

5.8.2 动效设计制作工具有哪些

5.9 总结扩展

5.9.1 本章小结

5.9.2 扩展练习——设计制作App界面中的轮播图

第6章 输出、标注和共享UI设计

6.1 使用Adobe XD输出设计资源

6.1.1 导出切片资源

6.1.2 不同格式的切片资源

6.2 输出iOS系统的UI设计

6.2.1 iOS系统向下和向上适配

6.2.2 适配切片命名规范

6.2.3 应用案例——完成iOS系统UI界面的切片输出

6.3 输出Android系统的UI设计

6.3.1 Android系统中的“点9”切图

6.3.2 适配输出中的一稿两用

6.3.3 应用案例——完成Android系统UI界面的切片输出

6.4 标注移动App UI设计

6.4.1 App界面标注内容

6.4.2 标注的声明文档

6.4.3 应用案例——使用PxCook标注App浏览界面

6.4.4 UI设计的标注规范

6.4.5 应用案例——使用PxCook标注App主题界面

6.5 共享移动App UI设计

6.5.1 共享UI设计

6.5.2 使用共享UI设计

6.5.3 创建共享链接

6.5.4 应用案例——共享移动App UI界面

6.5.5 使用设计规范

6.5.6 应用案例——发布与共享App的设计规范

6.6 解惑答疑

6.6.1 切片的尺寸为什么必须是双数

6.6.2 如何协同编辑共享的UI设计

6.7 总结扩展

6.7.1 本章小结

6.7.2 扩展练习——完成UI界面的切片输出

第7章 综合案例

7.1 设计制作美妆App项目

7.1.1 美妆App项目分析

7.1.2 制作美妆App草图

7.1.3 美妆App界面色彩搭配

7.1.4 美妆App界面元素分析

7.1.5 美妆App UI设计

7.1.6 美妆App交互设计

7.1.7 输出美妆App切片资源

7.1.8 标注美妆App

7.2 设计制作社交App项目

7.2.1 社交App项目分析

7.2.2 制作社交App草图

7.2.3 社交App界面色彩搭配

7.2.4 社交App界面元素分析

7.2.5 社交App UI设计

7.2.6 社交App交互设计

7.2.7 输出社交App切片资源

7.2.8 标注社交App

7.3 设计制作日历App项目

7.3.1 日历App项目分析

7.3.2 制作日历App草图

7.3.3 日历App界面色彩搭配

7.3.4 日历App界面元素分析

7.3.5 日历App UI设计

7.3.6 日历App交互设计

7.3.7 输出日历App切片资源

7.3.8 标注日历App

封底

设计必修课:AdobeXD移动UI设计(微课视频版)是2022年由电子工业出版社出版,作者卢斌。

得书感谢您对《设计必修课:AdobeXD移动UI设计(微课视频版)》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

购买这本书

你可能喜欢
术与道:移动应用UI设计必修课 电子书
目前我国正经历火热的互联网创业潮,UI设计师作为其中一个重要的工种,就业前景非常广阔。站酷网的设计调整结果显示,在GUI、平面、网页、插画和三维等设计职位中,目前国内的GUI设计师待遇最高。因此,很多设计师涌入UI设计这个行业,愿意为学习UI设计知识支付不菲的学费,而一本高质量、浅显易懂的移动应用书籍正是你所需要的。这是一本系统介绍移动设计知识的书籍,全书分为上下两篇。上篇为术之篇,主要讲解了移动
移动端APP UI设计与交互基础教程(微课版) 电子书
1.本书主要定位于移动端UI设计师的整个工作过程,重点是让读者体验整个工作过程。2.内容难度定位中等,以知识够用、软件使用熟练为目的。3.附微课视频教学
移动UI界面设计 电子书
1.选取知识点核心实用,以行业应用组织学习内容,达到学以致用的目的;2.以任务为驱动,实战为主线,涵盖设计基础、营销、交互设计等理念,注重培养实践能力;3.以案例为主线组织知识点,配套素材及项目案例通过扫描二维码直接下载4.充分考虑学习者的认知曲线,由浅入深,边讲边练首创“智慧教材”,配套视频二维码,提供在线视频,扫描后直接看课。
Photoshop CC 移动UI设计案例教程(全彩慕课版) 电子书
本书全面、系统介绍了移动UI设计的相关知识点和基本设计技巧,包括初识移动UI设计、移动UI设计规范、iOS系统界面设计、Android系统界面设计和App界面设计实战等内容。
移动游戏UI设计专业教程 电子书
本书以Photoshop软件为基础,全面介绍了游戏UI设计中的理论知识及具体案例的制作方法。本书语言浅显易懂,配合丰富、精美的游戏UI设计案例,讲解游戏UI设计的相关知识和使用Photoshop软件进行游戏UI设计制作的方法和技巧,使读者在掌握设计知识的同时,能够在游戏UI设计制作的基础上做到活学活用。本书配套学习资源,提供了书中所有案例的素材文件及效果源文件,同时还附赠了99例绘图笔刷,方便读者