当前位置:课程 > UI主题图标设计案例教程
UI主题图标设计案例教程 会员免费

UI主题图标设计案例教程

  • UI设计
  • 图标设计
  • 创意
时  长:8小时57分钟
课  级:高级拓展
单  价:
   会员免费
VIP 会员: 所有视频课程免费学 399元/年    会员权益介绍
收藏
分享
  • 课程介绍
  • 课程目录
  • 素材
  • 问答
  • 笔记
  • 评价
会员免费
  • 课程介绍
  • 课程目录
  • 素材
  • 问答
  • 笔记
  • 评价
大量临摹优秀案例作品是提高软件熟练程度以及形成创作思维的捷径,本套课程注重案例实操的同时,也强调教会大家临摹的方法。

第一章 写实风格

本章以大赛作品“景泰凤鸣”中国风写实风格手机主题为案例,演示并讲解了这套作品从参赛规则到创意思路分析以及实际制作等,一系列从无到有的详细过程。通过学习,大家能够了解并掌握手机主题的意义,并且根据举办方或者客户需求来定制符合要求的完整图标。

首先分析大赛举办方的需求文档和“景泰凤鸣”的创意思路,让大家了解具体参赛流程以及需要制作的内容明细,包括常用图标、通用图标、图标尺寸、天气widget、音乐widget等。

写实风格项目介绍.jpg

接着,我们开始以“音乐”图标为范例演示并讲解图标的绘制过程,主要教大家如何绘制出符合要求尺寸的图标,以及如何制作本套图标中最具特色的底纹图案部分,巩固并演示了路径运算等基础知识。通过学习凤首底纹、音符、碟片等细节元素的刻画,以及高光阴影材质等的表现,相信大家对制作出写实风格的图标会有更加深刻的理解。

写实风格音乐图标.jpg

制作好图标之后,我们开始讲解表现手机主题的其他细节元素,包括凤首图腾、梅花、中国风文字、背景纹理等装饰物的质感和纹理表现等。

写实风格凤首.jpg

写实风格梅花.jpg

写实风格文字.jpg

针对比赛方要求,我们需要制作一个天气的挂件,接下来我们详细讲解并演示了天气图标的完整绘制过程,并且用到了一个非常好用的圆角制作插件来为播放器按钮制作超自然的圆角效果,包括绘制圆形之间粘连部分的方法也是非常值得学习的。此外,一个好的作品需要有好的展示效果,我们也会教大家如何制作精美主题展示效果。

天气挂件和展示_01.jpg天气挂件和展示_02.jpg天气挂件和展示_03.jpg天气挂件和展示_04.jpg天气挂件和展示_05.jpg天气挂件和展示_06.jpg天气挂件和展示_07.jpg天气挂件和展示_08.jpg天气挂件和展示_09.jpg

根据比赛方要求,30个系统应用图标,那么安装的第三方手机主题图标,也需要制作一个通用的底板以及文件夹,这里我们教大家如果通过已经制作好的图标修改成需要的文件夹和底板。

写实风格第三方通用图标.jpg


第二章 卡通风格

本章节开始讲解卡通风格主题图标的绘制,以GO主题·够设计 参赛作品《我的僵尸邻居》为案例进行讲解。卡通风格图标的特点是,没有明显的外轮廓,并且每个图标相对独立,又需要统一风格,在表现上具有一定的难度。本章以其中三个图标为代表进行示范讲解,其他制作方法类似,主要以大家课后临摹为主。

卡通类风格.jpg

时钟图标绘制

卡通风格时钟图标案例.jpg

日历图标绘制

卡通风格日历图标案例.jpg

计算器图标绘制

卡通风格计算器图标案例.jpg

三个图标的演示完毕之后,我们开始讲解主题的暗黑风格文字特效和背景纹理制作部分

卡通风格文字及纹理.jpg


第三章 扁平化风格

扁平化风格图标近几年近乎疯狂地流行起来,以简单元素、注重色彩、拒绝特效等为主要特色,抛开繁琐的五大调子,扁平化风格展示这自己独有的视觉魅力。本章节教大家绘制几款简单的扁平化风格图标,看似简单的图形,实则有很多实用的技巧。

扁平化风格.jpg

主要分两个小节分别讲解扁平化风格播放器图标、信息图标、相册图标、计算器图标、相机图标以及时钟图标的绘制

扁平化风格主题图标1.jpg

扁平化风格主题图标2.jpg
除手机主题会用到扁平化风格之外,其他浏览器或者说网页、海报设计等,扁平化无处不在。本小节以小狐狸图标为示例,演示并讲解了其外轮廓以及图层样式的表现过程

扁平化风格主题图标3.jpg
以上就是本套课程大致的内容介绍,更多精彩期待正式课程中的讲解哦~

课程目录
  • 第一章 写实风格
  • 1.1 比赛项目介绍及作品分析 免费 31分20秒
    小节主要分析大赛举办方的需求文档,和“景泰凤鸣”的创意思路,以及需要制作的内容明细,包括常用图标、通用图标、图标尺寸、天气widget、音乐widget等。
  • 1.2.1 图标轮廓的确定和凤首纹理制作 30分25秒
    本小节开始以“音乐”图标为范例演示并讲解图标的绘制过程,本小节主要教大家如何绘制出符合要求尺寸的图标,以及如何制作本套图标中最具特色的底纹图案部分,巩固并演示了路径运算等基础知识。
  • 1.2.2 图标凤首和底纹制作 27分45秒
    本节课主要讲解图标高光、阴影以及凤首轮廓和纹理质感的制作。
  • 1.2.3 图标音符和碟片制作 30分16秒
    音乐图标主要以唱片的形式来表示,而唱片针则使用了音符这个元素,本小节主要讲解音符的形状和质感以及投影等的绘制,并且大致确定碟片的外轮廓。
  • 1.2.4 图标碟片的细化 43分32秒
    本小节着重讲解碟片中螺旋形槽纹质感表现、特殊高光制作以及碟片上的文字的制作等,并且在本小节完成了整个图标的绘制。
  • 1.3 毛笔字、梅花、凤首制作思路 19分47秒
    在演示完图标的绘制之后,开始针对主题中细节元素进行分析和讲解。本小节主要演示毛笔字的制作、梅花和凤首等装饰物的质感和纹理表现等。
  • 1.4 天气小挂件制作 37分35秒
    针对比赛方要求,我们需要制作一个天气的挂件,本小节我们详细讲解并演示了天气图标的完整绘制过程,并且用到了一个非常好用的圆角制作插件来为播放器按钮制作超自然的圆角效果,包括绘制圆形之间粘连部分的方法也是非常值得学习的。
  • 1.5 展示效果图以及背景纹理、通用图标等的制作 26分43秒
    一个好的作品需要有好的展示效果,本小节主要教大家如何制作精美主题展示效果,以及通用背景纹理、第三方通用图标、文件夹等的制作。
  • 第二章 卡通风格
  • 2.1.1 时钟图标肉排制作部分 30分58秒
    时钟图标用“肉排”的形象来表现时钟底盘的部分,本小节主要讲解肉排皮肤质感、肌肉纹理等的制作。
  • 2.1.2 时钟图标骨头制作部分 25分17秒
    图标用“骨头”形象来表现时针和分针,本小节主要讲解骨头的外形轮廓绘制、立体感塑造、投影制作等内容,至此时钟图标绘制完成
  • 2.2.1 日历图标墓碑制作部分 31分27秒
    本小节开始讲解日历图标的绘制,日历以墓碑元素进行表现,本节内容以界定图标大小、墓碑外部轮廓、立体感塑造,以及纹理打造等为主要内容进行讲解。
  • 2.2.2 日历图标魔爪、草、文字制作部分 38分1秒
    本节课主要讲解其他细节元素的表现,包括了墓碑上的日历文字、土壤中伸出的魔爪以及小草等的制作,至图标绘制完成
  • 2.3 计算器图标 32分36秒
    本节课主要讲解了以“带血丝的眼球”为主要表现元素的计算器图标的绘制,包括如何把握图标的高光、阴影、透视等关键点,从而营造卡通而真实的感觉。
  • 2.4 主题文字和背景纹理的制作 29分6秒
    三个图标的演示完毕之后,我们开始讲解主题的暗黑风格文字特效和背景纹理制作部分。
  • 第三章 扁平化风格
  • 1.1扁平化图标制作(上) 37分17秒
    本节课主要讲解播放器图标、信息图标以及相册图标的绘制
  • 1.2扁平化图标制作(下) 26分21秒
    本小节主要讲解计算器图标、相机图标以及时钟图标的绘制
  • 1.3扁平化风格小狐狸图标制作 39分23秒
    除手机主题会用到扁平化风格之外,其他浏览器或者说网页、海报设计等,扁平化无处不在。本小节以小狐狸图标为示例,演示并讲解了其外轮廓以及图层样式的表现过程。

 
老师的其它课程

讲课老师
  • 直播课程:-
  • 视频课程:-
  • 回答:-
  • 粉丝:-
老师粉丝QQ群   
勤学网,职业技能高效率自学平台,致力于为学习者提供优质的在线学习服务,帮助学习者提升各方面的能力,获得更好的生活品质。

目前我们的课程覆盖了平面设计,室内设计,影视后期,园林景观设计,机械设计等热门领域,汇聚了行业的精英教师。你可以自由选择感兴趣的网络课程在线学习,创新的个性化学习体验,自由开放的交流互动环境,邀 ...
Copyright © 2015 xuehui.com All Rights Reserved 长沙维联文化传播有限公司 版权所有(建议使用1280以上分辨率、IE8以上版本浏览器访问)
湘ICP备13012319号-2