当前位置:平面设计学院 > UI主题图标设计案例教程
 

UI主题图标设计案例教程

61903次 61条 173次
讲师:韩锐
课级:高级拓展
时长:9.0小时
单价:¥860元 助学价:¥350元 我要单买
年会员:¥1800元/年 今日促销:¥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

以上就是本套课程大致的内容介绍,更多精彩期待正式课程中的讲解哦~

 
第一章 写实风格

小节主要分析大赛举办方的需求文档,和“景泰凤鸣”的创意思路,以及需要制作的内容明细,包括常用图标、通用图标、图标尺寸、天气widget、音乐widget等。

本小节开始以“音乐”图标为范例演示并讲解图标的绘制过程,本小节主要教大家如何绘制出符合要求尺寸的图标,以及如何制作本套图标中最具特色的底纹图案部分,巩固并演示了路径运算等基础知识。

本节课主要讲解图标高光、阴影以及凤首轮廓和纹理质感的制作。

音乐图标主要以唱片的形式来表示,而唱片针则使用了音符这个元素,本小节主要讲解音符的形状和质感以及投影等的绘制,并且大致确定碟片的外轮廓。

本小节着重讲解碟片中螺旋形槽纹质感表现、特殊高光制作以及碟片上的文字的制作等,并且在本小节完成了整个图标的绘制。

在演示完图标的绘制之后,开始针对主题中细节元素进行分析和讲解。本小节主要演示毛笔字的制作、梅花和凤首等装饰物的质感和纹理表现等。

针对比赛方要求,我们需要制作一个天气的挂件,本小节我们详细讲解并演示了天气图标的完整绘制过程,并且用到了一个非常好用的圆角制作插件来为播放器按钮制作超自然的圆角效果,包括绘制圆形之间粘连部分的方法也是非常值得学习的。

一个好的作品需要有好的展示效果,本小节主要教大家如何制作精美主题展示效果,以及通用背景纹理、第三方通用图标、文件夹等的制作。

第二章 卡通风格

时钟图标用“肉排”的形象来表现时钟底盘的部分,本小节主要讲解肉排皮肤质感、肌肉纹理等的制作。

图标用“骨头”形象来表现时针和分针,本小节主要讲解骨头的外形轮廓绘制、立体感塑造、投影制作等内容,至此时钟图标绘制完成

本小节开始讲解日历图标的绘制,日历以墓碑元素进行表现,本节内容以界定图标大小、墓碑外部轮廓、立体感塑造,以及纹理打造等为主要内容进行讲解。

本节课主要讲解其他细节元素的表现,包括了墓碑上的日历文字、土壤中伸出的魔爪以及小草等的制作,至图标绘制完成

本节课主要讲解了以“带血丝的眼球”为主要表现元素的计算器图标的绘制,包括如何把握图标的高光、阴影、透视等关键点,从而营造卡通而真实的感觉。

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

第三章 扁平化风格

本节课主要讲解播放器图标、信息图标以及相册图标的绘制

本小节主要讲解计算器图标、相机图标以及时钟图标的绘制

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

 
韩锐 主攻:UI、网页、动画、三维设计与视觉特效 简介:创建可识别的图像及艺术效果,充分利用视觉传达表现设计统一性,利用视觉符号来传递各种信息设计。崇尚个性、自由、纯真和本色,擅长将三维二维设计融合视觉体现,曾参与京东、oppo、海尔集团等行业内各种大型比赛,并荣获佳奖。熟练于各种行业设计,含括:网页、标识、UI、三维设计、动画以及特效等。
作品:
 
  • 项目分析
  • 文字元素
  • 播放器按钮
  • 播放器按钮
  • 播放器效果
  • 展示效果绘制1
  • 展示效果绘制2
  • 背景纹理
  • 写实风格通用底纹
  • 写实风格文件夹
  • 凤首图腾元素2
  • 凤首图腾元素
  • 梅花元素
  • 写实风格案例分析
  • 写实风格图标实例
  • 播放器图标轮廓
  • 播放器图标底纹绘制
  • 播放器图标碟片
  • 播放器图标碟凤底纹
  • 播放器图标碟凤首图
  • 播放器图标碟片绘制
  • 写实风格碟片细化
  • 卡通风格图标实例
  • 卡通风格时钟1
  • 卡通风格时钟2
  • 卡通风格时钟1
  • 卡通风格时钟2
  • 卡通风格底纹2
  • 卡通风格日历1
  • 卡通风格日历2
  • 卡通风格日历3
  • 卡通风格日历4
  • 卡通风格计算器1
  • 卡通风格计算器2
  • 卡通风格计算器3
  • 卡通风格字效2
  • 卡通风格字效
  • 扁平化播放器
  • 扁平化信息
  • 扁平化相册
  • 扁平化相机3
  • 扁平化相机1
  • 扁平化相机2
  • 扁平化时钟
  • 扁平化小松鼠1
  • 扁平化小松鼠2
  • 卡通风格底纹
  • 扁平化小松鼠3
  • 本套教程单价:¥860元 助学价:¥350元 
  • 平面设计学院年会员:¥1800元/年 今日促销:¥399元 可学习所有教程+新增教程 
  • 本学院已有54 套教程 总计 627 个小时 查看详情

学员评价 鼠标移到评论上可暂停滚动

    • 木子茶
      对我来说,去实体培训班的费用是比较高的,也受时间地点的限制。在通博信誉娱乐pt老虎机学习就比较自由,费用也相对少很多,课程经过剪辑化繁为简,学习效率更高,是工作之余提升的好网站。
      站在你左边
      买了通博信誉娱乐pt老虎机的课程以后,受益很大,比在学校学习的内容更贴近实际工作,有疑问的时候,老师能耐心解答,在这样一个良好的环境下,我相信自己能越学越好。
      蓝方
      在通博信誉娱乐pt老虎机学习有段时间了,感觉确实很棒,讲课的老师本身就是设计大师,传授经验毫无保留,好多好多的干货啊,花这点儿钱,实在是太值了!绝对行业的良心!
      我爱机器猫
      在网上学过很多教程,免费的收费的,相比之下,通博信誉娱乐pt老虎机的教程是最系统专业的,从完善的基础理论到丰富的高端案例实战,能一站式满足我的学习需求,省心省力。
    • 大海的鱼
      我本来准备辞掉工作去大城市参加培训班的,现在有了通博信誉娱乐pt老虎机,不用辞掉现在的工作,也免去了高昂的学费和食宿费,还学到了更尖端的课程,实在太好了!
      繁星点点
      在通博信誉娱乐pt老虎机学习非常灵活自由,随时登录随时学习,没有观看次数限制,课程精编高效,让我用最少的时间学习到最有用的知识。
      黑羽
      加入通博信誉娱乐pt老虎机后感觉就像捡了个宝,这里的教程完全勾起了我的学习欲望,吸引着我不停地学习,这种每天都在快速进步的感觉真是好!
      火烈鸟
      与网上大部分只讲软件基础应用的教程不同,通博信誉娱乐pt老虎机的教程延展性很强,很多教程直接深入商业案例,能学到最前沿的案例实操经验,学起来很过瘾。
    • 暗之天使
      通博信誉娱乐pt老虎机的教程非常清晰,课程剪辑很好,知识点衔接有序,学习过程中还有问答环节,学起来生动有趣,收效甚快。
      一生何求
      比去培训班省钱,而且还能按照自己的时间和进度去安排学习,教程也很牛,帮上我大忙了。
      秋天的风
      我是完全零基础,但感觉通博信誉娱乐pt老虎机的教程很合我的胃口,课程由浅入深,富有逻辑性,学起来轻松自如。感谢通博信誉娱乐pt老虎机,让我实现设计师梦想变得如此容易。
      与或非
      课程安排很有针对性,很多都是实战教学,市面上是很少看到这么实用的教学内容的,老师授课也很有经验,非常适合设计师们自我修炼。
    • 莉莉雅
      购买之前担心内容与宣传不符,所以问了很多问题,客服一直非常耐心地解答。看了课程觉得内容比介绍的还丰富,老师讲得好,案例多,视频高清,音质好。对通博信誉娱乐pt老虎机很满意。
      棒棒糖女孩
      通博信誉娱乐pt老虎机的教程非常实用,针对性也很强,能学到实实在在与工作相关技巧,快速提升自己的竞争力。
      Dr熊
      根据我多年工作和学习经验推测,通博信誉娱乐pt老虎机绝对是全网性价比最高的学习网站,学习模式、课程质量、服务态度都没得说,大力支持!
      龙海
      在通博信誉娱乐pt老虎机到了很多高级技法,众多设计大师的先进设计理念和经验给我许多启发。现在做设计感觉思路更广,灵感也更丰富,作品更加有feel了。

    我们都在通博信誉娱乐pt老虎机换一组查看更多评论>>

    ouyayach:

    设计行业是一个需要不断更新,不断自我提升的行业,我是一名刚入行的平面设计师,虽然通过学习考...[更多]

    w576551272:

    毕业季,失业季!走出学校,不愿做无谓的体力劳动,毅然选择回到家乡重头开始,却发现自己所学专...[更多]

    37909485:

    我做平面设计相关的工作已经有7年了,设计水平已经到了瓶颈,无法再进一步。自己想去报名培训班...[更多]

    aixihongye:

    由于工作原因,好早就想学习深造平面设计,一直没有时间也没有找到合适的学习平台。以前在中专学...[更多]
    购买了该教程的同学
    JH鹰
    百练成仙
    wym520
    陈小钙
    哈哈南瓜hahaha
    12miaocc
    求学女子
    皇家圣龙
    啊碧
    sunny00
    小哥007
    wdit0108
    wyy雨季
    zhangdexin
    水墨洛洛
    甘庆平
    郭海江
    单忠红
     
    您可能感兴趣的课程
     
    讲师:胡飞虎
    241389次183条506次
     
    讲师:陈志文
    217867次202条138次
     
    讲师:田婧
    1580966次1079条822次
     
    讲师:星哥
    314563次268条546次
     
    讲师:胡飞虎
    49901次80条269次
     
    讲师:张予
    390196次530条339次
     
    讲师:龚道祥
    450983次270条254次
     
    讲师:李世钦
    44426次105条141次
     
     
    800135999

    通博信誉娱乐pt老虎机,通宝娱乐真人老虎机,通宝娱乐欧洲pt老虎机

    百度360搜索搜狗搜索