appicon在线设计-如何 *** 软件图标

2024-05-03 00:35:01装修宝典010

appicon在线设计-如何 *** 软件图标,第1张

appicon在线设计-如何 *** 软件图标
导读：如何 *** APP图标1、打来ps。2、新建一个800800像素画板,先试着做。3、在工具栏上,找到圆角矩形工具。4、画一个圆角矩形,app都是圆角的。5、选择圆角矩形工具,在上方填充位置,填充上一种颜色。这里是绿色,颜色可以随意。6、这里来示

如何 *** APP图标

1、打来ps。

2、新建一个800800像素画板,先试着做。

3、在工具栏上,找到圆角矩形工具。

4、画一个圆角矩形,app都是圆角的。

5、选择圆角矩形工具,在上方填充位置,填充上一种颜色。这里是绿色,颜色可以随意。

6、这里来示例做信息app图标,画一个关于信息的的图标。需要什么图标,可随意。

7、稍微给上方一点高光。

8、因为做信息app,建议简洁一点,用户也知道是什么app。

如何 *** 软件图标

问题一:软件里面那些图标是怎么做的之一步,准备一个图标 *** 软件。

首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以ico作为扩展名。普通的图像设计软件无法使用这种格式,所以您需要到下载一个ico图标工具,本站常用软件既有,推荐强大的Microangelo,可以方便的 *** ico图标

第二步,确定“收藏夹”图标的规格。

在收藏夹里出现的是1616;所使用的颜色更好成绩不要超过16色。(为了清晰),如果你不清楚可以在C盘查找ico格式的图标,应该能在IE缓存里找到那些网站的图标,你可以打开这些图标就可以知道该用什么格式的了,跟人家的一样就行。

第三步浮设计一个属于您自己的图标。

你可以将您的网站的LOGO做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之,它一定要是属于您自己的,并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为:。可以 *** 的醒目些,比如我做的是一个白底蓝字的\Adu\,自我感觉良好呵~~~~

最后,只需要将这个图标文件()上传到您的网站所在的服务器的根目录下。(也就是你的主页index所在的那个文件夹)您不需要对您的网页文件作任何的修改,IE5会自动的不停的搜索您的网站的根目录,只要它一发现了这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了。

如果您希望为不同的页面设置不同的“收藏夹”图标,那么您就需要在该网页文件的HEAD部分加入下面的内容:

问题二:怎么 *** APP应用图标现在有很多可以在线 *** 的平台,你可以去了解了解。

问题三:怎么 *** 图标用什么工具推荐你个小软件:IconLover是一个强大易用的图标工具。能够查找、提取、创建和编辑图标、指针以及管理图标库和图像列表。使用IconLover,你可以:管理图标、静态指针和动态指针以及图标库、指针和图像列表;创建并编辑适用于WindowsXP的平滑半透明图标、静态指针和动态指针;使用标准大小和自定义大小创建并编辑图标,并且色深可以达到32位真彩色;使用渐变和棋格填充来绘制图像;创建多图层图像;使用阴影、不透明度、平滑、底片、灰度、彩色化、旋转、卷动以及镜像等效果来修改图像;导入和导出ICO,BMP,JPEG,ANI,CUR,GIF,PNG,PCX,TGA,TIFF,WMF,WBMP,XPM,XBM以及AdobePhotoshopPSD图像格式;从ICNS和RSRC文件中导入Mac图标;从ZIP和RAR压缩档案中提取图标;压缩图标到ZIP文件中;从Internet上下载图标;使用平滑模式重新取样图像;管理图标库,从而获取更好及更多的图像存储效率;从Windows可执行文件、库文件和动画指针文件中提取图标;从DCR和RES文件中提取图标和指针;直接修改可执行文件内的图标;搜索文件夹中的图标;一次即可转换或应用效果到多个图标上;

问题四:写了个程序,怎样 *** 图标有关什么的程序呢可以定位好主题,然后网上找找灵感。

问题五:怎么能自己 *** 桌面图标了首先你下载的jpg分辨率要高,否则 *** 出的ico格式图标会很难看。在软件中打开jpg图标,调整分辨率到适合作图标的分辨率,如180180或256256最后要将调整后的另存为ico格式后才能被WINDOWS操作系统使用,也可以设置成png格式,不过必须在苹果系统下或是WINDOWS系统下用模拟苹果的停靠栏工具软件才能使用,效果当然要比icol图标强得多。

问题六:如何 *** APP图标现在很多朋友都在做手机APP应用,有的APP应用图标看起来很好看,很吸引人,下载的人也多;而有的APP应用图标非常模糊,不好看,下载的人也少,那么我们该如何 *** 一张精美的手机APP应用图标

*** /步骤

在 *** 手机APP应用图标之前,我们需要对APP应用图标的尺寸有个详细的了解。一般需要 *** 的尺寸大小为:3636,4848,7272,512512,这4种基本的尺寸需要做好

那么3636,4848,7272这3种尺寸是为了适应不同的手机屏幕大小而用的。512512这个尺寸是你的应用上传到手机APP应用市场的时候,用来提交的ICON,所以都是必须要先做好的

知道了哪些尺寸,我们就开始找我们需要的图标了,去网站找一张你喜欢的,感觉很好的,然后把它保存下来在你的电脑上

然后打开PHOTOSHOPCS6这个编辑软件。打开软件后,点击软件左上角的“文件”按钮,找到里面的“打开”,点击“打开”然后选择你电脑里面的打开

在软件里面打开后,我们在软件左边找到T这个标示,点击T,然后鼠标放在你的上进行文字的输入和编辑,当文字输入和编辑好了。鼠标再点击软件左边最顶上那个箭头按钮

然后我们找到软件最上面顶部的“图像”按钮,点击进去,找到“图像大小”这个标识,然后点击它,打开“图像大小”窗口

然后我们只需要改变下像素大小的宽度和高度,也就是前面说的不同的尺寸,填写进去就好。(注意下面:“约束比例”那个前面的勾一定要去掉)不然修改不了。修改后,点击右上角的“确定”按钮

这时候图标的打开我们弄好了,接下来就是把 *** 好的APP应用图标保存到我们的电脑上,同样打开软件左上角的“文件”按钮,点击后,找到“储存为”标示,然后点击,然后格式那里,选择PNG格式,记住一定要PNG格式。然后自己取个文件名保存到自己的电脑里面就好

这样一张手机APP应用图标的 *** 流程就全部完成了。你也可以轻松的 *** 你的手机APP应用图标了。

问题七:icon图标文件可以用什么软件 *** 出来图标 *** 软件很多,比如IconWorkshop或者IconCoolEditor等等,这些软件都有汉化绿色版本。

问题八:设计图标用什么软件illustrator与CORELDRW都是做标志的软件,但标志在公司也是要手绘的在用电脑做了,

我公司做标志就是手绘构思了,因为手绘构思快,电脑永远比不了手绘构思快了

虽然他方便,但构思比不了,构思是大脑,想到就画,电脑就要想步骤拉~~~

photoshop是处理照片比较好,标志也可以做但做完太大了而且是象素的,公司要标志都是要矢量的,illustrator与CORELDRW都是做矢量的但illustrator做出来的也是大他是有图层的,但现在他是主流了,公司一般都用他CORELDRW做出来的小,illustrator与CORELDRW可以互相打开的,illustrator与CORELDRW你随便用了~~~~

给你推荐个做标志的网站

toidea/

这里都是想我们这样的创意人在上边给公司做标志了你可以看看别人怎么做,还有上面那个公司看上你做的标志会给钱的哦~!~~~

一般把在网上给别人做图的人叫威客了

偶就是一名威客哈哈

以上回答你满意么

问题九:如何设计APP软件图标每一个iOS应用都会以一枚APP启动图标的形式展现给使用者,它能传达应用程序的基础信息,并能够给用户带来之一印象感受。它能直接引导用户下载并使用应用程序。UI设计人员有时设计出来的图标看起来很炫,但是投入市场后却得不到用户的认可,点击率很低,这其中的原因很多,单从视觉设计的层面讲,如何提升APP软件图标的视觉效果从而提升点击率已经成为每一个UI设计人员都应该考虑的问题。一、APP软件图标的视觉设计1视觉设计要符合平台开发的设计规范性DD不同的应用平台往往会产生截然不同设计结果。了解学习平台开发规范,磨刀不误砍柴工。例如苹果移动平台和Windows_Phone_7移动平台的视觉规范就有很大不同。2视觉设计要找到共性,抓住个性DD分析了解同类的APP软件及各自图标设计的定位,找到设计方向的共性及其自身软件的独特个性。在itunes里搜索软件关键字会发现有很多相似的图标。从搜索结果中不难发现,那些APP软件图标会吸引用户的关注。3视觉设计要力求设计表现的完整性DD明确任务,大胆设计;简化设计元素(主图形、辅助图形),突出设计主题;层次分明,不刻意追求质感。4视觉设计要遵循横向、纵向比较的统一性DD设计好图标后,放在同类别APP图标中,去审视自己设计的图标是否能够抓住用户的眼球;有时不同平台会产生不同的视觉效果,某些系列化的APP软件产品更需要通过比较来分析产品的统一性。比较之后可以有针对性的微调、预调,但不要随便更改设计意图及表现形式。5视觉设计要保持设计过程的连续性DD随着软件版本的升级,APP软件图标也应该在产品升级的大背景下有所体现。比较好的做法是有计划有组织的视觉递进式改进。二、APP软件图标的设计 *** 2重视APP图标视觉设计的层次感,质感表现恰到好处。3在APP图标的视觉设计过程中不要浪费一个知名品牌的现有的元素。4在设计过程中运用直接了当的文字内容表现隐喻的设计主题。5在设计过程中运用行业标准图形或主题图像概括主要内容。6在设计过程中更大限度的激发用户的好奇心。三、设计APP软件图标时容易出现的问题1陶醉于无意义的视觉质感,主题重点本末倒置。2APP软件启动图标主题元素与软件内容脱节,缺少关联。3在设计过程中胡乱使用文字表达主题。4设计方案里的图像元素在不同平台、不同尺寸下的视觉呈现存在明显差异,看不清所要表达的主题。5APP软件图标给用户的视觉感受“粉”“灰”“模糊”。

问题十:如何自己 *** win7桌面图标简,随便用任一款制图软件设计好,格式不限,然后用格式工厂将格式转换为ico。也就是说,有了格式工厂,你几乎可以将任一作为图标

图标（icon）设计的 *** 有哪些？

直接用这个在线的生成ico工具吧,方便快捷,常用的格式比如jpg/png/webp/bmp等等都可以直接生成ico图标,还可以在线裁剪缩放,选取你需要的尺寸等等,而且清晰度挺高的。

在线ICO图标 *** 生成,转换ICO图标Pro版

转换ICO图标Pro版步骤:

一、点击或者拖拽到上传框中,即可上传你要转换的,直接将新拖入上传框即可更换。目前已知支持jpg、png等多种常见的格式,如果上传并转换ico图标成功,则代表支持该格式。

二、此时预览框中会出现刚刚上传的,可以任意缩放拖拽裁剪框,选择你想要截取并转换ico图标的区域。在拖拽缩放裁剪框的过程中,左上方会有ico图标效果的实时预览。

三、选择需要生成的ico图标的尺寸,主要提供宽高为16、32、48、64、128、256、512的尺寸以供选择。通常的ico图标基本都是32、64或者128像素的。

四、选择转换生成的ico图标的文件格式,默认的格式是ico,并且有jpg和png格式可以选择。需要注意的是,ico图标一般都是背景镂空透明的图形,只有ico和png格式支持透明背景的。而jpg格式的本身是不支持的。

江老师接到改装任务，而且难道呈指数级上升，不仅要改后市场产品稀缺的中国品牌产品，而且还要一次过「打孖上」！

在20天的时间里，江老师为发小交出了什么样的功课呢？去片！

先说一下这次的改装平台—— 吉利ICON，它是一台很有意思的中国品牌SUV，首先是设计完成度极高，已经没有太多需要修改的地方。

而且吉利ICON的设计与吉利旗下其他所有车型的设计风格都完全不一样，意味着江老师少了很多能够参考的对象，只能够从ICON本身出发，让ICON变得更有ICON。

所以江老师独辟蹊径，从「功能性」下手，两台车都着重于提升功能表现，而非大家所认为的改装即是性能化改进。

*** 秀肌肉

男版ICON的改装思路其实很简单，配合时下流行的户外Glamping，让ICON这台城市SUV也能够适应户外的路况。

首先是全车改色，换上潮流的瓷器蓝，这个颜色在户外阳光下会特别显眼，将车身漆面的饱和度降低，让这个稍显灰度的车身颜色有着更好的高级感。

其次就是越野化的改装，江老师为男版ICON换装了可调车身高低的气动悬挂提升了通过性，同时换装全地形AT越野轮胎以适应非铺装路面的需求。

当然，少不了的就是两组辅助灯了，在漆黑的户外一样能达到白昼一般的光照条件，不仅能在无灯光的越野路况下提供照明，在露营中也能提供足够的灯光。

除此之外，加装的侧踏板既能为身材较为娇小的乘客上下车提供便利，而且还有一个江老师原本也想不到的功能，就是在越野路况下为车门和侧裙提供一定程度的保护！

车厢内的改装也必不可少，男版车厢的改装集中在细节修饰，例如方向盘、空调出风口、马鞍座等位置换上真碳纤维饰板来提升车内的运动氛围。

另外尾箱也有大幅度变化，得益于吉利ICON拥有巨量的尾箱空间，让江老师能轻松放下一个户外咖啡工作台，配合加装的220v逆变器，让男版ICON摇身一变成为户外咖啡厅！

美女秀萌

女版ICON的思路相对男版反而更加复杂，尽管外观仅是使用了时下流行的樱花粉改色，而且轮圈也使用车身同色的改装，让女版ICON的视觉一体化程度更高。

女版ICON的车厢改装的项目是最多而且最为复杂的，一切就是为女士的用车需求服务。首先是车厢的点缀，在空调出风口等位置使用樱花粉闪钻装饰。

还有最能体现档次感的星空顶内饰自然是必不可少，在夜晚让ICON车厢变成幻彩星空，配合全景天窗岂不妙哉？

关于功能性的增强，首先是对遮阳板化妆镜的改进，增加镜面面积以及提升灯光亮度。很多女士都提过大部分原车的遮阳板化妆镜尺寸不够大，灯光也不好，为了能在车上保持美美的状态，改进的化妆镜必不可少。

其次就是在主驾座椅底下增加一个高跟鞋鞋盒，这样既能满足女士停车后能马上换上高跟鞋，也能让开车时穿着平底鞋保证驾驶安全。

现在很多女士都会饲养宠物，但因为小型宠物较为灵活在行驶时不好管理，怎么办？江老师可是非常贴心地把尾箱变为宠物天地，不仅有专门的投食器和水盘保证饮食需求，还有软绵绵的软垫和玩具，供宠物休息玩乐。

但这岂不是毫无交流？不用怕！女版ICON在行李厢专门安装了宠物视像通话系统，能通过流媒体后视镜来实现实时音画传输，在行车过程中时刻关注爱宠的状态，以及随时能够语音安抚宠物。

说到最后

ICON的改装是江老师现时遇到难度更大的改装方案，因为中国品牌的产品并没有太多的后市场零件来选择，包括踏板、气动悬挂等都是定制开发。

同时女版的实用化改装更考验的是江老师对使用者的理解，究竟一台车是怎样的才是令人满意的？

相信很多消费者买车之后都会有一个烦恼，就是原装车其实无法100%满足自己的需求，而江老师这次改装ICON，就是要告诉各位，改装是有无限种可能。

本文来源于汽车之家车家号作者，不代表汽车之家的观点立场。

图标，是一种图形化的标识，它有广义和狭义两种概念，广义指的是所有现实中有明确指向含义的图形符号，狭义主要指在计算机设备界面中的图形符号。对于UI而言，主要针对的就是狭义的概念，它是UI界面视觉组成的关键元素之一。我们通过图标看到的不仅仅是图标本身，而是它所代表的内在含义。

色彩 color 、文字 Font 、图标 icon 、图形 shape 、 image 、空间 space ，是我们做平面设计中非常重要的 6 个元素，而对于 UI 设计而言，图标可以说是整个产品的点睛之笔，它甚至可以直接影响着一款产品的形象和气质。

显然，图标不是由界面设计师发明的。作为一种交流的对象，它们有着悠久而多样的历史，根植于古代。它们出现在地图、标志、方案、手册和许多其他信息来源中。然而，随着新技术和图形化用户界面的出现，图标经历了新的转折进步。

从历史上看，施乐公司在20世纪70年代初的时候，在功劳中提到了之一个图形化用户界面的图标：图标是在一台名为Xerox Alto的机器上实现的，这台机器非常昂贵，并没有真正普及到广大的用户。然而，这只是一个漫长的故事的开始：1981年，Xerox Star（施乐之星）发布了，它被称为之一台将图标作为界面的一部分的消费类计算机。特别是，它应用了至今为止的文件夹和垃圾箱的图标。下面是图标从80年代

表意图标（又称解释性图标）

表意符号是指原本不存在实物的符号，是在发展过程中创造的一种符号，用于表达某些特定的含义或操作行为。而且在发展过程中，这些符号逐渐继承了一些象形符号的特性，将符号本身作为「实物」并且不断演化。例如「箭头」从最初的「弓箭」已经逐步衍生为一种特定的表意符号。

交互图标

具有双向信息传递能力，不仅可以向用户传递某种信息，引导帮助用户执行特定操作，同时也允许用户向程序传递控制信息，从功能重要程度来讲，它的重要性是更高的。比如：登陆注册按钮，开关按钮，数量按钮，点赞，转发分享等都属于交互性图标。

装饰和娱乐用图标

通常是用来提升整个界面的美感，加深个性化设计风格，并不具备明显的功能性。这类图标迎合了目标受众的偏好与期望，具备有特定的风格的外观，提升用户线上体验感，迎合受众群的偏好，提升设计亲和度。装饰性图标通常呈现出季节性和周期性的特征。例如线上活动、用户等级、空页面等

应用图标

不同数字产品在各个操作系统平台上的入口和品牌展示用的标识，它是这个数字产品的身份象征。在绝大多数的情况下，它会将这个品牌的LOGO和品牌用色融入到图标设计当中来。也有的图标会采用吉祥物和企业视觉识别色的组合。真正优秀的应用图标设计，其实是结合市场调研和品牌设计的组合，它的目标在于创造一个不会让用户能够在屏幕上快速找到的醒目设计。

象形图标

ios相当长一段时间流行 “Skeumorphic设计理念”，属于超写实设计。并且认为只要有可能，在应用上增加现实的、物理的纬度，与现实越相像，操作越相同，就越容易使用户理解运作模式，接受度就越高。例如日本鼎鼎有名的富士山图标，由此说明好的设计不仅美观度高，功能性同样十分重要，特别是与旅游相关的设计，需要让人跨越语言的障碍。

隐喻图标

icon 中的隐喻元素很重要，它可以让我们一看到这个 icon 就知道是什么意思。比如，一个房子代表首页，一个叉叉代表出错或关闭。当我缩小一个 icon 时，我都会保留隐喻元素，来保证 icon 仍然可以准确传达信息。

工具图标

主要以行业类别为分类，使用范围广泛，大众或行内人士识别度高，且被长期使用。比如：建筑行业，医疗行业，化工行业等等。

混合图标

也就是前三种的结合，目的在于达到不同的视觉效果和应用结构。前段时间追波很流行的MBE粗描边风格icon就是综合图标的产物，多表达设计师个人设计风格或适用某类设计感较强的软件。

字符图标

字符图标“Glyph”一词是源自于排版领域，现在已经随着数字设计而逐步在数字设计领域扎根了，它源自于希腊语，含义为“雕刻”。在排版领域当中，符号图标通常是包含特定的含义、特定功能、可表意也可书写的类文字系统，它可以是字母，也可以是图形，有的时候甚至是两者的组合。

在这类图标设计中，比较典型的当属天气类图标了。从单个图标到组合图标，都能充分体现出来。

扁平图标

扁平图标包含线性、面型、线+面，面+面，变现方式多样，拓展性强，更个性化，年轻化一些，相同，同样设计风格的icon，在更换颜色后就能体现和传达不一样的信息。

拟物化图标

拟物化图标是扁平化图标的对立面，正如同当初拟物化图标设计师常说的，它就是“抄现实”，尽量将现实世界中的形状、纹理、光影都融入到整个图标的设计，拟真是它的特点。拟物化图标这一设计趋势几乎是跟随着Macintosh的诞生和进化一步一步走过来，走到极致，然后从UI设计领域开始，被扁平化设计所替代。不过，拟物化图标现在依然广泛地运用在不同领域，尤其是游戏设计和游戏类产品的图标设计当中。25D图标和桌面应用图标。

Windows,iOS, etc, 中文版和英文版甚至各种语言版本，在不打开菜单之前，基本上都长一样。很多图标已经能够被大多数用户快速识别，甚至成为国际通用的图标。例如Windows UI

一个图标能够表述清楚含义的时候，只需占用一个字符的位置就可以传递给用户操作信息。例如扫一扫、邮件发送成功，用文案表示需要3-4个字，英文或其它语言可能更长，而用图标代替只需要一个字符位置

支付宝右上角 + 表示更多功能，此时一个字符位置解释清楚其含义；微信下一个类似声波图标表示语音，直观易理解

进入碎片化时代和进入读图时代，几乎是相同的节奏。内容能在短时间内产生更大的影响力，研究表明，大脑处理内容的速度比文字内容快60000倍，人类大脑对图形图像的记忆也远胜于对文字的记忆。所以，在推广品牌时，内容可以说是一图胜千言。使用图标通过视觉引导帮助用户快速识别信息。

Tik Tok和ins没有任何文字说明情况下，我们就知道第5个标签就是个人中心

科学证明，在大脑中相对于其他感觉来说与视觉信息处理相关的脑区占统治地位，人脑对于图像的记忆远远高于文字。图标多采用几何图形，并以对称、一致的设计目标来进行设计，由于其高度浓缩的特性，图标具有更加简洁的特性，更加便于记忆。

图标更底层逻辑：线性图标、面型图标、线+面型图标、面+面型图标、25D图标、拟物图标。网上五花八门的图标是在这些基础上进行视觉区分，而当我们设计图标时候需要思考

1、产品视觉风格定位（行业领域）

2、图标具体应用的界面

3、产品面相的用户人群是怎样的？

先看一组不用风格的图标，由上面不同APP图标可以看出不同行业、不同场景、不同用户，图标的设计和表达方式是不一样的，所以设计前需要思考，你需要表达的设计思路和产品的定位。

1、拆解关键词及关键词联想

将需求信息中的关键词进行拆解及发散，转化为生活中常见的事物，释放它所代表的内在含义。关键词的同义词、近义词、形状相关或相关联想的物体

例如说到荣誉，马上就能想到奖杯、奖状、金牌、皇冠等。然后通过这些词联想，去找一些气质相符的 *** 情绪版，通过情绪版可以感受到产品的调性，然后从中提取一些形状和色彩做为产品图标的主要造型

2、根据关键词联想输出图形

根据上一步拆解的词语或物体，通过简单基本形状转为生活中常见图形。常用的2中 *** 是用AI钢笔工具（sketch贝塞尔工具）或者布尔运算进行绘制

3、根据场景输出

这里的场景可能是实际应用的场景，比如大众点评tab标签栏、功能区（品类区）、运营类图标等这些图标需要引导用户去点击，所以在视觉上更加丰富一些；而个人中心、分类区、详情页更多侧重功能上的引导，相对来说较简洁，属于二级使用场景，线型图标居多。

我们常见各个图标文章分析应该注意十几点，而这些没有规律和逻辑难以记忆，一时记住了也容易忘记。这些总结其实是从Material Design或者iOS规范中得来的。认真研究这些细节，图标 *** 就不难了

图标端点分为直角和圆角，我们在设计过程中要统一图标端点，保持一致的设计语言

拐角

相对于其他图形，人类的眼睛更容易识别圆角矩形而不是直角矩形，因为人在眼睛的生理构造 *** 凹(fovea centralis），是视网膜中视觉最敏锐的区域)在处理圆形时最快，而处理矩形边缘则需要涉及大脑中更多的“神经影像工具”。所以，人眼处理圆角更容易，因为它们看起来比普通矩形更接近于圆。

圆角自身的圆形属性会给人圆润、可爱，更加安全、亲密的感觉。因此社交、娱乐、直播、美食等图标多会使用圆角图标

直角则会给人一种尖锐、具有攻击性的感觉，图标整体细节更多，通常出现在金融等商务属性比较强的产品。比如：36氪、金融类产品等。

倾斜角度统一

内部空间比例的不一致易导致图标视觉重点不统一。如下图左第二个图标重偏下，第四个图标重心偏上，右边是早期PP助手的标签栏图标，图标内部挖空面积占比率相同，整体视觉和谐统一。

在绘制描边图标时，要时刻注意图标的描边粗细是否统一。在 @1x 一倍图设计模式下，以 24px 为网格基准的话，常使用的图标粗细有： 1px 、 15px、2px、3px ，15的粗细对显示屏要求比较高（半个单位的路径会导致图标在最终显示时边缘模糊，不清晰）

细描边给人视觉感更加精致，粗描边相对更加粗犷，由于目前流行趋势的发展，常常也有粗描边和细描边结合的设计风格

除了保持相同的视觉权重，图标的描线宽度也应该保持一致，达到像素级统一。元素之间的最小间距，应该大于或等于描边的宽度。

苹果、谷歌、IBM，国内的阿里Ant Design都出过相关的图标网格规范，这里以谷歌的Material System 图标网格来进行说明。在2424px图标尺寸，上下左右安全边距是2px，关键形状的四个基本形状为圆形2020px、正方形1818px、纵向矩形和横向矩形2016px。通过关键形状的规则统一图标大小及位置，达到视觉的平衡

对齐像素点

清晰度（像素完美对齐）为了避免使图标失真，可以通过将X轴和Y轴坐标设置为整数来将图标定位在像素上。在使用软件AI或者sketch的时候绘制基础图形不要出现小数点和奇数，多用偶数

我们了解了 icon 的基本知识，怎样评判我们的 icon 是否合适，是否贴合整个产品呢？我们需要了解什么才是一个好的 icon 。检验标准也是基于我们绘制的标准，分别是：识别性，规范性、整体风格与品牌感。

判断事物的价值在于它的用途是什么，图标的用途是帮助用户理解信息，所以表意准确（清晰准确的传达信息）就是图标最重要、更底层的价值，如果你设计的图标用户看不懂，即使视觉再美观也没有任何价值可言。

含义识别：是视觉语言是否替换文字语言，简言之就是让你的图标可以被用户理解，不会让用户产生歧义。常见的就标签栏指南针表示发现，房子表示首页等

视觉识别：是图标的大小，颜色，线条的粗细，这些影响影响视觉识别的因素，在具体样式中提高视觉识别性。

我们要保证图标在视觉大小的一致性，图标饱满度（正负形）、遵循同一种规律，细节统一性。这里的4点在前面绘制过程中已经写的非常详细了。

整体风格是要注意图标传达的性格与 app 的基调是否一致，每个产品因为定位，针对人群不同，整个 app 的基调也不一样，例如腾讯动漫，它的性格就是偏卡通可爱的类型，那么的图标设计上也要体现这个性格特点，尽量使用卡通圆润的 *** 去设计。一个广告语：复杂世界里，一个就够了，整个APP从启动图标到整体调性都是简洁干净，克制的色彩运用传达产品调性。

品牌感就是我们上面谈到的要与品牌理念相符，传达给用户的感受一致，通过吸取品牌色，提取品牌元素，采用品牌吉祥物和品牌图形的 *** 来提取品牌基因。我们要试着从品牌设计的角度去理解，寻找自己产品独特的品牌气质，挑选合适的技法。然后把这些元素具象化，融入在界面设计中。下面几款产品从产品名到启动图标设计高度融合。

图标可用性测试是基本规则是根据图标验证推导的

识别度：

1、用户是否能够理解图标的含义？

2、是否是用户熟悉的图标？

3、是否与其他图标含义冲突？

4、是否能通过5秒原则？

5、图标的可扩展性怎么样？

6、是否需要增加文字标签？

设计是否统一

1、视觉语言是否统一？

2、图标的设计复杂程度是否统一？

3、整体设计是否协调、统一、视觉体系高度集中？

4、图标整体配色是否统一？

品牌信息：

图标是否独特性、能否传递品牌信息？

一般情况下有 JPG、PNG、GIF、SVG 四种交付格式。其中JPG、PNG、GIF为位图，受本身的分辨率大小限制，无法灵活的修改尺寸。而SVG为矢量格式，支撑无损缩放。

在没有SVG前因为要考虑到适配高清设备，需要切各种倍数的图标进行适配。不过现在的开发软件及插件都自带切多倍图的功能，比如蓝湖。

JPG：兼容性强，自带背景，不支持缩放。

PNG：支撑透明格式，不支持缩放，需要注意图标四周透明区域大小。

GIF：简单的动态图标使用，透明背景时边缘会有锯齿，没有办法支持丰富的颜色。

SVG：无损缩放矢量图形、体积小，单色模式下支持开发自行修改颜色，可修改样式参数。

另外一种交付方式是将SVG格式的图标上传至类似iconfont的网站后，完成图标的交付。需要注意的是：

1、SVG不支持渐变颜色填充

2、SVG不支持描边，需要将描边转化为闭合图像

3、图标的大小相同时，需要在图标下方增加一个相同尺寸的透明方形，同图标一起导出上传

而iconfont对于图标 *** 要求严格，上传时需要注意查看自己的图标是否符合要求。链接

资料来源

UI设计师想做好图标设计？请问图标历史了解过吗？

图像学的简要历史

《Icon Design Guide》

《Icon Utopia》

《the Ultimate Guide to an Interface Icon Set》

《svg图标库以及与icon font对比》

Icon图标的设计要点有哪些。1、icon软件功能介绍：1) ，它就是基于矢量软件，基于矢量对象的精确贴合，使用 *** 比ps简单，易于操作，并且图标可以自由变换，并且矢量图形可以任意调控，适合大小、角度、曲线、形状等的变换，适合多种类型的对象的绘制和调用。2) 是一款创意的平面设计软件，它不仅可以创作美丽的版面图形，而且可将图象处理成矢量图形，具有较强的可视化性、表现力。3) 软件使用 *** ：1) 选择您想要使用的图像分辨率，并将图像高分辨率的两个数值放在文件的任一位置，并且在所有其他部分上保存该文件。2) 选择您需要的更低尺寸的图案。3) 选择使用的颜色。4) 选择您想要的字体大小的创建。5) 确定使用的字体类型和大小。6) 文件格式保存(存储。7) 文9px。

轮船交通工具简笔画

交通工具帆船简笔画图解

儿童简笔画轮船的教程

海面航行的轮船简笔画画法步骤怎么画简笔画教程

交通工具分步简笔画小元素手绘小元素绘画教程轮船收录时间2021

轮船交通工具简笔画步骤大全五

矢量船船舶海上邮轮简笔画图标轮船卡通简约半年前发布

67轮船简笔画怎么画67轮船简笔画

儿童轮船简笔画-简单的轮船简笔画教程

轮船的简笔画

轮船简笔画儿童轮船简笔画彩色

交通工具简笔画大全

暑期学习简笔画7款交通工具简笔画怎么画简笔画教程

海上轮船简笔画步骤

高清大图插画绘画素材-171kb轮船简笔画大全大图海上行驶的轮船

彩色的海盗船简笔画步骤图解教程

小轮船简笔画教案

儿童轮船简笔画-简单的轮船简笔画教程

轮船简笔画蓝色

空间 *** 素材

[URL=

]PNG格式精灵(也可做画笔哦)[/URL]

[URL=

]漂亮溶图素材[/URL]

[URL=

]偶也发一些素材[/URL]

[URL=

]原创素材框框[/URL]

[URL=

]心的牵挂(2)[/URL]

[URL=

]精选高清大图插画系列(65P)--->网速慢的就不要进咯~<[/URL]

[URL=

]细剪琼瑶(雪景)[/URL]

[URL=

]我也来传几张相框素材![/URL]

[URL=

]格子图案[/URL]

[URL=

]张大千作品集[/URL]

[URL=

]原创icontextures两套[/URL]

[URL=

]几款可爱的卡通插画[/URL]

[URL=

]几款新娘图(婚纱很漂亮)[/URL]

[URL=

]超级多漂亮溶图素材—n多风格~一网打尽[/URL]

[URL=

]漂亮的长条签名[/URL]

[URL=

]韩版素材[/URL]

[URL=

]漂亮韩国签名图[/URL]

[URL=

]原创背景素材[/URL]

[URL=

]颓废风溶图背景[/URL]

[URL=

]原创线条[/URL]

[URL=

]香浓咖啡[/URL]

[URL=

]国画特辑之七<50P>[/URL]

[URL=

]不可错过的公告牌[/URL]

[URL=

]动态场景图图[/URL]

[URL=

]融图素材[/URL]

[URL=

]一组金属质背景素材[/URL]

[URL=

]另类+其他~蛮不错滴咯>3 *** <[/URL]

[URL=

]工笔画[/URL]

[URL=

]绝对的古典意境喜欢古典的来啊![/URL]

[URL=

]江山如此多骄---中国版画[/URL]

[URL=

]剪纸图[/URL]

[URL=

]我收藏的背景素材[/URL]

[URL=

]快来看看啊偶发的[/URL]

[URL=

]德国艺术深度[/URL]

[URL=

]极美的四屏风图,古色古香[/URL]

[URL=

]好素材连连发[/URL]

[URL=

]《我会让你幸福的》精美(22P)[/URL]

[URL=

]ENO插画集(全+不断更新)[/URL]

[URL=

]年年插画集(全)------喜欢的进来[/URL]

[URL=

]原创签名模板[/URL]

[URL=

]『原创』韩式签名图[/URL]

[URL=

]橙黄视黄[/URL]

[URL=

]轻墨淡彩[/URL]

[URL=

]网页PNG素材图标-Hein's苹果<42P>[/URL]

[URL=

]韩国可爱女孩[/URL]

[URL=

]韩国插画壁纸[/URL]

[URL=

]德国艺术<续>深度继续放送![/URL]

[URL=

]手绘创意系列欣赏175张,不断更新中。。。。。。[/URL]

[URL=

]梦幻黑色背景素材[精品超多300个背景][/URL&fromuid=183186]

[URL=

]≯各种各样的背景图案打包下载三[精品超多]≮[/URL]

[URL=

]≯各种各样的背景图案打包下载二[精品超多]≮[/URL]

[URL=

]各种各样的背景图案打包下载[精品超多][/URL]

[URL=

]梦幻淡雅方花背景素材[/URL]

[URL=

]郭竞雄彩插世界[/URL]

[URL=

]喜欢的渡濑[/URL]

[URL=

]妲己面首的作品全集[/URL]

[URL=

]千百年流过的皆是别人的故事[/URL]

[URL=

]少见的材质背景[/URL]

[URL=

]春节素材[/URL]

[URL=

][至11楼]PNG素材精选特辑>105P<还是那句不看就后悔哦[/URL&fromuid=183186]

[URL=

]发几张蝴蝶的图给大家[/URL]

[URL=

]发几张改过的横幅[/URL]

[URL=

]PNG格式的背景[/URL]

[URL=

]几个瞒颓废的素描,[/URL]

[URL=

]来几个星星素材[/URL]

[URL=

]几个小纹理![/URL]

[URL=

]日历模板[/URL]

[URL=

]再来一套猪猪的日历(不断上传中,慢慢来)[/URL]

[URL=

]来一组鲜花背景[/URL]

[URL=

]像素闪框[/URL]

[URL=

]继续发精美翅膀[/URL]

[URL=

]精美个性签名超多[/URL]

[URL=

]重新发的十八罗汉[/URL]

[URL=

]★粉红闪耀34P大幅唯美像素背景—交出了心爱之物T__T★[/URL]

[URL=

]漂亮背景图[/URL]

[URL=

]★一些闪字素材★※新增漂亮闪图※[/URL]

[URL=

]偶自己放大的闪底~~~[/URL]

[URL=

]几个棒的相框[/URL]

[URL=

]清爽的韩国卡通插画[/URL]

[URL=

]水波金光素材[/URL]

[URL=

]一些猫女郎图,喜欢猫的女孩子可以进来看看[/URL]

[URL=

][震撼]超级设计素材精品,你一辈子看不完的网站[/URL&fromuid=183186]

[URL=

]剪纸~~~~~~~~~[/URL&fromuid=183186]

[URL=

]绚丽的融图背景[精美][/URL]

[URL=

]简单的格子相框[/URL]

[URL=

]超新象素相框,漂亮啊!!!^_^[/URL]

[URL=

]——新背景———-瓶盖(新收)——[/URL]

[URL=

]瓶盖——扇子素材可以作签名(申请加精哦)·#￥-#￥%————[/URL]

[URL=

]艺术背景(继续)[/URL]

[URL=

]很漂亮的可以用做论坛头像[/URL]

[URL=

]某银自制lighttextures[10p][/URL&fromuid=183186]

[URL=

][转载]新找各种蒙版边框笔刷三[/URL]

[URL=

]七彩画面!!!!更新了哦~!加油。。。[/URL]

[URL=

]收集到的一些贴图。。来看看呐[/URL]

[URL=

]12星座边框[/URL]

[URL=

]美景合成图[/URL]

[URL=

]动态圣诞信纸(很PP的)[/URL]

[URL=

]+iconsize头像欧风哦+[/URL]

[URL=

]小电里一直存的蒙版们。[/URL]

[URL=

]爱心系列图集。(可做签名哦)[/URL]

[URL=

]宫廷像素娃娃[/URL]

[URL=

]可爱的小小图[/URL]

[URL=

]适合做签名的[/URL]

[URL=

]收集整理的粉色素材[/URL]

[URL=

]色彩很漂亮的背景[/URL]

[URL=

]美丽少女插画卡片[/URL]

[URL=

]精美背景素材( *** )[/URL]

[URL=

]w’可〔ai)背景图’w[/URL]

[URL=

]许多还未做的`适合个性签名`怎么做就看你了[/URL]

[URL=

]很有设计味道的缤纷,快来看哟~~~[/URL]

[URL=

]非常漂亮的[/URL]

[URL=

]芭比娃娃哦(都是可能当头像的哦)[/URL]

[URL=

]淡淡的花背景,素雅版[/URL]

[URL=

]看看有没有你喜欢的[/URL]

[URL=

]非常漂亮的素材啊不看会后悔的啊!!!!!![/URL]

[URL=

]100种眼睛~~~~~素描[/URL]

[URL=

]可爱的SD娃娃送给你哦~~[/URL]

[URL=

]☆№吊附№☆[/URL]

[URL=

]☆№超好看哒闪闪吊附№☆(要哒快来拿哦)[/URL]

[URL=

]商业背景[/URL]

[URL=

]精美相框素材[/URL]

[URL=

]一些平时搜集的背景希望大家能用上[/URL]

[URL=

]精美相框[/URL]

[URL=

]100个美女送给你[/URL]

[URL=

]有好多可爱的挂件哦~~~[/URL]

[URL=

]梦幻小背景,晶莹系的哦~~~~~~~~~~[/URL]

[URL=

]藕收集的一些烟花&抽象背景(不断添加)[/URL]

[URL=

]浪漫婚纱背景[/URL]

[URL=

]温柔的妹妹[/URL]

[URL=

]可以用来做网页的小框框[/URL]

[URL=

]卡通MM[/URL]

[URL=

][原创]一套卡片模板[/URL&fromuid=183186]

[URL=

]七彩背景(续)继续给你视觉的冲击。。。[/URL]

[URL=

]个人收藏的PS动作!超好~~[/URL]

[URL=

]一些偶喜欢的可做签名(更新)[/URL]

[URL=

]很漂亮的摸版边框[/URL]

[URL=

]新找的icontextures115p[/URL]

[URL=

]精美蒙板下载[/URL]

[URL=

]我收集的一些好看logo摸版[/URL]

[URL=

]可爱的和边框,漂亮哦[/URL]

[URL=

]国画之--------鲤鱼[/URL]

[URL=

]新年贺卡[/URL]

[URL=

]火焰!火焰!火焰的背景!你要不[/URL]

[URL=

]自己收藏的东西,和大家分享一下哦[/URL]

[URL=

]漂亮的框框哦快来拿吧[/URL]

[URL=

]立体软件图标[非常精美][/URL&fromuid=183186]

[URL=

]一些很有立体感的!~[/URL&fromuid=183186]

[URL=

]立体亮光指示图标[/URL]

[URL=

]可爱的小图,可做头像[/URL]

[URL=

]心型壁纸(超经典哦)[/URL]

[URL=

]梁毅(yoki)时尚插画[/URL]

[URL=

]花开富贵[300dpi可印刷使用]^_^[/URL&fromuid=183186]

[URL=

]一些证书纹饰[/URL]

[URL=

]中国传统富贵花纹[/URL]

[URL=

]猪猪独家收藏多多漂亮模版(可用作 *** 空间、个人博客等)12-01四楼更新10张动态[/URL]

[URL=

][应求]海报背景图素材[/URL]

[URL=

]PhotoZoomProV126专业放大软件(放大不失真)rar[/URL]

[URL=

]又一组浪漫背景(加精否)[/URL]

[URL=

]▲△N多自定义填充图案△▲[/URL]

[URL=

]ddung娃娃和一些可爱的[/URL]

[URL=

]发几个苹果主题背景[/URL]

[URL=

]发些闪图[/URL]

[URL=

]又一韩国象素娃娃头像。[/URL]

[URL=

]韩国的可爱小头像。完全可爱。[/URL]

[URL=

]天空到底能有多美。(天空系列图)[/URL]

[URL=

]怀旧的纸张们。FEEL。[/URL]

[URL=

]比较可爱清新的韩国插图一款。[/URL]

[URL=

]洁宝贝的所有可爱小图图[/URL]

[URL=

]影楼照片调色动作[/URL]

[URL=

]30个韩国立体logoPSD[/URL]

[URL=

]精美容图背景[/URL]

[URL=

]超炫闪底!快来抢哦～～[/URL]

[URL=

]个人比较喜欢的适合做签名的图图[/URL]

[URL=

]粉可爱的挂件素材哦～～[/URL]

[URL=

]精美背景,可做壁纸~~~[/URL]

[URL=

]N多漂亮背景(要求加精的哦)[/URL]

[URL=

]我找到的一些好看黑色的背景[/URL]

[URL=

]背景图几张可是够大哟[/URL]

[URL=

]26个snoopy保证你喜欢得不得了[/URL]

[URL=

]国外论坛个性图标欣赏100个[/URL]

[URL=

]百福图[/URL]

[URL=

]圣诞节风格素材包,希望大家喜欢![/URL]

[URL=

]森林小精灵卡通壁纸[/URL]

[URL=

]很漂亮的素材啊适合做婚纱背景[/URL]

[URL=

]超多黑夜背景装饰素材,粉漂亮的[/URL]

[URL=

]漂亮的溶图背景[/URL]

[URL=

]驱动器png图标/精美系统透明png图标[/URL]

[URL=

]世界各国国旗GIF素材,走过路过,8要错过哦[/URL]

[URL=

]收藏的CG背景,喜欢的进来看看[/URL]

[URL=

]实物素材-1213又有更新![/URL]

[URL=

]灯笼素材[/URL]

[URL=

]漂亮的背景[/URL]

[URL=

]11张超大红玫瑰超漂亮[/URL]

[URL=

]很有特色的溶图,大家不要错过哦[/URL]

如何从零开始学习图标设计

想要学习图标的 *** ,需要学习图标设计的 *** 以及工具,那小小的图标其实中间应该包含了很多设计知识。一组的图标需要满足产品特点和风格,而且需要有辨识性,整体需要保持统一有需要有稍许区别,让人能够看到图标就能够了解点击图标后的功能。

来源:阿多比设计学院学生作品

一、设计图标的工具

可以设计图标的工具很多,我们选择PS和AI,去学习一下这两款设计工具如何使用。

1、

PhotoShop

如果是初次接触PS,那我们需要了解PS的基础用法,所以下面我们会从PS界面,基本设置,新建文件,视图操作、保存,导出,移动工具去带大家一步步了解PS。让大家能够熟悉PS工具在平面设计中的常用功能及具体用法,能够使用PS进行基本的处理。

打开PS工具,简单了解界面的组成部分以及工具的作用。然后再去了解PS常用功能及具体用法,比如图层关系及应用、填色、魔棒抠图、选区和复制、锁套和羽化、去污点工具、修补工具、液化效果_⑹嫡健⑽淖(字符和段落)、形状裁剪、变形。

当了解PS基础功能后,需要进一步了解图层关系、抠图、钢笔工具,橡皮工具,吸管工具,画笔工具等常用工具、蒙版、滤镜,从而熟悉图层样式,具备版式排版应用、海报合成设计的能力。色阶、对比度、曲、色相饱和度、色相平衡、调色融合案例、剪切蒙版、混合模式、图层样式1、图层样式2、滤镜效果。

2、

工具的使用更好的 *** 不是给出大段的文字描述,介绍每个功能,而是找具体的实例去操作,从实例的操作去学习该软件的功能。我们通过以下几个实例去简单讲讲AI的使用 *** ,了解AI的基本操作、AI复制、旋转、转换矢量图、AI的分割、剪切蒙版、平滑、扩展、AI路径文字、效果、形状生成器、AI渐变、立体字、AI二方连续、四方连续等。从而达到熟练结合应用PS和AI工具对素材进行处理,根据要求完成3D效果、混合效果等各种特殊效果的设计。

二、

*** 图标的视频教程

掌握了设计工具,那我们来简单分享几个不同风格的图标,去看看这些风格的图标应该如何 *** 呢

1、剪影图标

剪影图标大多数是单色表现,当然也有双色图标。剪影图标简洁大方、高度提炼出图标的意义,能够通过最简单的线条的表现出该图标代表的作用。看似简单的剪影图标,其实考验了设计者对于产品需求的高度提炼,突出理性与感性在功能传达上的逻辑思维。

2、扁平图标

扁平化设计风格在APP的设计中常常都能看到,那图标也不例外。所以学习扁平化的设计风格有很高的通用性,在平时设计工作中也会经常遇到。那扁平化风格其实是从iphone开始流行起来,其特点就是所有元素的边界都干净利落,没有特效、没有过多的装饰效果,组成元素简单,能够直观的传达信息。

3、临摹图标

都说学习图标设计更好的方式是先临摹,那我们选择毛线图标、毛球图标和播放器图标去看看,这类的图标是如何设计出来的呢。

毛线图标和毛球图标是两种图标的表现形式,毛线型的图标绘会将毛线针织的一针一线体现在设计中,有中温暖和温馨的感觉。如果毛线的质感运用得恰当,会让设计出彩,那毛球图标也是一样。虽然这类的图标实用性较小,但是了解一下增加一下自己的设计知识储备。

4、拟物图标

虽然现在大多数应用都是扁平化发展,但是流行是个圈,拟物化风格又在悄悄开始流行起来了。想必UI设计师们都能感受到“新拟物风格”这股风现在刮的多么凶猛了。那我们通过拟物话筒图标、拟物篮球图标、拟物伞、水滴图标、拟物甜甜圈图标的学习去紧跟这个流行趋势吧。