您现在使用的是移动版,点击此处切换为电脑版
loading...
 
x
当前线路为   线路一   网络好像不太流畅
试试其他线路   线路二   线路三   切换线路若仍有问题请联系客服
UI设计系统教程
26.7小时 高级拓展 讲师:MICU设计

  《UI设计系统教程》是一套系统讲解UI设计的课程,由知名UI设计大咖王铎老师倾心打造。课程涵盖知识点全面,从基础到高级,理论结合实战,带你一步步从UI入门到高手进阶,适合所有想学习UI设计的学员学习。

  课程从图形语言开始讲解,到深入的界面设计,通过理论性的讲解与实际案例操作结合,带你快速掌握UI设计中所用到的知识点。课程内容包括图标制作、APP形象制作、iOS 及Android的设计规范、各个类型的界面设计、切图标注、活动页面、设计题案流程、面试技巧等,并包含大量前沿的实战案例。

  整套课程共20章,章节安排合理,内容贴合实际应用,系统性强,是有意向从事UI设计工作的同学必修课。通过这套课程的学习,你能快速掌握实用的UI技能,实现0基础到UI大神的完美蜕变!

老师介绍
MICU设计 主攻:UI设计、LOGO设计
简介:王铎 MICU设计创始人,先后就职腾讯、奇虎360、今日头条等公司;人民网特邀讲师/站酷推荐设计师;《如何搞定界面设计》系列作者。参与项目:手机QQ、360儿童卫士、360空气净化器、360防丢卫士、老虎地图、内涵段子、车到加油等数个产品。荣获多项荣誉:中国绿化基金会“绿色爱心设计师”称号/中国之星设计艺术大奖/中国包装创意设计大赛优秀奖/创意紫峰优秀作品奖。
课程目录
第一章 UI设计的基本定义和设计趋势
1.1 UI设计介绍
本节时长:28分钟

本节课主要介绍UI设计的基本定义和设计趋势,通过工作流程介绍,分析UI设计的发展前景。

1.2 UI设计师应该具备哪些素质
本节时长:19分钟

本节课主要介绍UI在职设计师应该具备哪些素质,掌握哪些知识,了解设计行业的团队分类及公司规模。

第二章 图形语言与布尔运算的使用
2.1 图形语言中的图标
本节时长:10分钟

本节课主要介绍UI设计中图形语言图标的定义与作用,以及图形创意的创意思路与方向。

2.2 图形语言中的图标
本节时长:8分钟

本节课主要详细介绍图标从形式划分具体有哪些表现形式,以及不同表现形式的应用。

2.3 布尔运算的使用
本节时长:8分钟

本节课主要结合软件操作介绍布尔运算的基本操作,以及在做布尔运算时需要注意的问题。

2.4 布尔运算案例实操
本节时长:50分钟

本节课主要通过实战案例详细介绍布尔运算的运用,同时通过图标的绘制和细节的处理,知道如何把握形状图形的一致性,了解图形语言在界面中的重要性。

第三章 线性图形设计思路及制作
3.1 图标创意技法
本节时长:17分钟

本节课主要讲解利用创意草图将图形具象化的创意技法,了解绘制草图的目的是什么,以及如何进行创意思维练习的三种方法。

3.2 天气类图标绘制
本节时长:20分钟

本节课主要利用布尔运算和图形语言的知识,绘制一套天气类的图标,通过本节课的学习,初步掌握图形创意的方法,以及在绘制的过程中如何发散设计思维。

3.3 形状工具与描边的运用
本节时长:8分钟

本节课主要介绍如何使用形状工具,以及描边绘制线性图标的基本方法。

3.4 线性图标创意实例
本节时长:46分钟

本节课主要介绍图标创意的技巧,通过发散思维提高原创能力,并利用实战案例进行演示让大家更好的了解一个图标的创作过程。

第四章 系统级图标制作
4.1 系统级图标的定义与规范
本节时长:7分钟

本节课主要介绍什么叫系统级图标,以及系统级图标的设计规范与特性,在APP设计中系统图标具有什么样的功能。

4.2 系统图标制作 (上)
本节时长:31分钟

本节课主要通过实例操作讲解系统功能图标制作技巧的基本规范,以及在设计制作中的具体绘制方法和需要注意的事项。

4.3 系统级图标制作(下)
本节时长:28分钟

本节课接着上节课继续完成系统图标的绘制,并对系统图标进行上色,通过本章的学习,理解系统图标的制作规范,开拓图标创意的思维和制作能力。

第五章 微质感图标制作技法
5.1 微质感图标的定义
本节时长:10分钟

本节课主要带大家了解微质感图标的特性,针对表现成面进行练习,提高大家的深入能力,从而能更好的运用在工作的各个维度中。

5.2 相机图标的绘制
本节时长:11分钟

本节课主要演示一个微质感相机图标的具体绘制方法,着重讲解如何通过对颜色和投影的处理提高物体的体感。

5.3 小丑图标的绘制
本节时长:27分钟

本节课主要结合PS和AI软件演示了一个人物化图标的具体绘制方法,重点讲解图标体感塑造的基本思路。

5.4 小书包图标绘制
本节时长:13分钟

本节课主要演示一个小书包图标的具体绘制方法,通过多个案例的演示,加深大家对微质感图标绘制的理解以及处理技巧。

5.5 草图图标的绘制
本节时长:22分钟

本节课主要演示从一张草图到质感图标绘制的具体操作步骤,着重介绍草图的抠图技巧以及图标纹理质感的表现。

第六章 表情图标制作技法
6.1 表情及礼物图标定义与功能
本节时长:26分钟

本节课主要介绍表情图标和礼物图标的概念,以及基础表情包和定制表情包的区别与功能,并通过一组基础表情包的设计与绘制,讲解表情包不同表情的创意思路和表现。

6.2 表情图标绘制
本节时长:30分钟

本节课继续完成趣味性表情包的绘制,通过实例演示,让大家迅速掌握不同表情的创意思路与绘制技巧,以及表情包在放大或缩小之后,如何处理细节,使表情包更易识别和使用。

6.3 礼物图标绘制(一)
本节时长:35分钟

本节课主要对礼物图标进行实战操作,从表现形式上让大家扩充自己的设计表现形式,让想法变的具象化。

6.4 礼物图标绘制(二)
本节时长:33分钟

本节课主要着重演示一个玫瑰礼物图标的绘制,通过该案例的讲解,提高大家对复杂图案结构的理解,以及光影层次关系的处理方法,加强大家的绘图能力。

6.5 礼物图标绘制(三)
本节时长:34分钟

本节课主要演示蛋糕与戒指礼物图标的绘制,通过本章的学习,让大家迅速掌握不同礼物图标的绘制方法,以及不同材质礼物细节与明暗对比关系的处理。

第七章 APP品牌LOGO
7.1 APPlogo制作
本节时长:23分钟

本节课主要介绍如何运用illustrator来完成品牌与app主logo的设计,分析logo草图绘制的设计思路,以及在设计的过程中如何统一平衡字体。

7.2 APPlogo图标制作
本节时长:29分钟

本节课主要演示APPlogo设计中图形图标的制作,以及文字与图形不同的组合方式和处理方法。

第八章 角色化APP形象设计
8.1 角色形象设计-描边绘制
本节时长:22分钟

本节课主要介绍产品延展角色设计,以及角色设计在产品界面和情景中的功能与作用,并通过案例演示,讲解角色绘制的具体思路和步骤。

8.2 角色形象设计-上色
本节时长:10分钟

本节课主要讲解如何运用ai软件对角色形象进行描边和上色,以及具体的处理方法和操作技巧。

8.3 角色形象设计
本节时长:36分钟

本节课在上节课的基础上,继续延展不同神态和动作的角色,通过本节课的实例演示,提高大家对角色设计与绘制的理解,熟练软件操作。

第九章 iOS设计原则及基础规范
9.1 IOS基础设计原则
本节时长:29分钟

本节课主要介绍苹果界面设计的发展变化,详细介绍iOS的基本设计原则,以及iOS系统不同设备的具体设计尺寸。

9.2 IOS基础设计规范
本节时长:29分钟

本节课继续讲解iOS设计的层级性和易操作两大基本原则,通过对设计原则的了解,提高ui设计的功能性和实用性,同时详细介绍了iOS系统中界面尺寸及控件的规范,包括状态栏、导航栏、标签栏的规范等等。

9.3 ios设计规范实例操作-导航栏与标签栏
本节时长:26分钟

本节课主要根据iOS的设计规范来演示一款app界面的设计,在设计的过程中,教会大家如何通过一个品牌的logo来确定整个设计的色调,根据品牌特性确定设计的风格,以及如何把iOS的设计规范和原则落实到具体设计中。

9.4 ios设计规范实例操作-banner与分类
本节时长:32分钟

本节课主要讲解案例中Banner与分类模块的制作,以及如何根据分类名称设计图形图标,丰富模块内容,并通过小元素的表现加强氛围的营造。

9.5 ios设计规范实例操作-任务内容
本节时长:37分钟

本节课接着讲解案例中任务内容的具体绘制方法,以及设计稿在不同设备上的适配方法和具体操作。

第十章 Android设计规范
10.1 Android设计理论讲解与设计规范
本节时长:31分钟

本节课主要介绍的Android设计规范,包括Material design的核心理念,设计规范中的作用与视觉体系,Android的控件设计规范,并详细介绍了设计中的尺寸和单位,通过本节课的学习,让大家了解Android的具体设计规范和尺寸,以及in、pt、px、dpi、dp不同单位的定义。

10.2 Android-金融界面实操
本节时长:35分钟

本节课主要通过一个金融界面的实例演示,来讲解如何结合Android设计规范的知识来表现画面。

第十一章 Watch设计规范
11.1 watch界面设计
本节时长:20分钟

本节课分别介绍了Android wear 与apple watch不同产品的设计风格与功能,以及apple watch的具体设计规范。

11.2 watch界面设计案例操作
本节时长:39分钟

本节课主要通过watch界面设计实例演示,让大家快速的理解apple watch的具体设计规范和具体操作技巧。

第十二章 界面类型及产品流程设计分析
12.1 APP界面类型介绍
本节时长:15分钟

本节课主要介绍界面的类型,以及不同类型具体包括哪些内容和页面,并结合图文讲解,分析不同界面的功能与定义,我们在经后的设计中要注意什么?

第十三章 界面的图版率
13.1 什么是界面中的图版率
本节时长:13分钟

本节课主要介绍界面中图版率的概念,以及提高界面图版率的方式和方法。

13.2 运动APP界面设计
本节时长:41分钟

本节课主要通过实例操作演示,讲解如何把图版率的相关知识运用到界面设计中,以及大块色彩在界面中的运用。

第十四章 元素在界面中的运用
14.1 元素在界面中的运用与设计技巧
本节时长:17分钟

本节课主要讲解元素在界面设计中的运用,常用的元素有哪些,以及如何更好的运用元素,通过什么样的技巧来提升画面的设计感。

14.2 搜索框和标签栏的制作
本节时长:23分钟

本节课通过实战演练让大家更好的理解元素在设计中的运用,教会大家如何运用同一种元素贯穿整个设计的思路和技巧,统一整体设计风格。

14.3 首页制作
本节时长:38分钟

本节课主要演示首页界面的设计,重点讲解如何通过ai软件快速制作统一规范的图形图标,以及AI软件路径与形状工具的使用技巧。通过本节课的学习,教会大家如何思考,并通过字体、颜色、形状、细节的处理统一界面整体调性与风格。

14.4 个人中心页面制作
本节时长:24分钟

本节课主要介绍个人主页界面的设计,通过本节课的学习,教会大家如何在简洁的画面中去丰富内容,统一配色,加强层级的表现。

第十五章 界面字体及间距使用
15.1 界面字体及间距对齐
本节时长:26分钟

本节课主要讲解在界面排版设计中如何正确的使用字体和字体的间距,确保字体样式与色调氛围相匹配,提高界面的版式率和阅读性。同时着重给大家介绍了界面文字的使用规则和常用字体。

15.2 标签弹窗页面
本节时长:27分钟

本节课主要通过一个app界面的延展,来演示标签弹窗页面的设计,通过本节课的学习,提高字体与字间距的排版使用,加强界面文字使用规则的理解。

15.3 动态页面和详情页面设计
本节时长:46分钟

本节课继续延展首页风格继续绘制动态页面,在设计的过程中,主要讲解排版中文字与文字之间的关系,文字与内容之间的关系,根据内容的不同功能去表现文字与图标

15-4 发现页面
本节时长:29分钟

本节课在前面几节课的基础上,继续绘制发现页面,重点介绍大色块背景的绘制方法,以及作品输出的表现技巧和操作。

第十六章 直播类APP界面设计
16.1 直播页面-首页图标
本节时长:22分钟

本章主要针对火爆的直播类APP进行实战演练,,这节课主要完成直播app首页导航栏与底部标签栏的制作,通过本节课的学习,提高大家对页面的排版能力,以及图标的绘制技巧。

16.2 分类图标制作
本节时长:41分钟

本节课主要详细演示直播页面icon的具体操作以及配色技巧。

16.3 内容模块制作
本节时长:12分钟

本节课继续绘制直播页面内容板块的制作,通过本节课的学习,让大家了解直播界面的排版方式,掌握图片与文字之间的处理技巧。

16.4 直播页制作
本节时长:41分钟

本节课主要详细演示直播app直播页的具体绘制技巧,综合前面所学知识,巩固图形图标绘制的相关知识,以及礼物图标在界面中运用的表现方式。通过实战演练,本章从一个产品的功能图标到界面的布局进行了完整的演示,让大家更深入的了解直播界面。

第十七章 APP引导页及市场图的设计
17.1 app引导页与市场图的定义
本节时长:13分钟

本节课主要讲解APP引导页及市场图的概念与作用,以及引导页具体有哪些类

17.2 app引导页与市场图设计
本节时长:51分钟

本节课主要通过实例操作给大家演示app市场图的设计思路与具体制作,教会大家如何通过对主题文字与软件界面的表现,来突出软件的核心特点。

第十八章 地图软件绘制实例
18.1 首页设计
本节时长:30分钟

本章通过一个地图软件实例来逐步讲解页面设计中一级、二级、三级页面的设计思路和具体操作,本节课主要针对项目首页进行设计,演示不同功能图标的绘制。

18.2 二级页面
本节时长:61分钟

本节课主要综合本套课程所学知识,继续绘制项目的结果页面,通过一个完整案例的演示,巩固UI设计相关理论知识与软件操作,提高大家对界面设计的理解与表现。

第十九章 界面切图及标注
19.1 切图与标注
本节时长:34分钟

本节课主要介绍界面中的切图与标注的定义,以及常用的切图软件有哪些,在操作的过程中要注意什么,如何规范的命名,并通过实例演示教大家具体的切图步骤,以及Android与ios不同的命名方法。

19.2 标注及.9文件的输出
本节时长:31分钟

本节课主要通过实例演示讲解标注的具体操作步骤和方法,以及.9文件的概念与作用。通过操作进行详细的了解输出的过程及需要输出的内容。从而在工作中更好的去对接一个APP的设计。

第二十章 面试与提案
20.1 面试与作品集
本节时长:34分钟

本节课主要讲解了作品集和面试技巧,通过作品集的演示让大家更清楚的将学习成果更好的展示,最终进行工作面试的检验。通过了解面试中常会提到的问题,更好的分析自己的不足和注意事项。

20.2 提案
本节时长:13分钟

本节课主要介绍UI设计的提案技巧,通过多个项目的演示讲解,教大家如何树立正确的提案思路,提高过稿率。

处理中...