重庆兔课网
零基础小白也能通过平面设计课程的培训学习
超长的学习时间,超长的辅导时间,超实惠的学习费用。
你的设计师梦想从这里启航!
400-888-4011
学校首页
课程中心
学校简介
新闻动态
校园环境
学校优势
师资团队
常见问题
校区地址
学员评价
当前位置:
途学网
>
重庆兔课网
>
新闻动态
>
图标设计怎么快速高效的设计出来
图标设计怎么快速高效的设计出来
来源:重庆兔课网
时间:04-20
很多学设计的朋友刚开始设计图标都是也没有什么效果?接下小编就教大家怎么用六个步骤的来快速高效的进行图标设计!一起来看看吧。
1、从一个网格开始我们这里使用一个32×32-pixel网格。我们的网格也包含一些基本的指导来帮助我们在每个图标的设计中创建基本样式。在这里,我们看到了一个32×32-pixel的网格,用一个2-pixel边界(或"禁区")来留出喘息的空间.网格外面的2像素是我们所说的"禁区。除非绝对必要,避免图标出现在这个区域。禁区"的目的主要是为了在图标周围创建一些喘息的空间。对于icon可以用基础形状概括的,你可以画一条外边缘线来做边界框,这些边界框通常是一个正方形、圆形、三角形矩形等~圆形的iocn以网格为中心,通常会接触到内容区的最外层的边缘,但不会进入禁区。注意,最常见打破禁区的情况是可以让一些微量的需要强调的元素向圆外延伸以设计的完整性,如下图所示。用网格和轮廓线对齐的圆形图标方形的图标也是以网格为中心但并不会这么做,在大多数情况下,它会扩展到主要内容区的最外层的边缘。当需要和圆形或者三角形的图标保持一致的视觉重量时,大多数的长方形图标或正方形图标要对齐到中间的轮廓线(下图的橙色区域)。让图标本身的视觉重量去决定怎么去对齐这些轮廓线,这需要在练习中去感觉。
图标设计
怎么快速高效的设计出来
2、从简单的形状着手用简略的轮廓线(圆形、三角形、方形)来开始你的设计。即使一个图标在自然状况下是有机的,也从AI的形状工具开始。当我们开始制作图标,特别是屏幕上小尺寸的图标,手绘导致的不规则的边缘会让一个图标看起来不那么精致。从基本的几何形状开始设计,将会使一个图标拥有更加清晰的边缘(特别是曲线的情况下),并且可以更加快速的对图标加以调整,以及确保你遵循着网格和形式设计。这个柯基的icon由基本的几何图形—两个三角和两个椭圆组成.
图标设计怎么快速高效的设计出来
3、数据化:边,线,角,曲线和角度不要试图用自己的眼睛去随意定义图标的细节,比如线的粗细和角度等,要用严格的数字去定义它们。这些细微的差别会降低一个图标的质量角度在大多数情况下,坚持使用45°角,或者它的倍数。由于像素的原因,45°角的情况下是抗锯齿的,这个角度下会有一个完美的清晰的边缘线,人眼看起来会很舒服。如果非要打破这个规则,试着使用45°的一半(22.5°、11.25°、等)或15°的倍数,这么做的好处是,这些角度在抗锯齿上的表现仍然很好。近距离观看45°角度下的抗锯齿效果。
图标设计怎么快速高效的设计出来
曲线还有一个会降低图标质量的地方是,不完美的曲线。这可能意味着专业和业余的差别。人的手眼之间的协调是有极限的,不可能达到一个完美的精度。去依靠形状和数字来创建曲线而不是靠手绘。当你需要绘制曲线时,使用AI或者其它矢量软件。手绘的弯角导致的不尽人意的效果.正如我们看到的"最初"的图像,手绘的不规则的曲线,严重损害了设计的质量。这些精确的曲线是由AI里的贝塞尔工具创建的,而不是手工绘制.角一个共同的圆角半径的大小是2pix。在一个32×32-pixel的图标里,2像素就足够大了,可以清楚的看到圆润但不至于太软。具体数值取决于你想要什么样的设计风格。
图标设计怎么快速高效的设计出来
精确的圆角这是经过我们重新设计的柯基现在的样子通过一致的圆角,光滑的曲线,统一的线的粗细,新版本的设计得到了大幅的提高。完美的像素进行小尺寸的设计时,像素级别的校准是非常重要的。小尺寸图标边缘的锯齿可以使图标变得模糊。如果线不能对齐到像素网格之间会产生锯齿并且使图标变得模糊。所以讲图标对其到像素网格,使其边缘清晰,需要更加精确的角度和曲线。我们之前有提到,45°角是的,因为它遵循了像素的堆叠方式,它会让形状有个完美的对角线。但是在高分辨率的屏幕上,比如说视网膜屏,这种完美的像素就显得不那么重要了。线的粗细当涉及到线的粗细的时候,2种是理想的,3种有时候也是必要的。目标是在不引入太多破坏图标一致的多样性前提下,提供视觉层次。当超过三种时会让图标失去统一性。2像素和4像素的线非常好用。因为线的粗细正好是成倍增加的。在大多数情况下,避免使用非常细的线,特别是文字和扁平化的图标上,除非你你想制造一个"线形"的图标,依靠光线和阴影来定义形状,而不是线。这个iphone的图标演示了线粗细上的一致性。
图标设计怎么快速高效的设计出来
4、使用一致的设计元素和风格Hemmo de Jonge在2015icon沙龙上发表了关于图标设计的精彩的谈话。在他长达两年的为荷兰政府设计图标系统的项目中。Hemmo和他的小伙伴们在每个图标上都放置了一个缺口。并不是严格每个都这样,但是大多数是如此。这个缺口成为了一种风格,把整个图标集联系到了一起。使用一致的设计元素在我们狗狗的例子里。我们采用了一个心形的鼻子。这个元素不仅把每只狗狗联系到了一起,而且赋予了这些四条腿朋友们一些情感化的东西。狗狗图标里共有的元素。在许多情况下,即使一个图标集的风格发生了改变。他们之间统一的元素仍然能够使它们看起来是一个整体。下面这张图是我们为这三个图标重新创建的风格,他们看起来仍然是一致的。保持元素统一的,另外一种风格狗狗的图标。
图标设计怎么快速高效的设计出来
5、节制的使用细节和装饰icon应该快速的传达一个物体、思想或者行为。太多小的细节将会引起混乱,从而让图标变得不容易辨认,特别是小尺寸的时候。一个或者一组图标的细节也是审美统一和可识别性的一个重要方面。最合适的添加细节的方式是,在可以识别出图标意义的前提下,尽可能的减少细节。用最小的细节传达出这个物体是什么。经过之前的一系列动作,我们已经基本上完成了我们的优化设计了。耳朵旁边的黑色轮廓线已经用毛发一样的颜色替代。脸部的轮廓也是用两像素的线勾勒出。注意现在仍然有一些元素是之前遗留下来的,比如小狗普通的鼻子。这个我们会在下一步解决。
图标设计怎么快速高效的设计出来
6、让它有个性每天都有才华的设计师制作出大量优质的图标,其中还有很多是的。不幸的是他们中的很多人过于依赖趋势或者那些最受欢迎的设计师的风格。作为一个创意行业的创业者,我们应该在图标以外去寻找灵感,建筑、字体、工业设计、心理学、自然或其他领域。最近图标之间看起来越来越像,所以让你的设计是独特的变得更加的重要。
课程
推荐
重庆非凡艺林舞蹈专业初中基础班
重庆非凡艺林播音表演初中综合基础班
重庆非凡艺林空乘专业培训班
重庆非凡艺林音乐专业艺考培训班
重庆非凡艺林舞蹈专业艺考培训班
重庆非凡艺林戏剧导演专业艺考培训班
重庆非凡艺林影视表演专业艺考培训班
重庆非凡艺林播音主持专业艺考培训班
感知觉统合课程
儿童团体培训课程
儿童心理培训课程
专注认知力课程
重庆轻型牵引车(C6)驾照培训课程
重庆大型货车(B2)驾照培训课程
重庆中型客车(B1)驾照培训课程
重庆城市公交(A3)驾照培训课程
重庆牵引车(A2)驾照培训课程
重庆大型客车(A1)驾照培训课程
纹绣全能班培训课程
美睫大师班培训
美甲进修班
皮肤管理培训课程
全能影楼定制班
化妆专业速成班
热门
资讯
图标设计怎么快速高效的设计出来
UI图标绘制需要注意的13个细节
广告平面设计你会了吗?
初学UI设计必学的五大知识点
课程
导航
电脑IT设计
平面设计
网页设计
UI交互设计
校区
导航
在线授课
热门推荐
热门推荐
图标设计怎么快速高效的设计出来
LOGO设计的忌讳有哪些?
推荐机构
最新课程
最新新闻
热门校区
师资团队
青岛新通留学
牡丹江市高级中学国际班
江苏省姜堰第二中学国际教育中心
HDC国际教育留学项目
惠州优路教育
攀枝花优路教育
沧州优路教育
襄阳仁和会计学校
西安优路教育
徐州英孚英语培训中心
北大青鸟中关村中心
北京华展驾校
傲途出国
乐朗乐读学习潜能开发中心
北京澳华学校
天津魔力英语
太原文都考研
哈尔滨新励成
深圳智库灯塔
索联外语中心
世纪智远校区
美国北伊利诺伊大学深圳咨询点
长春爱月宝培训中心
鞍山少年领袖
广州莱佛士设计学院
杭州仁和会计培训中心
龙岩优路教育
武汉仁和会计培训中心
郑州新励成口才培训
青岛智美教育
邵阳爱尚你职业技能学校
贵州景发香
重庆禅院瑜伽
昆明楚留仙芋培训
瓯北春华会计培训
苏州立刻说
余姚邦元教育
沃尔得国际英语培训
佛山博雅明德教育
珠海正真视光培训中心
辉艺学院
交大外语培训学校
尖峰夏令营
香港大学内地招生学费及奖学金
香港中文大学研究生专业设置及费用要求
香港八大名校本科申请要求全面解析
马来西亚留学热门专业及院校介绍
马来西亚本科留学条件和材料清单
韩国留学:去韩国学习什么专业性价比最高?
【韩国留学】韩国探亲签证材料
韩国留学申请攻略:如何一步一步的迈进名校大门
低龄留学成新加坡留学主力:新加坡政府中小学优势解读
新加坡留学:选择私立大学需注意这些
新加坡高中留学费用知多少
解密新加坡:公立大学VS私立大学,优势大PK
抓紧!日本留学时机
去日本读研究生需要多少费用?
日本留学:申请日本语言学校常见7大问题详细解答
赴日留学:日本语言学校申请流程详解
瑞士留学:如何申请名校
瑞士留学较为热门专业推荐
瑞士留学最新优势盘点
爱尔兰留学:留学费用低 学习环境好
爱尔兰留学专升硕的申请途径及推荐院校
爱尔兰留学哪些专业就业率高
留学爱尔兰的那些优势政策介绍
意大利留学申请全面解析
留学意大利?这些花费你该知道
意大利留学优势专业解析
荷兰阿姆斯特丹大学科学学院2016-2017年入学要求
荷兰研究生留学费用一年多少钱?
荷兰留学:校方面试技巧
荷兰留学预科申请要求
法国留学申请读研有哪些优势?
法国留学申请需要满足哪些条件?谈如何敲开法国大学之门
法国留学费用清单
申请德国留学必读基础帖
详解德国留学:德国大学体制与申请条件
新西兰名校留学详解—大学篇
新西兰留学:八大名校硕士课程申请注意事项
澳洲土木工程专业强势学校推荐及申请要求详解
环球优路考试当热,谨防冒名诈骗乘“热”而入
环球优路教育学校考后改分诈骗频发 一建考生谨防勿轻信
优路教育学校河南分校一建学员曹亮:通过一建不是传说
总裁班许志华:一建备考经历及复习技巧
关于唐山某机构冒用优路教育招生的声明
关于某机构冒用优路教育品牌侵权的声明
关于石家庄某机构“骗考生”声明
优路教育(北京)二建大型公开课圆满举行
优路呼吁广大学员共同抵制不法分子骗局
二建学员感谢信:三科考试
环球优路教育的上市为企业带来新能量
热烈庆祝环球优路教育分校突破73所
2016年教学研讨会:回归教学本质 提升核心竞争力
执念十一年,为一份基业的长青!
出国英语口语速成
常用商务英语口语
出国留学英语口语培训
初级英语口语入门该如何训练
初级商务英语口语
英孚教育发布非英语母语国家英语水平排名
想提高英语口语?快看看这8个不可不知的方法吧!
英语口语学习的专业技巧获取
基础英语口语怎么提高呢?
基础英语口语的练习方式
初中英语口语最重要的是打好基础
出国英语口语培训
徐州英孚英语:趣味英语:拍照比“剪刀手”才不是scissors hand
北大青鸟中关村:零基础能学会IT技术吗?
青春不散场,北大青鸟(中关村)从“薪”出发
北大青鸟中关村:打开跳槽的正确方式
中关村北大青鸟大数据课程高薪逆袭职场
恭贺北大青鸟中关村“扬青春之风,圆青鸟之梦”迎新会圆满落幕!
北大青鸟中关村Web前端课程班火热进行中
诠释解锁转行的正确打开方式
解析大数据影响着我们生活的方方面面
北大青鸟助推大学生“突围”就业难关
天津魔力英语学校
太原文都考研
哈尔滨新励成教育
深圳智库灯塔
索联国际语言中心-福田校区
索联国际语言中心
世纪智远校区
美国北伊利诺伊大学深圳点
长春爱月宝培训中心
鞍山少年领袖
广州莱佛士设计学院
杭州仁和会计培训中心
龙岩优路教育
武汉仁和
武汉仁和会计培训中心
郑州新励成口才-新站
青岛朗阁智美教育
邵阳爱尚你职业技能学校
贵州景发香
禅院瑜伽渝北加州城市花园
重庆禅院瑜伽
昆明楚留仙芋培训中心
瓯北春华会计学校
苏州立刻说
余姚邦元教育
沃尔得国际英语宁波中心
何天奇
丁家琪
秦月
徐丹
梁玉峻
张亦
韩丽波
张玉梅
王琪琪
李守美
汤世傲
李肖肖
汪念
甘斌
潘亚兰
王丹
陈玲
齐锡晶
戚振强
齐宝库
陈 印
张凤众
Adrienne
Fiona
Will
John
胡砚
张庆云
张锐
赵淑娜
李奎
杨常高