UI设计系统教程平面设计学院

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

THE END
1.UI设计优设网本话题收录了UI设计师入门必学的设计方法论、UI设计规范指南、工作流等优质文章,可以更好的帮助UI设计师入门及进阶。https://www.uisdc.com/tag/ui%E8%AE%BE%E8%AE%A1
2.UI设计素材网ui设计素材网(sighted.cn),是一个专注提供ui设计素材、平面设计为一体的免费学习交流、ui设计素材资源共享平台。https://www.sighted.cn/
3.ui设计必备网址有哪些ui中国设计网站专业性强:前身为Iconfans,是专业的用户体验设计平台,会员均为职业UI设计师,覆盖全国互联网公司。 资源丰富:站内资源丰富,包含大量设计教程和案例,有助于设计师学习成长。 互动性强:作为中国设计师互动平台,深耕设计领域十二年,具有较高的影响力和号召力。 https://blog.csdn.net/CSDNsunyue/article/details/140486151
4.UI设计教程UI设计素材分享学UI网站UI设计教程网提供丰富的UI设计教程,专注于UI设计素材分享,为广大学员提供学UI的网站。https://www.hujiang.com/fyuid_s/
5.资源网站UISHE.CNUI社是专业的UI设计网站,集合了分享、创意、资源下载、欣赏,UI视频教程,心得,招聘等内容,致力于成长为最好的精品UI设计素材资源网站!https://uishe.cn/
6.UIGG课堂UIGG课堂是国内优秀的设计在线学习网站,拥有海量课程,设计大牛精心授课,目前课程包括ps教程,ai教程,字体教程,排版教程等。学设计,在UIGG课堂!http://www.uigege.com/
7.优秀UI设计网站分享很多初学ui设计的朋友,不知道该如何入门,在这里整理了国内外一些优秀的ui设计网站,大家可以在上面学习交流,多看看别人优秀的设计,这样也能增长见识,积累经验,快速提升自己的设计水平。(排名不分先后) https://www.uisdc.com/ 优设网 - UISDC - 设计师交流学习平台 - 看设计文章,学软件教程,找灵感素材,尽在优设https://www.douban.com/note/744291226/
8.专业的零基础学UI设计培训教程和知识分享平台ui设计学习网是一个发布分享高质量ui设计教程、ui设计素材、ui就业前景动态、ui设计培训新闻、零基础学ui方法和ui设计软件下载等的学习平台。http://www.zhongchuang520.com/
9.致设计设计教程 巧匠课堂 高端电商设计师培训品牌 优设网 优秀设计联盟—设计师交流… 唯库 年轻人的技能学习神器 哗哩哗哩 国内领先的年轻人文化社区 高高手 艺·术 在线教育品牌 学UI网 UI设计师学习教程平台 更多 灵感创意 Behance Adobe旗下设计师创意视觉… https://dh.zhisheji.com/
10.设计课程UI设计课程/视频课程有教程、有操作、有案例。即时设计最全功能和细节操作教程,变体、自动布局等等高效功能手把手教会。 开始学习 1:39:38 UI 交互动效教程UI杉杉Coming 动效不求人!超简单的动画效果设计,2 小时通关动效设计,覆盖 UI 设计师 80% 动效设计场景。 开始学习 https://js.design/courses
11.RP9原型设计实战案例教材Axure教程书产品网站UI设计原型设计产品【正版包邮】Axure RP9原型设计实战案例教材 Axure教程书 产品网站UI设计原型设计产品经理UI设计师教程书籍 AxureRP9原型设计实战案例教材Axure教程 五粮图书专营店 【正版包邮】Axure RP9原型设计实战案例教材 Axur 京东价 ¥ 促销 展开促销 配送至 --请选择-- https://item.jd.com/10096518417048.html
12.ui设计简介范文8篇(全文)UI设计教程UI设计色彩之道 第5篇 随着移动界面设计的飞速发展,流行的设计风格也在不断变化,一个好的UI设计会给用户带来深刻的记忆、好用易用的体验。从UI设计的版式、信息层级、图片、色彩等视觉方面的运用,直接影响到用户对App的最初感觉,而在这些内容中,色彩的搭配方案是至关重要的,产品整体的定位、风格调性都https://www.99xueshu.com/w/file9od34yfb.html
13.像素,像素范,学UI,UI,UI设计,UI设计教程,UI学习网站,UI设计www.uigreat.com页面TDK信息 标题(Title) 47个字符 (一般不超过80字符) 优阁(UIGREAT) - UI设计师学习交流社区 关键词(Keywords) 196个字符 (一般不超过100字符) 像素范儿,像素,像素范,学UI,UI,UI设计,UI设计教程,UI学习网站,UI设计规范,手机UI教程,UI设计欣赏,APP设计,UI界面设计,网页设计教程,UI视频,http://yihuibaozhuang.cn/tools/seo-lookup/www.uigreat.com
14.UI设计项目化实战教程全套完整教学课件.pptxUI设计项目化实战教程全套完整教学课件.pptx 95页内容提供方:163 大小:5.53 MB 字数:约1.06万字 发布时间:2023-06-03发布于浙江 浏览人气:29 下载次数:仅上传者可见 收藏次数:0 需要金币:*** 金币 (10金币=人民币1元)UI设计项目化实战教程全套完整教学课件.pptx 关闭预览 想预览更多内容,点击免费https://m.book118.com/html/2023/0531/5220142321010214.shtm
15.优设网UISDC优设网-国内优秀的设计师学习平台,拥有海量优质设计文章,包含了PS教程,AI教程,UI设计,网页设计,排版教程,优秀文案等。https://pidoutv.com/sites/1504.html
16.UI设计免费教程免费下载UI设计是现在很多想从事软件行业的同学比较看好的行业,随着这几年互联网迅速发展,互联网行业的不断增加,企业对于UI设计师的人才需求量也不断攀升,很多企业高薪都招不到专业的UI设计师。这也是很多同学想学UI设计的原因,想学好UI设计,UI设计免费教程免费下载的链接送给大家。 https://www.thea.cn/ui_px_72129-1.htm
17.UI设计教程(12.8GB)百度网盘资源下载2.获取资源后可以在「个人中心」48 小时内无理由退金币。 3.为防止资源链接失效,请及时转存文件。 资源目录结构 以下文件快照生成于9 个月前。(只展示部分的文件和文件夹) :可能存在部分资源被网盘官方屏蔽。 UI设计教程1.8GB 第一阶段1.8GB 玩转sketch(苹果电脑适用选看)295.9MB https://www.iizhi.cn/resource/detail/07801e8a0cc0b88f44c60ef524f15894
18.UI设计师必知的常用网站?你都GET到了吗?IT教程网时代教育作为一枚走在设计大牛路上的UI设计师,日常最多的事情就是打开网站汲取灵感。 除了国内外大家耳熟能详的各大设计网站外,UI设计师日常使用频率最高的各个类型网站做了一个整理,分成了每日必看篇,日常开眼篇,设计导航篇,icon篇,kit篇,设计规范篇,mockup篇,工具下载篇… 等等 https://www.wangshidai.cn/article_item?id=36
19.UI设计教程UI教程UI视频教程千锋教育UI视频教育频道为UI设计师提供原创UI教程、UI视频教程、UI设计教程,UI自学方法等高清优质视频教程,免费提供在线观看下载,让UI设计初学者快速入门,短期内迅速掌握UI设计实战技能.https://video.mobiletrain.org/ui/
20.标签:UI设计基础教程标签:UI设计基础教程 UI设计语录 关于按钮设计的简单提示 2022年02月11日 互联网的早期以来,按钮已经走过了漫长的道路。我从模仿1999年左右Windows操作系统的按钮变成了 详情> UI设计语录 多级菜单设计最佳实践 2021年12月02日 导航和可查找性是用户体验设计的核心方面。如果用户无法到达他们想去的地方或找到http://05plus.com/tag/UI-she-ji-ji-chu-jiao-cheng
21.UI设计视频教程全集UI设计视频教程全集。 第一章:UI基础知识 第二章:企业网站设计 第三章:保险箱APP设计 第四章:网易电影票APP设计 第五章:交互设计与Axure 第六章:sketch软件的运用 第七章:APP设计拓展 第八章:网站作品改稿 第九章:手机主题设计 第十章:AE动效教程 http://www.xg51.net/video-down.asp?id=2252
22.UI设计教程失效官网,这里是UI设计师入门与进价的地方,精选UI设计教程【失效】浏览人数已经达到21.2K,如你需要查询该站的相关权重信息,可以点击"5118数据""爱站数据""Chinaz数据"进入;以目前的网站数据参考,建议大家请以爱站数据为准,更多网站价值评估因素如:UI设计教程【失效】的访问速度、搜索引擎收录以及索引量、用户体验等;当然要评估一个站的价值,最主要还是需要根据您https://www.8kmm.com/sites/3508.html
23.ui设计课程教程大纲(精选8篇)深圳UI设计培训的优势 1、办学资质:中鹏培训具有高级、技师级的办学资质,是属于合法办学机构 2、教学环境和设备;中鹏培训仅南山校区,就有1200平米以上教学区,设备都是结合目前市场设计师软件要求购买;全市的设计培训机构中,11年只有中鹏是深圳市的先进单位。 https://www.360wenmi.com/f/fileoywn86tw.html