《ui设计系统教程》是一套系统讲解ui设计的课程,由知名ui设计大咖王铎老师倾心打造。课程涵盖知识点全面,从基础到高级,理论结合实战,带你一步步从ui入门到高手进阶,适合所有想学习ui设计的学员学习。
课程从图形语言开始讲解,到深入的界面设计,通过理论性的讲解与实际案例操作结合,带你快速掌握ui设计中所用到的知识点。课程内容包括图标制作、app形象制作、ios 及android的设计规范、各个类型的界面设计、切图标注、活动页面、设计题案流程、面试技巧等,并包含大量前沿的实战案例。
整套课程共20章,章节安排合理,内容贴合实际应用,系统性强,是有意向从事ui设计工作的同学必修课。通过这套课程的学习,你能快速掌握实用的ui技能,实现0基础到ui大神的完美蜕变!
第一章 ui设计的基本定义和设计趋势
|
本节课主要介绍ui设计的基本定义和设计趋势,通过工作流程介绍,分析ui设计的发展前景。 |
本节课主要介绍ui在职设计师应该具备哪些素质,掌握哪些知识,了解设计行业的团队分类及公司规模。 |
第二章 图形语言与布尔运算的使用
|
本节课主要介绍ui设计中图形语言图标的定义与作用,以及图形创意的创意思路与方向。 |
本节课主要详细介绍图标从形式划分具体有哪些表现形式,以及不同表现形式的应用。 |
本节课主要结合软件操作介绍布尔运算的基本操作,以及在做布尔运算时需要注意的问题。 |
本节课主要通过实战案例详细介绍布尔运算的运用,同时通过图标的绘制和细节的处理,知道如何把握形状图形的一致性,了解图形语言在界面中的重要性。 |
第三章 线性图形设计思路及制作
|
本节课主要讲解利用创意草图将图形具象化的创意技法,了解绘制草图的目的是什么,以及如何进行创意思维练习的三种方法。 |
本节课主要利用布尔运算和图形语言的知识,绘制一套天气类的图标,通过本节课的学习,初步掌握图形创意的方法,以及在绘制的过程中如何发散设计思维。 |
本节课主要介绍如何使用形状工具,以及描边绘制线性图标的基本方法。 |
本节课主要介绍图标创意的技巧,通过发散思维提高原创能力,并利用实战案例进行演示让大家更好的了解一个图标的创作过程。 |
第四章 系统级图标制作
|
本节课主要介绍什么叫系统级图标,以及系统级图标的设计规范与特性,在app设计中系统图标具有什么样的功能。 |
本节课主要通过实例操作讲解系统功能图标制作技巧的基本规范,以及在设计制作中的具体绘制方法和需要注意的事项。 |
本节课接着上节课继续完成系统图标的绘制,并对系统图标进行上色,通过本章的学习,理解系统图标的制作规范,开拓图标创意的思维和制作能力。 |
第五章 微质感图标制作技法
|
本节课主要带大家了解微质感图标的特性,针对表现成面进行练习,提高大家的深入能力,从而能更好的运用在工作的各个维度中。 |
本节课主要演示一个微质感相机图标的具体绘制方法,着重讲解如何通过对颜色和投影的处理提高物体的体感。 |
本节课主要结合ps和ai软件演示了一个人物化图标的具体绘制方法,重点讲解图标体感塑造的基本思路。 |
本节课主要演示一个小书包图标的具体绘制方法,通过多个案例的演示,加深大家对微质感图标绘制的理解以及处理技巧。 |
本节课主要演示从一张草图到质感图标绘制的具体操作步骤,着重介绍草图的抠图技巧以及图标纹理质感的表现。 |
第六章 表情图标制作技法
|
本节课主要介绍表情图标和礼物图标的概念,以及基础表情包和定制表情包的区别与功能,并通过一组基础表情包的设计与绘制,讲解表情包不同表情的创意思路和表现。 |
本节课继续完成趣味性表情包的绘制,通过实例演示,让大家迅速掌握不同表情的创意思路与绘制技巧,以及表情包在放大或缩小之后,如何处理细节,使表情包更易识别和使用。 |
本节课主要对礼物图标进行实战操作,从表现形式上让大家扩充自己的设计表现形式,让想法变的具象化。 |
本节课主要着重演示一个玫瑰礼物图标的绘制,通过该案例的讲解,提高大家对复杂图案结构的理解,以及光影层次关系的处理方法,加强大家的绘图能力。 |
本节课主要演示蛋糕与戒指礼物图标的绘制,通过本章的学习,让大家迅速掌握不同礼物图标的绘制方法,以及不同材质礼物细节与明暗对比关系的处理。 |
第七章 app品牌logo
|
本节课主要介绍如何运用illustrator来完成品牌与app主logo的设计,分析logo草图绘制的设计思路,以及在设计的过程中如何统一平衡字体。 |
本节课主要演示applogo设计中图形图标的制作,以及文字与图形不同的组合方式和处理方法。 |
第八章 角色化app形象设计
|
本节课主要介绍产品延展角色设计,以及角色设计在产品界面和情景中的功能与作用,并通过案例演示,讲解角色绘制的具体思路和步骤。 |
本节课主要讲解如何运用ai软件对角色形象进行描边和上色,以及具体的处理方法和操作技巧。 |
本节课在上节课的基础上,继续延展不同神态和动作的角色,通过本节课的实例演示,提高大家对角色设计与绘制的理解,熟练软件操作。 |
第九章 ios设计原则及基础规范
|
本节课主要介绍苹果界面设计的发展变化,详细介绍ios的基本设计原则,以及ios系统不同设备的具体设计尺寸。 |
本节课继续讲解ios设计的层级性和易操作两大基本原则,通过对设计原则的了解,提高ui设计的功能性和实用性,同时详细介绍了ios系统中界面尺寸及控件的规范,包括状态栏、导航栏、标签栏的规范等等。 |
本节课主要根据ios的设计规范来演示一款app界面的设计,在设计的过程中,教会大家如何通过一个品牌的logo来确定整个设计的色调,根据品牌特性确定设计的风格,以及如何把ios的设计规范和原则落实到具体设计中。 |
本节课主要讲解案例中banner与分类模块的制作,以及如何根据分类名称设计图形图标,丰富模块内容,并通过小元素的表现加强氛围的营造。 |
本节课接着讲解案例中任务内容的具体绘制方法,以及设计稿在不同设备上的适配方法和具体操作。 |
第十章 android设计规范
|
本节课主要介绍的android设计规范,包括material design的核心理念,设计规范中的作用与视觉体系,android的控件设计规范,并详细介绍了设计中的尺寸和单位,通过本节课的学习,让大家了解android的具体设计规范和尺寸,以及in、pt、px、dpi、dp不同单位的定义。 |
本节课主要通过一个金融界面的实例演示,来讲解如何结合android设计规范的知识来表现画面。 |
第十一章 watch设计规范
|
本节课分别介绍了android wear 与apple watch不同产品的设计风格与功能,以及apple watch的具体设计规范。 |
本节课主要通过watch界面设计实例演示,让大家快速的理解apple watch的具体设计规范和具体操作技巧。 |
第十二章 界面类型及产品流程设计分析
|
本节课主要介绍界面的类型,以及不同类型具体包括哪些内容和页面,并结合图文讲解,分析不同界面的功能与定义,我们在经后的设计中要注意什么? |
第十三章 界面的图版率
|
本节课主要介绍界面中图版率的概念,以及提高界面图版率的方式和方法。 |
本节课主要通过实例操作演示,讲解如何把图版率的相关知识运用到界面设计中,以及大块色彩在界面中的运用。 |
第十四章 元素在界面中的运用
|
本节课主要讲解元素在界面设计中的运用,常用的元素有哪些,以及如何更好的运用元素,通过什么样的技巧来提升画面的设计感。 |
本节课通过实战演练让大家更好的理解元素在设计中的运用,教会大家如何运用同一种元素贯穿整个设计的思路和技巧,统一整体设计风格。 |
本节课主要演示pg电子游戏app首页界面的设计,重点讲解如何通过ai软件快速制作统一规范的图形图标,以及ai软件路径与形状工具的使用技巧。通过本节课的学习,教会大家如何思考,并通过字体、颜色、形状、细节的处理统一界面整体调性与风格。 |
本节课主要介绍个人pg电子游戏app主页界面的设计,通过本节课的学习,教会大家如何在简洁的画面中去丰富内容,统一配色,加强层级的表现。 |
第十五章 界面字体及间距使用
|
本节课主要讲解在界面排版设计中如何正确的使用字体和字体的间距,确保字体样式与色调氛围相匹配,提高界面的版式率和阅读性。同时着重给大家介绍了界面文字的使用规则和常用字体。 |
本节课主要通过一个app界面的延展,来演示标签弹窗页面的设计,通过本节课的学习,提高字体与字间距的排版使用,加强界面文字使用规则的理解。 |
本节课继续延展pg电子游戏app首页风格继续绘制动态页面,在设计的过程中,主要讲解排版中文字与文字之间的关系,文字与内容之间的关系,根据内容的不同功能去表现文字与图标 |
本节课在前面几节课的基础上,继续绘制发现页面,重点介绍大色块背景的绘制方法,以及作品输出的表现技巧和操作。 |
第十六章 直播类app界面设计
|
本章主要针对火爆的直播类app进行实战演练,,这节课主要完成直播apppg电子游戏app首页导航栏与底部标签栏的制作,通过本节课的学习,提高大家对页面的排版能力,以及图标的绘制技巧。 |
本节课主要详细演示直播页面icon的具体操作以及配色技巧。 |
本节课继续绘制直播页面内容板块的制作,通过本节课的学习,让大家了解直播界面的排版方式,掌握图片与文字之间的处理技巧。 |
本节课主要详细演示直播app直播页的具体绘制技巧,综合前面所学知识,巩固图形图标绘制的相关知识,以及礼物图标在界面中运用的表现方式。通过实战演练,本章从一个产品的功能图标到界面的布局进行了完整的演示,让大家更深入的了解直播界面。 |
第十七章 app引导页及市场图的设计
|
本节课主要讲解app引导页及市场图的概念与作用,以及引导页具体有哪些类 |
本节课主要通过实例操作给大家演示app市场图的设计思路与具体制作,教会大家如何通过对主题文字与软件界面的表现,来突出软件的核心特点。 |
第十八章 地图软件绘制实例
|
本章通过一个地图软件实例来逐步讲解页面设计中一级、二级、三级页面的设计思路和具体操作,本节课主要针对项目pg电子游戏app首页进行设计,演示不同功能图标的绘制。 |
本节课主要综合本套课程所学知识,继续绘制项目的结果页面,通过一个完整案例的演示,巩固ui设计相关理论知识与软件操作,提高大家对界面设计的理解与表现。 |
第十九章 界面切图及标注
|
本节课主要介绍界面中的切图与标注的定义,以及常用的切图软件有哪些,在操作的过程中要注意什么,如何规范的命名,并通过实例演示教大家具体的切图步骤,以及android与ios不同的命名方法。 |
本节课主要通过实例演示讲解标注的具体操作步骤和方法,以及.9文件的概念与作用。通过操作进行详细的了解输出的过程及需要输出的内容。从而在工作中更好的去对接一个app的设计。 |
第二十章 面试与提案
|
本节课主要讲解了作品集和面试技巧,通过作品集的演示让大家更清楚的将学习成果更好的展示,最终进行工作面试的检验。通过了解面试中常会提到的问题,更好的分析自己的不足和注意事项。 |
本节课主要介绍ui设计的提案技巧,通过多个项目的演示讲解,教大家如何树立正确的提案思路,提高过稿率。 |