本套教程总共分为五章,每章讲解一个图标案例,阐述了从完全写实图标 → 写实图标抽象化为圆角矩形图标 → 完全抽象的圆角矩形图标的过程。

通过演示五个图标的详细制作,告诉大家如何表达一个图标的意义以及写实和抽象之间的关系。本教程采用理论和实际操作相结合的方式讲述,学员在学习到软件知识的同时,也能对UI设计里边的图标有一个更深层次的了解。

立即学习:http://t.cn/R5p9vrH

授课讲师:李世钦

主攻:UI设计、Icon设计、界面动态特效、动画、详见下文老师UI作品。

简介:冰岛CCP公司亚洲代表处DUST Development资深界面设计师,Flash Artist。追波玩家,站酷推荐设计师,从事多年界面设计行业,亦于动画行业有深厚造诣。专精于写实类图标的刻画和界面动态特效的设计,擅长用巧妙的构思来实现需求。优秀作品横跨动画,游戏,商务化应用几个门类,多次获得行业内比赛的高等奖项。

IOS 某个角添加圆角 ios icon圆角_UI

李世钦老师的作品

IOS 某个角添加圆角 ios icon圆角_图标圆角角度_02

李世钦老师的作品


课程详情

第一章 贝雷帽兔子图标

本章讲述内容为一个大图标的制作过程,通过图标的具体部位的形体刻画方法和色彩配置来让学习者对形体和颜色两方面都有一个初步的认识。主要知识点为:脸部球形体怎样表现?五官如何刻画?帽子、勋章等怎样制作?

IOS 某个角添加圆角 ios icon圆角_图标圆角角度_03

第二章 大纸箱子图标

本章通过对大图标的绘制来形象展现一个具备大透视角度的物体是怎么表现的?在整体色彩偏单一的情况下,怎么能让这个物体看起来可信?

IOS 某个角添加圆角 ios icon圆角_圆角矩形_04

第三章 AppleⅠ写实图标

这个图标有两个特点,透视角度大,细节丰富。知识点主要包括:从现实到写实的过渡、复杂物体的透视管理、细节与整体的关联。

IOS 某个角添加圆角 ios icon圆角_界面设计_05

第四章 AppleⅠ圆角矩形写实图标

本章内容延续上一小节,讲述怎样从一个纯写实主义变化为抽象化写实主义。

主要知识点:要素的舍弃原则、抽象化的意义、如何平衡抽象化和写实主义。

IOS 某个角添加圆角 ios icon圆角_IOS 某个角添加圆角_06

第五章 虚拟APP(声画)图标

本章延续之前的思路变化,到本小节时,已经鲜见纯写实主义的体现,而是更多体现图标的本义,即意涵的表达。

IOS 某个角添加圆角 ios icon圆角_UI_07