UI 设计课程大纲
Adobe XD 是一款功能强大的原型创建工具,利用该工具,您可以更快地将您的设计投入开发。用于 UI 和 UX 设计的快速、灵活的原型创建工具。Adobe XD 使客户无需离开应用程序即可轻松获得完整的交互体验。 立即实现从基本的线框到精美的设计的转变。使用矢量绘图工具、颜色、字符样式、网格、参考线等定义用户界面的外观。本套课程由阿邦老师带领大家结合实际案例学会Adobe XD这套软件提高在ui设计中的工作效率 .
第一章:视图布局与试图操作
1:界面布局&工作区变换操作
2:辅助对象
3:软件窗口
第二章:工具详解
4:移动选择工具&复制、选择技巧
5:矩形工具与属性面板
6:属性面板补充
7:椭圆、三角形、直线创建方法
8:钢笔工具&XD、AI、PS协同
9:文字工具&画板工具
10:案例线性ICON绘制
11:案例组件绘制与调取(演示后面章节还有更详细的)
第三章:XD研究对象
12:对象变换操作与相应技巧
13:对齐分布&测量
14:路径、形状与布尔运算
15:布尔运算案例讲解以及实战中可能会遇到的问题解析
16:XD图层的基础操作
17:颜色与字符样式资源的创建与应用 -上
18:颜色与字符样式资源的创建与应用 - 下
19:蓄能量-案例之组件制作-上
20:蓄能量-案例之组件制作-下
21:界面案例
22:最后的优化与调整&重复网格的高级玩法
23:对象编辑常用命令
24:adobe库详解
第4章:交互原型与分享
24:弹窗与滑动
25:卡片删除
26:浮动按钮动效
27:banner的三种实现方法
28:遮罩动画与锚点动画&原型分享
29:通过滑块控制图表(柱形、圆环)
第五章:文件管理
30:导入导出与库
31:多人协作,提高工作效率
想从事UI设计行业的零基础学员、平面设计师/网页设计师/视觉设计人员转行、工作1年左右基础较为薄弱的UI设计师。学完课程可以让你们熟练掌握UI设计基础理论,UI设计的基础知识点,了解如何绘制icon图标,APP界面设计,PC端网页UI设计及UI设计规范等方面的知识,带你从零基础小白到设计达人的飞跃!达到市面上对UI设计师的招聘标准,直接提升就业竞争力。
第一章:UI设计的概念及发展史
1.什么是UI设计?2.UI设计发展史
3.UI设计风格
4.实例-2D线性icon
5.实例-3D拟物化icon
第二章:UI设计的分类及设计原则
6.UI设计的分类
7.实例-2D块面icon
8.UI设计的基本原则
9.位图与矢量图的优缺点
10.实例-2D像素icon
11.实例-2.5D icon
第三章:常见的UI设计页面布局
12.Web端常用字体字号
13.Web端分辨率及主视觉区域
14.资讯类Web端页面布局
15.实例:资讯类Web设计
16.社交类Web端页面布局
17.实例:社交类Web设计
18.电商类Web端页面布局
19.实例:电商类Web设计
第四章:UI设计规范解析
20.网页切图
21.网页UI设计规范
第五章:移动端UI设计必备知识点
22.移动端常用字体字号
23.像素与像素密度
24. 分辨率与像素密度的关系
25.dp、sp与px的换算关系
26.系统与原生图标控件的尺寸
27.UI设计的流程
第六章:移动端常见的UI设计页面布局
28.顶部标签(Tab)导航
第七章:花瓣APP设计项目实战
29.实例:花瓣APP UI设计项目实战-首页UI设计
30.实例:花瓣APP UI设计项目实战-影音UI设计
31.实例:花瓣APP UI设计项目实战-小组UI设计
32.实例:花瓣APP UI设计项目实战-集市UI设计
33.实例:花瓣APP UI设计项目实战-我的UI设计




