导语

  

内容提要

  

    本书分为三大部分：第1部分是Adobe XD从零到精通，这部分对软件的各种操作技巧和方法进行了全面的讲解，为设计打下基础；第2部分是Adobe XD的UI设计实例，这部分讲解软件在具体设计实例中的应用，在强化软件操作的同时使读者了解实际的设计工作；第3部分讲解了Adobe XD和其他软件的配合，这部分知识是对Adobe XD的延伸和拓展。
    本书附带学习资源，内容包括源文件和在线视频，具体获取方法请参看本书前言。
    本书适合UI和UE设计师阅读使用，同时也可以作为产品经理和程序员的参考用书。

    黄方闻，高级交互设计师，国内最早的一批SketCh使用者，并致力于该软件的推广与研究。
    从2007年iPhone诞生起便专注于移动交互设计领域的研究，对移动交互设计领域有深刻的思考与独到的见解，倡导设计师的工作效率最大化，多次翻译并分享国外前沿设计文档及交互说明。

第1部分  Adobe XD从零到精通
  第1章  Adobe XD基础入门
    1.1  Adobe XD简介
    1.2  Adobe XD的安装
      1.2.1  macOS版Adobe XD的安装
      1.2.2  Windows版Adobe XD的安装
    1.3  Adobe XD的欢迎界面
    1.4  Adobe XD的常见问题
      1.4.1  Adobe XD是否是完全免费的
      1.4.2  Adobe XD对系统版本的要求
      1.4.3  Adobe XD是否可以离线安装
      1.4.4  Adobe XD的卸载
      1.4.5  能否使用Windows 10的触控功能操作Adobe XD
      1.4.6  Adobe XD官方中文版
  第2章  Adobe XD的设计模式详解
    2.1  Adobe XD的界面布局
      2.1.1  macOS版Adobe XD的界面布局
      2.1.2  Windows版Adobe XD的界面布局
    2.2  Adobe XD的工具及其用法
      2.2.1  选择工具
      2.2.2  矩形工具
      2.2.3  椭圆工具
      2.2.4  直线工具
      2.2.5  钢笔工具
      2.2.6  文本工具
      2.2.7  画板工具
      2.2.8  缩放工具
    2.3  Adobe XD的资源面板和图层面板
      2.3.1  资源面板
      2.3.2  图层面板
    2.4  重复网格
      2.4.1  创建重复网格
      2.4.2  为重复网格添加内容
      2.4.3  批量修改样式
    2.5  Adobe XD其他补充知识
      2.5.1  蒙版遮罩
      2.5.2  将文本转换为路径
  第3章  Adobe XD的原型模式详解
    3.1  Adobe XD的原型模式
      3.1.1  进入Adobe XD的原型模式
      3.1.2  设置主界面
      3.1.3  设置滚动页面
      3.1.4  设置固定位置
      3.1.5  设置页面跳转
      3.1.6  设置跳转效果
      3.1.7  录制交互预览效果
    3.2  在移动设备上预览设计和原型
      3.2.1  移动版Adobe XD的APP安装
      3.2.2  Adobe XD文档
      3.2.3  实时预览
      3.2.4  设置
  第4章  Adobe XD的导出和共享
    4.1  Adobe XD的导出
      4.1.1  导出画板和图层
      4.1.2  导出选项
    4.2  Adobe XD的共享
      4.2.1  共享原型
      4.2.2  共享设计规范
      4.2.3  管理发布的链接
第2部分  Adobe XD设计实例
  第5章  用Adobe XD设计图标
    5.1  线框图标设计
      5.1.1  搜索图标设计
      5.1.2  灯泡图标设计
      5.1.3  扳手图标设计
    5.2  扁平图标设计
      5.2.1  图片文件图标设计
      5.2.2  实验器材图标设计
      5.2.3  花朵图标设计
  第6章  用Adobe XD设计UI界面
    6.1  UI设计前的准备
    6.2  登录界面的设计
      6.2.1  轻量化登录界面设计
      6.2.2  带键盘交互的登录界面设计
      6.2.3  传统的登录界面设计
    6.3  主界面的设计
      6.3.1  App store的Today界面设计
      6.3.2  旅游APP的首页设计
    6.4  内容界面的设计
      App store的内容页设计
    6.5  个人中心界面的设计
      App store的个人中心界面设计
第3部分  Adobe XD和第三方应用的衔接
  第7章  将外部资源导入Adobe XD
    7.1  PSD文件的导入
      7.1.1  在Photoshop中复制内容
      7.1.2  用Adobe XD打开PSD文件
    7.2  AI文件的导入
    7.3  Sketch文件的导入
      7.3.1  在Sketch中复制内容
      7.3.2  使用Adobe XD打开Sketch文件
    7.4  其他资源的导入
  第8章  Adobe XD与蓝湖的衔接
    8.1  快速上手蓝湖
      8.1.1  认识蓝湖
      8.1.2  使用蓝湖前的准备工作
      8.1.3  上传画板到蓝湖
      8.1.4  蓝湖的基础使用
      8.1.5  切图
    8.2  蓝湖的其他实用功能
      8.2.1  团队管理
      8.2.2  交互原型
      8.2.3  在移动设备上预览
      8.2.4  项目文档
  第9章  用ProtoPie与Adobe XD衔接制作交互动效
    9.1  ProtoPie的基础入门
      9.1.1  了解ProtoPie
      9.1.2  ProtoPie的官网
      9.1.3  ProtoPie的安装与购买
      9.1.4  ProtoPie的界面
      9.1.5  ProtoPie的工作逻辑
      9.1.6  ProtoPie的预览和视频录制
      9.1.7  移动设备预览原型
      9.1.8  原型上传和云端共享
    9.2  ProtoPie和Adobe XD的衔接
    9.3  几种常见交互动效的制作
      9.3.1  滑屏交互动效制作
      9.3.2  翻页交互动效制作
      9.3.3  文字输入交互动效制作