174分钟

用Adobe XD做界面原型

用Adobe XD做界面原型

Adobe XD作为一款一站式的原型制作软件,集界面设计与团队协作功能于一身,是提升界面原型设计效率的有效帮手。 本课程特邀XD中文网创始人,《Adobe XD界面设计与原型制作教程》一书作者文家齐老…

课程分类
产品设计 | 设计工具
适用人群
专员
课程标签
界面原型,Adobe XD,交互设计
Adobe XD作为一款一站式的原型制作软件,集界面设计与团队协作功能于一身,是提升界面原型设计效率的有效帮手。 本课程特邀XD中文网创始人,《Adobe XD界面设计与原型制作教程》一书作者文家齐老师, 围绕Adobe XD中文版,全面系统地介绍XD 的基本操作方法和界面设计技巧。 课程中包括界面设计的基础知识、XD 的简介和安装方法等对XD软件的基本介绍,工具的使用、对象的创建和编辑、资源管理、图层管理、重复网格、响应式调整等对XD软件页面制作功能的完整讲解,交互式原型、语音触发、自动制作动画等对XD软件交互设计功能的完整讲解,以及常用插件及与第三方软件协作等提升工作效率等相关内容,帮助你熟悉并掌握XD 的功能和界面设计基础。 本课程内容建立在多个实战案例的基础上,并适当穿插有一些技术专题知识,希望帮助你快速上手,掌握软件功能和界面设计思路,提升界面设计能力。
课程引入 一、认识Adobe XD与基本操作 - 1.打开与创建文件 - 2.矢量、一倍图和图层基本概念 - 3.素材导入 - 4.图层添加 - 5.属性检查器 - 6.对象管理 - 7.好用的隐藏功能 二、界面原型制作实战 - 1.小程序界面基础设计 - 2.使用重复网格提升设计速度 - 3.使用组件管理公共元素 - 4.使用插件提高设计效率 - 5.使用资源面板管理当前文件资源 三、界面交互制作实战 - 1.交互原型基础 - 2.使用组件状态制作五子棋游戏 - 3.时间和自动动画制作图表交互 - 4.拖动制作滑动删除动画 - 5.鼠标悬停制作hover效果 - 6.按键和游戏手柄触发交互 - 7.语音原型和叠加画板 四、用Adobe XD 做项目对接 - 1.共享模式 - 2.与非XD设计师对接 - 3.与上级或甲方进行对接 - 4.与交互设计师对接 - 5.与开发对接 五、Adobe XD 插件使用
文家齐

文家齐

XD中文网创始人