图标logo设计

2022-06-21

第一篇：图标logo设计

十个图标设计技巧

将某一事物的特征概括出来成为图标是一件非常有意义的事，一眼就能识别事物的特征是不容易的，特别是设计需要48X48像素时，如何让它跟256X256像素一样清楚.一个令人难忘并且具备隐喻的图标是漂亮的、标志性的，富有意义和功能性. 关于如何创造卓越图标的十个建议：一.捕捉对象的特征

对于icon design 最重要的一点是当你设计出一个图标，用户能不能立即辨认.无论是青蛙还是铅笔，它所表达意义的识别性，必须一目了然.必须具备经典的隐喻特征. 在一本杂志的图标教程里，图标大师Vu(scrape.sk)和Min Tran(frexy.com)讨论了他们关于铅笔图形的背后进程：

“图标需要突出对象的最典型特征，表现它所表达的概念和细节. 正如你所知：铅笔一般有三种选择： 1.棱柱形的笔身、光泽釉涂层

2.棱柱形的笔身、尾部橡皮擦、白色金属环 3.圆柱状笔身，没有橡皮擦

我们选择第二种，应为它具备所有的必要元素，用户更容易识别. 有时候，一些对象会更为复杂，或者更加简单，你必须列出它们的特点，画出具体的形象. 橡皮擦、白色金属环，这是铅笔的特征，使它们成为表现铅笔形象的“经典”.”

二.让图标简单、通用.从而让它适应一系列项目.

对于图标设计师DryIcons(dryicons.com)来说，设计图标的关键在于让图标尽量简单.瞄准一个风格和目标.这有助于让软件开发者更加灵活的使用图标，增加图标的可用性. 如果你的图标设定范围更广，可以使用在首页或其他地方，那它的潜在市场会更大. “关于趋势，我们觉得保持图标的简单和基本特征是非常重要的，我们遵循这个趋势”——DryIcons

三.使用一致的光源

一个特别有用的技巧：当你在设计一系列图标时,不紧紧要在风格上一致,像“光源”这些细节也需要注意.虽然这是次要的，但这会影响图标的整体质量. 在 Windows Vista 里面，图标会在操作系统间有不同的光源，但每一个单元的图标是一致的.

四.创建矢量格式的图标(Argument 1)

图标通常在一个尺寸范围内使用，因此创建一个视觉效果很棒的可缩放矢量图形，可以有多种用途.(ps：在缩放到需要尺寸后，像素会磨损，所以需要对路径进行调整，精确到每一像素)

当你需要不同尺寸时，矢量绘图可以让你不需要重绘.(ps：矢量绘图软件有photoshop、Illustrator、Fireworks、CorelDraw、Xara Xtreme等)

五.不创建矢量格式的图标(Argument 2)

相反：矢量绘图并不是图标设计师们的最佳方法(ps：我一般结合着用)由于许多icon需要非常小的尺寸，矢量往往不能很好的呈现，所以必须在指定尺寸内重绘(我的理解是：图层复杂、绘制时用到像素、多细节的图标改变尺寸时，必须重新绘制) Wui设计师Firewheel对此的看法：位图vs矢量

“当你把一个原本24X24px的矢量图形缩小到16X16px，有办法可以把24个像素均匀的分布到16个像素呢?答案是否定的,所以图像模糊.同样也没法将24px均匀扩大到32px. 所以当你把24×24像素的图形扩大到48×48，你将不再会有一个清晰的像素线，他们都是模糊透明的两个像素线.”(关于小标：腾讯QQ、人人主页、jodanfc、r.sky、blacksnail等国内设计师的作品都很不错)

六.注意文化差异

Turbomilk(turbomilk.com)的经典例子，不同的国家有不同的邮箱

“图标的另一个重要方面就是图标拥有民族特色.不同国家的文化传统，环境和手势等都会有所不同.”---Turbomilk 要特别注意：这一规则在设计预警图标和交通标志时，每个国家的根据都有所不同。

七.使用别样的色彩组合

如果icon的颜色很平淡普通，那它就会被忽视.图标脱颖而出的方法就是：使用很棒色彩搭配和有趣的形状.记住，图标很伤在单一的背景下显示，所以他们需要站出来.除此之外同时还可以使用更多的光泽和适当的阴影来使它尽量动人(.ps:jjying和kidaubis的作品尤为突出) Jasper Hauser( Camino icon designer )()图标所示，你看到它有一个基本的形状，使用了多种颜色搭配，如果你做一个蓝色的圆圈则不会脱颖而出.

八.设计icon，从大尺寸图标到小尺寸，图标要一样清楚. 艺术家Brian Brasher在Firewheel Design接受的采访：

FD：如何让图标变大，但在不同的分辨率下都显示清楚?(ps：依次画出各种尺寸，标准尺寸1024，512,256，128，56,48,32,16，按需制作，不必框死，jodanfc的作品尤为突出.我的经验是：在绘制不同尺寸时，可将最基本的形状进行缩放，然后对齐像素，微调后，再重新上色绘制质感和细节)

BB：大图标意味着很多细节，具有丰富图形用户界面的设计师会将各种尺寸一一画出，如果抛除尺寸的限制，那意味着很多大小的图标看起来会很模糊，最恐怖的就是图标在低于32px时. (ps：绘制小标时要省略不必要细节，在16或12等px时可以使用正视，只要能看出隐喻即可，不必跟大标一模一样)

九.仔细规划出你的设计过程

从想法到想法跃然纸上(建立纸面原型)使其符合隐喻和项目需要，然后仔到软件绘制，确定它的尺寸大小等这些过程规划是很重要的. Michael Matas( Mac OS X platform icon designer)分享了他自己的工作方法： “开始我总是在白板上画.我试着画出良好的图标和明确的隐喻.我勾勒出不同的想法各种idea总会覆盖整个白板.当我想出一个很好的比喻后，我就去开始画出图标的布局和构图，我会想用什么角度(透视)去表现它.我在谷歌图片里搜索一切可以利用的照片，再对着照片根据自己的想法将它画出来，直到理想为止.然后我在ps中绘制路径.搜索图片，可以帮助我获得纹理和形状的想法.如果我可以，我总是试图通过实物获得灵感. (ps：我也是，当有实物照片时，你就能更好的掌握图标的细节，质感、纹理等.生活中要注意观察，我每到一个地方都会仔细观察，看有没有好玩的物体，结构，纹理等可以为我的设计服务，然后拍照) 十.创造一个有趣的富有隐喻的图标.

图标是富有含义的图形符号，因此隐喻是影响用户行为的关键点. 下面是一个团队关于一个图标集的隐喻讨论，感兴趣的大家可以去看，在此就不翻译了. 一个人的idea有限，所以对于一些较难表现的图标、重要项目的图标，有必要进行脑暴并且跟客户交流沟通，而不是直接让一个icon designer埋头做.

补充：

如果你是一个初学者，你必须勤奋，要多画，多看好作品，少交流，有一定基础后，遇到各种瓶颈，可以去请教他人.好的designer人品都很nice，只要你问，他们都会耐心的去帮助你. 或者你也可以去iconfans，跟大家交流，那里有各种教程.你也可以加入iconfans特工队跟大家一起做练习. 除此之外，较好的美术功底(敏感的光影和色彩搭配技巧，良好的手绘技巧等)也是画好icon所必须的. 最后一点：要以一个专业图标设计师的要求来要求自己. 我相信只要你记住这些，然后用“心”去画，坚持下去，你就可以成为一个“awesome icon designer”!

第二篇：可乐瓶图标设计大赛策划书

一.活动名称

可乐瓶图标设计大赛

二.活动意义

1 、通过海报设计活动，让本校具有绘画及平面设计特长的学生能够一展并使其在个人素质能力方面得到发展提高，培养他们积极参加集体活动，勇于面对竞争，敢自我的优秀品质，成为以后对社会，对国家有用的栋梁之材。

2 、活跃校园文化气氛，提高学生的文化艺术品位，展示大学生的个性风采，丰富各位同学的生活，展示各位同学的才能与创新能力。

3 、借此大赛，展示昆明理工大学学生的想象能力、创新能力、动手能力及人文素质。

三.活动方案

活动名称：(待定)由主办方以及赞助商共同讨论决定

活动时间：待定

活动主办：

活动策划承办：昆明理工大学材冶学院青年志愿者协会

昆明理工大学广告设计联盟

活动地点：待定

活动内容：

1、作品主题及内容：以“迎**”为主题，内容健康、积极向上。

2 、作品形式及要求：

( l )参赛作品形式不限(平面设计类，粘贴画等)，手绘，尺寸大小为开。且参赛作品最好使用一到一两句广告语，体现“迎奥运”这一主题。

( 2 )参赛作品均须作者原创，一旦发现严重抄袭现象，立即取消参赛资格;

( 3 )参赛作品必须在突出迎奥运主题外，要有地方特色。

( 4 )参赛作品分为个人组和团体组，个人组需上一到两份作品，团体组需上交二到四份作品

( 5 )参赛组织及个人的纸张及颜料需自备，制作工具任意选择，但作品不能出现打印复印等非手绘图案图案。

( 6 )参赛作品应具有一定的独创性、艺术性和观赏性;

3 、参赛形式：

( l )参赛者可以以个人或团体(支部社团班级或其他组织)的形式报名参加比赛。个人参与上交作品时要随作品一起提供本人姓名院系及有效联系方式;以团体为单位参与，上交作品时提交主要负责人的姓名院系及有效联系方式。

(2 )作品由同学现场投票评选(可作最具人气奖参考)，同时请专业评委评分，体现出足够的公正性。(具体可见附章一一大赛奖项设置)

四.活动可行性分析：

1 、作品来源可行性分析

( l )本次活动比较符合同学们的创新思想，能够为同学们展露才华提供机会。对于单纯的个人参赛来说，主要通过各项宣传活动激发其大学生责任感和爱校精神，刺激其创新思维，来调动一部分人的参赛积极性。

( 2 )本次比赛只规定一个主题，留给参赛人员的自由发挥空间比较大。因此，同学们可以尽情发挥自己的创新思维，激发自己的灵感。

2 、商家赞助可行性分析

商家可取得此次大赛的冠名权，借助影响力成就自己的知名度、树立良好企业形象。

3 、作品保密性分析

作品均为个人或团体亲自上交作品，我们会派专人保管好，保证在公众投票前不会对外泄露。

五.活动流程：

月日，购买宣传必要材料(颜料，宣传纸张);定做横幅喷绘和宣传单等前期需要的宣传材料。

月日至日，制作海报。

月日，全面进行宣传(包括张贴海报，张贴宣传单，悬挂横幅)，发放传单。

月至日，设置报名点，参赛选手进行参赛报名。

月日日，在校广播站、bbs 、校团委、学院网页上宣传此次活动。

第三篇：学用IconCoolEditor设计酷炫图标

我们经常可以看到许多非常可爱的图标，若想要自己来做，一套好用功能强的图标软件当然不可少。IconCool Editor 就是一套非常不错的绘制图标工具软件，具有相当完整的功能，可以做出各种规格且漂亮的图标。IconCool Editor软件的问世为我们自行打造图标提供了一个优秀的创作平台，下面我们就来为大家介绍如何使用IconCool Editor制作自己的酷炫图标。

一、软件介绍

IconCool Editor是一个Icon编辑的工具软件，它可让你同时编辑10个Icon，在使用上也相当容易，具有21个图形滤镜可供你使用，如：模糊、尖锐、浮雕花纹等等。它还提供了13个影像处理效果，并具有影像提取的功能，也可以改变色彩由单色到32位真彩色。这些都是一般绘图软件才有的功能，可以让使用者充分发挥自己的创意。而其它的功能也相当多，像是捕捉图形、撤消/重做、支持鼠标右键弹出菜单等等。

如果你想做漂亮的图标，别忘记试试 IconCool Editor，相信对它众多的功能你一定会满意。

点击下载IconCool Editor

软件的安装过程比较简单，在安装向导的指引下便可顺利安装完毕，进入IconCool Editor后完整且丰富的主界面便呈现在眼前，软件的上方为工具栏;下方为颜色搭配的调色板;软件将一些常用工具集成在主界面的左侧，使用起来较为方便;右侧则为图标大小及颜色深度的设置栏，如图1。

图1

二、实战教学

该软件提供了多种制作方案供用户来选择。下面笔者将把各种制作方式的流程介绍给大家。

1、原创制作

既然是原创，那么整个过程就要全部由我们自己动手完成。首先我们要新建一个图标模版。点击"文件"→"新建"。大小选择32x32象素，颜色选择256色(8位)，选择完毕后点击"确定"结束。当然如果您想选择别的大小和色位也是可以的，区别在于制作出来的精细度不同，如图2。

图2 创建好新的模版后我们就可以在这个基台上面随便绘制了。选择快捷工具栏中的"画笔"工具进行绘制，如图3。

图3 在绘画的过程中我们要注意模版的基台都是有很多小方格组成的，笔者选择的模版大小为32X32象素的模版，所有横竖都是由32个小方格构成，画笔在每个小方格上着色都要考虑到以后成品的效果，所以这里建议大家在手动制图的时候尽量选择粗线条绘制，并且颜色搭配要醒目，右上角的预览框会时刻反映出成品后的样子，如图4。

图4 基本图形绘制完毕后，千万不要忘记底色的渲染，如果觉得用画笔逐条添色比较繁琐，那么建议大家在这里选择工具栏中的"油漆桶"，选择工具后，再选择所要在背景处添加的颜色，然后在模版底色处单击即可完成，如图5。

图5 平面的制作到此结束，选择"发送到桌面"便可立刻生成你所制作的图标。当然有些朋友不单单喜欢这样简单的平面制图，那么可以在工具栏中的"滤镜"和"特效"中选择并编辑自己觉得满意的效果，之中包含了大量且丰富的特效功能，完全可以满足您的胃口。

笔者在这里选择"过滤器"工具对刚才以完成的图标进行最后的成像制作，如图6。

图6

2、添图制作

"添图制作"顾名思义是我们利用已经现成的图片加入模版后编辑完成的。有些朋友对自己手动制作出的图标不是很满意，这时就可以利用这种制作方法了。

过程较手动制作简单一些，首先我们要选择好自己想要制成图标的图片，对于大小和象素的要求自己可以决定，只要对于以后的编辑方便即可。

点击"文件"→"打开"然后选取我们要编辑的图片，为了后期方便编辑，笔者这里选择了80X80象素，如图7。

图7 导入图片后，我们就基本可以确定其基础模型了，如果你认为这样就可以了，比较满意，那么，直接可以选择"发送到桌面"，如果你觉得还不是十分的符合自己的口味，当然也是可以编辑修改的。

选择"特效"→"3D效果"，这里我们来设置透明度为75，在按钮效果中选择"突出"，设置完毕后，点击"确定"结束。这样我们就有了3D效果的图标了，如图8。

图8 笔者总结：以上为IconCool Editor的两大制作过程，在制作中，IconCool Editor自带的编辑工具显示出了强大的特性，功能选择十分丰富，使用起来方便，整体过程比较容易上手。在对于一些不是很常见的功能选项时，用户也不必担心， IconCool Editor所提供的功能基本上与Windows XP所自带"画图"程序极为相似，所以大家尽可以放心使用，一般不会遇到任何阻碍。

第四篇：app常用导航图标按钮设计技巧

APP主页上常用的导航图标设计技巧

上个教程的尾部留了本次的预告，现在履行承诺发教程啦。大家每天画那么多精美的图标，但真的用在APP界面上了吗? 这次分享几个真能用的上的图标设计技巧给大家，也许下次的APP案例就能用的上哦(*^__^*)~ 先来看看下面几张图：

看完后有没有发现这些简单的图标，其实都隐藏着以下特别的技巧呢：比如第一张图中的内缺角阴影图标按钮，比如第二张图中介于圆和圆角矩形中间的椭圆矩形图标按钮，又比如第三张图中的通透命令的扁平水晶图标按钮，这些就是本次教程要分享的内容了

下面开始教程，这里先教大家三步完成 “内缺角阴影图标按钮” 的设计技巧，学会此技巧，从此变身一线大神~

第一步、这里拿上面的叉子图标做示范，先画个120*120的圆，添加样式渐变叠加，色值分别是上#ffc62d和下#ffb034，得到按钮的底座

第二步、画出按钮中的刀叉，用钢笔画或者用矩形相交对切，能画出来就行(当然我知道你是不会画的 o(∩_∩)o 哈哈，打开这个网站搜索“刀叉”然后下载图标吧： http:// ，我珍藏多年的网站给掏出来了，下载后建议用钢笔路径照着描出来，养成制作矢量图标的好习惯，久而久之你就会发现自己也会画图标了~)

第三步、用钢笔路径按我这样随意画个大概的形状出来，然后设置形状填充为渐变，一边透明度0%，一边透明度10%，色值都为纯黑#000000，然后缩小到合适大小后创建剪贴蒙版到刀叉图标上，哒啦~一个最最简单的内缺角阴影图标就做出来啦!!

这种图标的好处是原版平凡普通的图标按钮，加一点小改变就能立即变的与众不同，让APP页面加分不少。依此类推，我们可以发挥创意按照图标来画出各种不规则形状来剪贴上去，还可以给形状添加色彩等变化，发挥你创造力给自己的APP页面设计加分吧~~ (最后说一句，内缺角阴影是我起的名字，是今年才开始流行的一个风格哦~)

我是华丽的分割线- APP常用导航按钮之： “椭圆矩形图标” ，下面开始教大家怎么做下图这种介于圆和圆角矩形中间的“椭圆矩”形图标按钮，其实很简单，只需要两步

第一步、找到形状工具中的多边形工具，然后按我下图所示设置参数：边4，并勾选平滑拐角，然后按住按住shift键画出一个120px*120px的圆，看到没有?这个圆跟我们平常看到的正圆和矩形椭圆都不一样吧o(∩_∩)o

第二布、放入我们上面提到的刀叉，在边上再放个正常的圆，对比下哪个更好玩呢?

这就是传说中的椭圆矩形，其实还有其他方法能够画出，但经本人实验还是上述方法做出来的椭圆矩形更好看也最方便~

我是华丽的分割线- APP常用导航按钮之： “扁平水晶图标按钮” ，很简单呐，也是二步完成

第一步、老规矩先画120*120的图标底座，我这里用的是椭圆矩形做底座。然后重点来了!只有特定的图标才适合制作这种图标按钮，①是要求面性图标(不知道的可以百度下)②是图标可以拆分成两块，如下图所示。(画不出来的朋友依然老规矩，打开网址搜索红包，找个类似的下载即可

http:// )

第二步、把拆分后较小的那一部分直接设置透明度60%，较大的那一部分设置形状渐变，一边透明度60%，一边透明度100%，色值都为纯白#FFFFFF(如果是下载的图标就把填充透明改成0%，然后添加渐变叠加样式也行)，哒啦~一个最最简单的扁平水晶图标就做出来啦!!

这种图标的好处是操作简单，看起来精致美观，通透像水晶一样而且是扁平风格，大家也可以发挥创意，添加我上期教程中说的弥散阴影效果让图标更精致：

http:///detail/87521.html，或者像红包图标一样添加小斜杠等等效果，总之符合APP实际运用即可

本文依然是带大家入门，别整天画乱七八糟没用的图标(起码我是觉得图标画的好又不算啥，能完美运营到平常工作中才是真理)能用的上的才是好的，看完文章自己动手试一试才能真的领悟到其中的奥妙哦，试着把你以前的设计稿中的图表，改成以上的样式，看看是否更精美呢。光看不做就变成看了那么多文章，为啥自己依然做不好的原因! (文中图片部份是网上找的，部份是我自己的，如果教程中善用了您的作品请联系删除( ^_^ )/~~)

下一期的视频教程预告：教你如何快速设计一个APP启动页 ↓

如果客官觉得本教程还行，欢迎关注并帮忙推荐哦↓