这7个思路，能帮你在设计项目中用好小图标
优秀网页设计联盟-SDC-网页设计师交流平台-听讲座，聊设计，找素材，尽在优设网
& / & & / & 正文
Hi,我是优设小编
这7个思路，能帮你在设计项目中用好小图标
图标是设计项目中几乎必不可少的一个组成部分，但是在图标的具体使用上，讲究并不少。 如果你曾仔细浏览优设的网站，应该已经看过不少的实战案例。
就比如最近的AI教程系列当中，多数都是教你如何设计图标和小插画的：
1、强化视觉
并不是所有的图片都能给用户带来惊艳的感觉，很多时候，图片也不足以撑起整个设计的视觉和形式感。
这个时候，图标的重要性就凸显出来了。许多有趣的图标和图片结合起来使用，能够强化图片的内容，提供额外的信息，给予用户以交互的提示，从视觉、交互、体验三个层面对设计进行提升。
以上面的为例，整体的设计就颇为有趣，亲切，且充满活力。网页中的人物角色旁边的灯泡图标中，就加入了牙齿的元素，非常点题。网页左右侧的色彩对比也平衡了整体视觉，左侧偏白的部分和白色的图标相互呼应。网页其他的地方也合理地运用小图标来强化视觉。
2、引导交互
尽管有许多网页和APP模板中都会采用三栏式的图片+文字的布局，但实际上图标并不需要在特定的地方出现。
图标本身是驱动整个界面交互性的一个关键元素，它可以出现在各个不同的地方，也可以结合视差滚动的设计手法，让图片随着滚动而不断运动，横跨多屏，引导用户与屏幕不停地互动。
这个网站就使用各种图片展现了葡萄酒从生产到运输的流程，借助图标来驱动整个视觉，引导用户不停的滚动浏览。随着用户的滚动，图标和各种元素之间不断地进行互动。
3、使用动效
虽然我们看到的绝大多数的图标都是静态的，但是从来没有人规定死它们必须是静止的。那么，就让图标动起来吧！
不过，动态图标的设计也应该是有规则、有目的的。优秀的动态图标的运动方式和内容应该是有关联的，同时它的运动速度应该是适中的，因为过快的变化可能会让用户猝不及防，但是太慢了又会让用户等待太久。控制好节奏，动效会非常的令人着迷。
这个网站同样采用了灯泡这样的图标元素，但是和之前的案例不同的地方在于，设计师在其中暗藏了许多可用鼠标光标触发的动效。围绕着灯泡的三圈线条会缓慢的浮动，当光标靠近的时候会靠近光标，如同活物一样。而当光标移动到灯泡上的时候，其中的火焰会快速地闪动，速度非常快，和周围的动效形成速度差。
4、创建图标集群
不同形状、不同风格的图标一旦成群结对地出现在屏幕上，总能带来不一样的体验。虽然这样的应用方式常见于图标推荐类的网站，但是它实际上有着更为广泛的应用范畴。
你可以考虑将图标摆成不同的阵列，如果你想强化视觉，甚至可以将图标放大来使用。图标本身可以用作链接的如何，也可以单纯只是当作指引性的图片。图标集群可以用很多图标，也可以只包含两三个。如何使用，使用多少，更多取决于你的设计决策过程。
使用图标集群的一个重要好处在于，它会让你跳出日常图标的使用窠臼，重新思考图标的使用方法。它的另外一个好处在于，你可以基于某个图标包来设计，也可以根据需求自定义。这个时候，你可以一边，一边做设计。
5、结合流行元素
图标是整个设计项目的诸多组成部分之一，它需要契合整个设计策略。仔细审视你所需要设计的内容和风格，再将图标和流行的元素结合起来，营造出符合现代风格的美学特征。
图标的一大特色就是它的灵活性。它从形状到细节都可以充满艺术性，从手绘风到扁平化，从精致拟物到艺术化处理都很容易实现。一旦你确定了整体风格，设计一套风格匹配的图标并不是太难的事情。
而上面这个关于的网站就展示了多年来图标风格的演变，这个网站本身研究的内容就已经很酷了，更别说其中所承载的风格多样的图标了。这些图标所呈现出来的风格、色彩、使用方法和规格都非常值得研究学习。
6、稍加调整
虽然图标是可以自由设计的，但是许多特定功能、特定场合所能使用的图标最好不要标新立异，比如社交媒体链接、搜索、购物车、导航箭头等图标。这些图标的基本特征是约定俗成的，太过“富有创意”的构思可能会毁掉它们的基本可用性。
不过你可以在这些图标的样式上动脑筋。调整色彩、修改形状，甚至重新绘制。而这其中，最主要的诀窍在于，保持基本的视觉识别度的前提下，加入一些独特的构思，确保用户不会质疑图标本身的含义。
简单的修改其实能做的事情不少。将图标有针对性的结合你的整体设计来进行修改，让它们更加贴合你的设计和风格。优设的这篇进阶技巧文应该能帮到你：
的网站就是这么做的。这个品牌色本身是玛卡龙绿，为了让网站的整体风格保持一致，设计师将社交媒体链接和搜索按钮的色彩都调整成了品牌色，这样保持了视觉的一致性，又不会质疑图标本身的功能。
7、自定义手绘
图标本身可以视作为一个微缩的图画，虽然图标大多趋向于扁平风，并且其中相当一部分是采用线条勾勒的，但是图标本身还是能玩出很多花样的，尤其是当你想玩出属于自己的风格的时候。
最典型的就是采用自己手绘的图标，这样的图标通常很难划归到常见的分类中，但是他们有明显带有个人风格。手绘图标本身就是一种带有品牌属性的东西。
所以，你可以参考的设计。你可以打开他们的网站，看看他们全套的图标都是怎么设计的，这种个人风格浓郁的设计，本身就足以营造出区别于同行的特色。
不过如果你想知道那些扁平风线性图标是怎么画出来的话，这个教程就非常适合你了：
虽然可能是设计项目中被考虑的最少的元素，但是它们可能是最有趣的设计元素之一。一套精心设计的图标用好了，能给整个设计增色不少。
原文地址：
原文作者：CARRIE COUSINS
优设译文：
本文由优设网原创翻译，请尊重版权和译者成果，转摘请附上优设链接，违者必究。谢谢各位编辑同仁配合。
【优设网 原创文章 投稿邮箱：】
================关于优设网================
“优设网“是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：。
设计微博：拥有粉丝量180万的人气微博 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
我们的团队
大家在关注如果你不懂电脑，还在苦苦自学电脑知识，却不见成效；
如果你大专本科毕业后仍找不到好的工作，还是不停的换着工作，收入朝不保夕；
如果你是应往届高中生且对学历教育不"来电"，不想白白浪费几年时间在"非主流"的大中专学校；
如果你在软件行业呆了三五年，仍然是一个菜鸟，工资停滞不前；
也许你有想通过自己的努力学习，改变自己的境遇，那么请不要再瞎想了，请在这里多停留几分钟吧，把你所有的疑惑迷茫写下来，把问题交给牛耳教育，我们会有针对性的给你回复，希望我们的小小建议，能够为你拨云见日；
版权所有：湖南创新牛耳教育咨询有限公司
湘ICP备号-4
地址：湖南省长沙市芙蓉区五一广场文运街省电教馆2-3楼
电话：400-不懂设计的也要知道的七个APP图标优化常识
我的图书馆
不懂设计的也要知道的七个APP图标优化常识
不懂设计的也要知道的七个APP图标优化常识中国首个应用发行品牌很多APP都会经常随着新版本的发布而更换应用商店上自己的图标，可以让用户知道这个APP有更新，能对提高留存率有一定作用。在应用市场搜索优化中，大多数运营人员的精力都放在关键词优化和评论优化这个环节，而往往把图标的设计放心地交给设计师——有谁会觉得APP图标能起决定性的作用呢？但这款叫《颠球冠军》（Kickerinho）的游戏就告诉我们，仅仅在万圣节期间更换一个图标，平均下载量可以暴跌42%！《颠球冠军》万圣节版本图标与常规图标的对比后来将《颠球冠军》图标改回了万圣节前的样子，而下载量也随之迅速回升APP图标是你给用户留下良好印象的第一个机会，不仅是你们的品牌和产品识别，更可能会用在许多地方——包括线下。在应用市场浩如繁星的APP大军中，APP图标是用户最容易辨认，同时又是用户能马上感受到APP的品牌特质的中重要组成。所以你的APP图标必须要能脱颖而出。那么对于设计师出品的APP新图标，不懂设计的运营人员怎样才能判断这个新图标对于下载转化有没有帮助呢？看完以下7个图标优化常识，或许能让你下次给设计提意见时，更有理有据。#1 艺术性的表达方式避免在图标中使用照片（因为照片的细节在小尺寸时会失真），而用艺术性和抽象的方式将你APP的idea变现出来。上应用商店看看你APP所属的分类，看看那些排名靠前的APP图标设计是怎样的，然后问问有经验的设计师。#2 避免使用文字为什么不能使用词组？因为APP图标可能会在缩小情况下使用，而在缩小情况下文字会变得难以阅读。但假如你在做的是一个杂志APP，而又必须把文字放到APP图标上，那么你可以在需要使用小尺寸图标的场合，使用扩展图标来代替完整缩小版。例如“更美家居和庭院”（Better Homes and Gardens）这个杂志APP在使用小尺寸图标时，如果把完整版缩小，文字就像蚂蚁一样难以阅读，形成一种粗糙的感觉；但使用红白相间的小图标来代替，则显得与完整版图标视觉上连贯性极佳，同时又好看。#3 保持简洁要让APP图标设计简洁，你就不能让图标把APP所有信息都传达出来，不能让它“把话说全”。它只需要简单、有冲击力但又容易入眼，把你的产品和服务的核心idea用极简的方式传达出来。与微信相比，“5×5”这个APP图标虽然简单，但咋一看，无法让新用户看完图标后能猜到这个APP和什么有关。#4 保持独特保持独特不是件容易的事情。应用市场每天都有成千上万的新APP上架，要保持独特可是越来越难了，但你必须得独特，独特到能让用户记住。在正式确定APP图标前，先上应用商店研究一番吧。为什么游戏APP图标都喜欢“嚎叫”？Path、Pinterest、Pandora、Paypal的APP图标设计就是典型反例切记你们最后确定的图标不要和其他家的APP“撞脸”。Path和Pinterest甚至为了这个“P”展开了商标争夺战。所以如果你要设计APP图标，就别那么缺乏想象力地把一个字母放上去（况且前文也说到避免在图标上使用文字），任由用户在应用的海洋中“傻傻分不清”。#5 明智选色颜色选择是个基本功。无论APP图标还是APP界面的配色都应该明智地选择，而且两者都应该是相匹配的。记得要在暗色和亮色的背景中测试图标的效果，并且确保图标在应用市场的背景中能够脱颖而出。额外的边框线能起作用，因为你无法知道图标所处的背景会如何变化。#6 心中有“素”（像素）在提交APP图标时需要把几个不同尺寸的图标提交，所以在设计时，这几个尺寸都要细心考虑到。比如往谷歌应用商店提交的APP图标有48像素、72像素、96像素、144像素、192像素、512像素。而对于苹果AppStores而言，iOS开发库已经列出了你需要为iPad、iPhone等设备准备的不同尺寸图标。所有图片都必须是无交错PNG格式。#7 层次不能多如果你想为APP图标加上折纸效果来增加层次感，可别过度沉迷哦。谷歌应用商店是不建议折叠次数超过两次的。谷歌应用商店同样不建议APP图标上的层次超过两层。太多的层次会令画面过于复杂，而导致用户在观看时不知把焦点放哪里好。常识之后，是测试毋庸置疑，APP图标能带给用户第一印象，对于用户的下载转化起着不可忽视的作用。所以在你知道了这7个常识后，APP图标优化之路才仅仅开始，你应该好好做一下AB测试来决定哪一个图标才是最佳选择。比如开头提到的游戏《颠球冠军》，现在就聪明了很多，在发布新版本图标前，除了做AB测试，甚至还会在Facebook上向粉丝征集不止一轮的图标设计意见。本文系 AISSUER （微信号：AISSUER）出品。需转出发布网站请私信或前往微信告知未经允许请勿私自转载了解更多精彩欢迎移步微信【微信号：AISSUER】
149评论&?06-18 23:59
101评论&?06-19 18:00
34评论&?06-19 13:48
95评论&?06-19 17:02
发表评论：
馆藏&49563
TA的最新馆藏Android开发（1100）
转载文章，希望对大家有所帮助！
有的时候我们在职场上会碰到各种各样的坑…… 不管是创业公司倒闭啦，新同事合不来啦，氛围太差受不了啦。如果说女人的安全感来自于独立，那么程序员的安全感就是手中有技术，心中有源码。想飞得更高，有哪些是你平时可以做的呢？
本篇接上一篇 。上篇主要抛砖引玉，提到了许多技术和非技术相关的面试技巧等。本篇讲述面试前的准备，这不仅是技术实力的积累，还有相当一部分软实力的积累。即使是暂时没有跳槽想法的技术人，也应当生于忧患之中。行业的发展非常迅速，逆水行舟不进则退。危机意识很重要，厚积薄发才能更上一层楼。
友情刺激大家：
面试前的准备可分为长期准备，和短期准备。首先声明，文中提到的书籍以及公众号，博客等，都是我自己觉得特别优秀的，绝没收任何广告费。。。
长期准备：
1. 订阅几个高质量的公众号
　很多大厂都有自己的微信订阅号，很多人的阅读时间非常琐碎，那么你就可以在地铁上、在等公交车的间隙去刷刷最新技术的发展。订阅号贵精不贵多，某个订阅号里的文章一天也最多一篇，不然就容易粗制滥造。这里推荐几个高质量的android公众号： 　
　　腾讯Bugly: weixinBugly。
& & &&，专门做性能监控的平台，里面的文章也都是总结bugly bbs上企鹅工程师文章的精华。发送频率很低，质量都不错。后期面试中很多关于内存泄漏的答案都来自于此。
　　移动开发前线：bornmobile。info主编徐川个人的微信公众号，里面的文章有原创也有很多精华集锦。关键是都比较严肃，不像某些个人公众号发展到后期变个人的独白段子手，干货也多，由于大都是搬很多个人博客和采访，所以质量还不错。
　　Android程序员：androidtrending。公众号所有者应该是汤涛。虽然Android技术公众号不少，个人感觉这个公众号是比较能紧跟潮流的。也没有什么废话而是纯技术。
　　程序媛：programgirl。一个程序媛发声的平台，更新不定期，欢迎所有女程序员都来投稿，投稿地址：. 比如本期android面试就会连载在里面。
2. 加入一个本地android组织
　大学时期我开始沉迷于android技术，但当时不善社交自命清高，往往是孤军奋战。回过头看，一个人的力量是有限的，只有交流才能进步，闭关锁国是没前途的。结识一批有同样追求的同行，甚至有很多比自己厉害许多的专家人才，你才能看到你未来努力的方向。人外有人，天外有天，千万别做井底之蛙。信息时代信息的交换是有价值的，小伙伴们一起努力也会将你带入一个好的氛围。
　但是要谨慎地选择伙伴。我知道男生聚在一起最容易犯的错误是互相影响，比如大家一起去打一盘游戏啦，，各种吹牛或恭维啦，，这些都是不可取的。低调而务实的小伙伴们聚在一起才有创造力，你们共同完成一个梦想一件事。
　这里举个例子，/LittleFriendsGroup/ 里的AndroidSdkSourceAnalysis。 他们发起了一个开源项目：18天认领android源码解析。这就是共同进步共同成长的典型呐~ 朋友应当是志同道合的，而非没目标的乌合之众。
3. 看几本必看的进阶书
市面上入门书籍泛滥，而适合中高级的主流技术书实在太少。一方面是能写这种书的大牛懒得写，据我所知每卖出一本技术书，作者才拿到4块钱稿费。而中高级的受众面毕竟窄，即使热卖，卖出一万本，那么所拿稿费也不过是4万。然而有这种水平的开发者根本不缺这几万块钱。写书是一件特别耗费精力的事，除了内容还要排版，吃力不讨好。更何况还会面临盗版横行的情况，就更不值了。写书仅剩的吸引人的价值，恐怕是成书后带来的名声与成就感。由于这种客观情况的存在，市面上粗制滥造的书实在太多，我在此帮大家剔除糟粕，列举几本我觉得值得的书。
推荐书单：
《Android开发艺术探索》任玉刚
业界良心！里面的很多东西面试都被问到了！
《App研发录》包建强
：架构设计、Crash分析和竞品技术分析。这是一本非常务实的书，书里提到的内容都可以直接拿来用在项目上。这个作者原先是搞.net的，工作十多年经验非常丰富。
摘录一段读后感：
& “落地”，是阅读此书的最大感受，大到技术架构、竞品分析、发布流程，小到每个Crash、员工座位安排、开展技术分享、简历筛选，作者总在寻求落地的解决方案，细细阅读，你不觉得这种方案有多么高大上，不觉得背后有多么华丽的理论支撑，但是你会觉得，一切都是踏踏实实、真真切切可落地实践的，为工作带来不少的实践指导。
《Android内核设计思想》
这本书写得很深，基本是这三本书里最接近底层的书了，读起来也比较晦涩。需要有一定的理解能力。
全书从操作系统的基础知识入手，全面剖析进程/线程、内存管理、Binder机制、GUI显示系统、多媒体管理、输入系统等核心技术在Android中的实现原理。书中讲述的知识点大部分来源于工程项目研发，因而具有较强的实用性，希望可以让读者“知其然，更知其所以然”。全书分为编译篇、系统原理篇、应用原理篇、系统工具篇共4篇22章，基本涵盖了参与Android开发所需具备的知识。
4. 收藏几个博客，紧跟几个专家
有一阵我很迷茫，不知道继续进步的方向，也不知道我能达到什么样的程度。我甚至因为找不到安卓上进步的空间而横向求索，玩了一年的iOS开发。就在这时，我的偶像来了。偶然间一次搜索，翻到了 hukai.me。（当然发现作者长得帅也是一个激动的原因）
原来安卓还可以这么玩~！可以像胡凯一样紧跟谷歌的最新视频教程并翻译它们。 也可以像
那样写控件造轮子。代码家甚至因为轮子造得好而被谷歌发现，发出了工作邀请。
具体你可以关注哪些安卓的优秀博客可以见 ：
5. 写自己的独立技术博客
见贤思齐焉。
有了那么几个专家榜样，我的视野突然变开阔了，也想变成像他们一样厉害的人。这个时候你已经阅读了几本书，也有了一定的积累，自然而然也会想发表自己的看法和见解。
总之，克服瓶颈期的最好的办法就是六个字——总结、归纳、演绎。把你的收获都写到自己的博客上吧。最好是独立的博客，一方面你会收获到折腾独立博客的乐趣，另一方面它也是你的个人品牌，假如你能长期积累、坚持的话。独立博客唯一的缺点是导流。当然，你对自己的技术总结，目标是为了精益求精，为了自己的进步成长，至于读者多不多，倒是其次的。这个后期在面试中也大有裨益。别人刚认识你的时候对你不了解，你扔出一个博客地址，胜过你的千言万语。
没事的时候就去写写博客吧，记住__不要写很多生活琐事__，而是__记录进步__。别人不是为了看你的个人秀而来到你的空间，而是搜索到你对技术新的见解，觉得对他可能会有帮助才过来的。牢骚什么的，写到你的社交网站上去。
有的人很勤奋，博客天天更新。有量而没有质，感觉很空虚。我主张坚持精品博文才是正道，，毕竟信息已经那么泛滥了，不要再为互联网制造过剩的垃圾辣。。。（真的不是教你懒） 想要写一个优秀的博客，不仅要有实际的项目积累和广泛的阅读积累以外，uml类图，流程图，顺序图等，也是你必不可少的好助手。假如再加上__思维导图__，不仅使你的思路更清晰，读者也能一目了然，有一个全局观。现在就开始试试这些工具吧，会让你的博客更严谨更正式，更熠熠生辉。
这里列举几个你必须要看的源码：
不要怀疑，这些在面试中一定会被问到的。前期你看过源码也会淡忘的，先有一个大致的印象就行。
7. 提交自己的开源代码
写什么样的开源代码，有这么几个方向。
一是你博客中的例子。一个好的技术博客不仅有图有文字，假如有例子，更胜过苍白的自然语言。百闻不如一见，说得再多也不如实际一个例子。
二是自定义的控件基础库。这个主要集中在酷炫的动画，还有交互更简洁的自定义控件上。这方面的大牛比如很多国外的库，还有国内代码家博客上提到的开源库~
三是有关测试方面的工具。像leakCannary, blockCannary等，能让开发者更好地测试内存卡顿泄漏等。
四是一些反编译的工具。
五是一个完整的上架作品。
短期准备：
1. 去NewCoder刷题
这个网站主要包括了几套公司真题，比如有 ，，。
有时间的可以去上面刷刷题，题量较大~
2. 去极客学院阅读几本微书
没时间阅读厚重的大部头怎么办？有一些不出版的非纸质微书也是极好的选择。极客学院有 写得不错，比如《深入理解 Android 卷》系列，《Java 集合学习指南》等。
做工程的开发者容易陷入埋头写代码的怪圈，实际上多看一些技术书，吸收别人的思想精华进步会更快。
3. 看几篇分析源码的文章
在长期准备中，你已经接触过一些源码了；当然你可能跳槽时间比较紧，那不如关注一下这个开源项目吧，里面包括了大量的 android源码分析。
ANDROID SDK 源码解析：
如果你有时间，你也可以参与到这个项目中去。
4. 梳理一下知识体系，找出薄弱环节
总结、总结，再总结。
总结是一个人非常重要的品质，在总结中思考自己的不足，完善自我。不仅适用于面试，也适用于职场，日常生活等等。常思考，才可能变成一个智慧的人。
具体有哪些可能的薄弱环节，可以看下一篇整理的30个发散性问题。
简历的准备：
写好简历也是一个重要的环节。程序员最好常备一份简历，以备不时之需。另一方面，更新简历的过程中也会明白，哪些经历是无用功，哪些是加分项。
1、尽量避免主观表述，少一点语义模糊的形容词，除非是大公司大牛，已经有成果撑腰，否则慎用「熟悉… …」、「使用过… …」
2、多一点表意清楚，语气肯定的数量词、名词、成果描述。一定要将自己的优势和期望明晰地表达出来，便于招聘方能对候选人有更准确的定位：
　介绍技术：最近几份工作经历中所参与过的产品、项目、角色
　在工作中做的项目的技术细节
　克服过的技术难点与细节
　感兴趣的技术
　在程序马拉松上参加的项目或者是业余的个人项目（+link）
　如果领导过技术团队，写下带的团队的规模与管理风格
　介绍自己：过往有特点经历、擅长的方向、对互联网的理解、职业发展规划
3、突出重点。重要的放前面，不重要的经历往后排。尽量注明每段经历的时间，不然技术官或hr会一头雾水。比如你面试 Android开发，iOS的经历就放后面一笔带过，另外时间越远的优先级也越低。对了，记得把联系方式写在开头，不然对方联系不到你，可就把你忘了。
3、试试用markdown语法，注意下排版，预览再提交，版面整洁、干净，也是加分项。
4、HR/技术负责人更喜欢看到一份显示「职业上升趋势」的简历。比如你做开发五年，跳过两三次槽。那么你的职位，你所做的技术难度应当是越来越具挑战，而不是依然罗列各种琐碎的需求实现。
5、牛人讲结果，普通人讲过程。话虽如此，你只要不太啰嗦，该列出的事情还是要列出来的。不仅如此，你在该项目中发挥了什么作用，有什么反思，也可以写出来。记住，你出卖的不仅是技术，还有能力。
1、真实的反映你的工作，别浮夸。
因为你的面试官之后一定会问起浮夸的事情，假如你不能自圆其说，会留下非常不好的印象。
2、记得最好不要出现“精通”等词汇。
很少有人能精通JAVA，精通数据库，这样的字眼基本等于自杀。好的办法是阐述事实。比如用JAVA开发过什么系统，在什么项目中深入接触数据库等等。
3、简历上的所有技术，你必须谙熟于心。
甚至你应当练习几遍，找出可能发散出去的所有问题。只有你非常熟悉，并且在面试中足够自信，你才有能力引导面试官问到你想要的坑中。
4、简历长度不要超过三页。最好是两页这样一目了然，当然如果从业经历比较长，也可以多写点。
5、别撒谎。天下没有不透风的墙。假如你不想让人知道什么，你可以不写；假如你在原公司的锻炼机会太少，那么你可以将经历写到自己的开源项目中去。
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：7937744次
积分：61999
积分：61999
排名：第27名
原创：520篇
转载：984篇
评论：2099条
如果您认为本博客不错，读后觉得有收获，不妨打赏赞助我一下，让我有动力继续写出高质量的博客。
赠人玫瑰，手有余香。分享技术，传递快乐。
QQ交流群：
如果你认可我的视频，请加入有心课堂官方QQ交流群：，您将得到高质量的交流内容！
文章：28篇
阅读：69965
文章：70篇
阅读：287586手机用户请访问>
欢迎来到牛耳教育-牛耳教育数字艺术学院
您当前的位置：> >
如何扫清APP设计中的图标障碍？看这篇就够了！
作者：管理员来源：牛耳教育时间： 1:46:36
　　说设计是带着镣铐跳舞一点错都没有，看似自由，实际上其中包含了太多的潜在规则。这些规则有些是从基本的设计原则中延伸出来的，还有一些则是约定俗成的，它们并不复杂，但是非常值得注意~&　　自从计算机拥有了图形化界面之后，图标设计就已经存在了。相比于文本，图标在人机交互上有着明显的优势：&　　●简单、高效且友好，图标可以更好地替代较长的描述性语句。&　　●更加节省屏幕空间，尤其是在屏幕尺寸越变越小的今天。&　　●赏心悦目，提升整体的设计感。&　　●最后但是同样重要，绝大多数App都在使用图标，这是用户熟悉的设计模式。&&　　尽管图标的优势非常的明显，但是设计师考虑不周的时候，图标本身所引发的可用性问题也非常之多。在今天的文章当中，小编会总结App UI设计中图标相关的常见问题，并提出相应的解决方案。希望能够帮助大家更好地在App中使用图标，不用在小问题上纠结。&　　1、图标应当正确地传达信息&　　有时候，设计师会忽略图标作为识别性标识的基本功能——图标首要的功能是表词答意的。从定义上来看，图标是一个物体或者一个动作的视觉代表。如果一个图标无法清晰地告知用户它所代表的内容，那么无疑失去了实用价值，成为了视觉噪音。&　　虽然图标千变万化，但是有一些普遍存在的图标还是为大众所熟知的(家庭、打印以及搜索)：&&　　易于识别的图标&　　但是除开这些最常见的图标之外，绝大多数的图标都因为歧义和含糊的设计而常常令用户感到迷惑。以iOS上的游戏中心图标为例，这几个多彩的气泡到底有着怎样的含义?它是如何同游戏联系到一起的?&&　　如果你觉得这个游戏中心的图标设计不足以说明问题，那么再看看Gmail这个案例。谷歌原本是计划将所有功能都收纳到一个抽象的图标当中，而许多用户则常常会在反馈的时候表达自己的迷惑：“我的谷歌日历去哪里了?”&&　　无论一个图标对你而言含义有多清晰，对于首次看到这个图标的用户而言，它带来的体验和你的预期往往相去甚远。你认为你的用户会很熟悉一个抽象的图形或者图标，这是图标设计最常见的误区之一。&　　你所设计的图标，首要的任务是引导用户去他们该去的地方，达成目标：&　　●使用五秒原则：如果一个图标需要超过5秒时间来思考它的含义，那么它绝对无法准确地传达含义。&　　●选择熟悉的图标：用户会基于以往的经验来判断和认识一个图标，通过你的竞争对手和常用这些图标的平台来了解你的用户，做出合理的选取。&　　2、让图标简单而概括&　　在绝大多数的情况下，图标并不是用来表现创造力的对象。请不要误会我的意思，我并不是说充满创意的图标是错的，但是过于花哨的图标确实会对图标的用户体验造成负面影响的。如果说真有什么值得注意的技巧，那就是尽量让你的图标设计简约、现代而友好，通过其他的元素来表现你的创造力，传递更多的信息。&　　每个图标都应当以尽量简约的方式呈现出来，将最核心和最本质的概念凸显出来，降低用户的学习曲线，尽量让用户能够一眼看出来，确保可读性和清晰度，即使在尺寸很小的情况下。&　　3、附上文本标签&　　好的用户体验可以从不同的层面来进行界定，而能否让用户轻松的识别内容是诸多标准中的一条。清晰是优秀的UI的重要特征，你的图标应当帮助用户不费脑子地理解界面信息。然而不同的人会根据他们不同的经验来判断图标的含义，这种差异是无法忽略的。而另外一个普遍的误解是，用户会去主动探索不同图标的功能，这种误解在移动端设计上则表现得尤其明显。&&　　Apple Mail的自定义界面，你能否识别出其中的所有的图标含义?&　　事实上，用户往往会被不熟悉的界面所吓倒，他们并不会主动走出舒适区去探索。为了降低图标信息传递上的模糊性，最好是为每个图标附上文本标签，以明确它的实际含义。你应当让你的用户拥有明确的期待，让他们愿意去点击它们。&&　　附上文本标签之后，图标的可用性明显提高了。&　　“有标签VS无标签”的可用性测试通过一系列的测试得出了这样的结论：&　　●对于有标签的图标，用户能够正确的预测点击图标之后会发生什么，成功率高达88%;&　　●对于没有标签的图标，预测成功率降低到60%。如果这个图标是应用图标而非应用内图标，这个成功率则降低到34%。&　　在测试过程中，发现有三点非常值得关注：&　　●对于复杂的操作和抽象的概念，图标在传递含义上有着明显的局限性。因此这些图标始终都应当附上文本标签。&　　●图标的标签应当是始终都可见的，而无需用户进行任何形式的干预。许多设计师发现标签的加入，影响了设计的美观，或者说违背了使用图标的初衷。这个时候，他们会选择使用说明、教学模式和悬浮显示等不同的形式来呈现文本标签。但是，说明和教学模式是有学习成本的，用户往往会很快忽略，甚至直接跳过。悬浮显示就更不用说了，在移动端上直接没法用。这几种解决方案的另外一个缺陷在于，它们都需要许多额外的操作。&　　●标签+图标的模式明显强于单独的标签或者图标。在单独使用的情况下，标签的效果比图标更好。&&　　4、让图标更容易被点击(移动端)&　　越来越多的地方开始使用触摸屏进行交互了，而最常见的就是我们的手机和平板了。所以，UI控件必须足够大才能让用户轻松点击，降低误触的机率，降低用户因为操作失败而产生的沮丧情绪。下面的图片给予了一组值得参考的数据：普通成年人的平均手指宽度为11mm，婴儿的为8mm，而一些篮球运动员拥有超过19mm宽的手指。&&　　在触摸屏上，UI控件的推荐尺寸宽度是7~10mm，下面是苹果和谷歌的设计规范上的建议：&　　●苹果建议将触摸交互的对象控制在44×44像素以上，不过这个实际大小要根据屏幕的像素密度而进行调整，而这个44的像素宽度的参考屏幕是320x480px的3.5英寸屏幕。&　　●谷歌在规范触摸屏控件的时候，使用的是推荐参数是48×48dp。在绝大多数的情况下，要求控件间的间距至少间隔8dp，确保信息密度和可用性。无论屏幕尺寸大小，这个48x48dp的控件尺寸对应的物理尺寸应当不会小于9mm。这当中还有一个问题值得注意，即使图片尺寸是24x24dp，也要确保围绕它的触摸触发区域不得小于48x48dp。&&&&　　除此之外，还有一点值得关注：&　　●图标之间的应当有足够的间距，确保用户能够准确的操作而不误触。许多地方都会并排设置“保存”和“取消”按钮，如果间距不够的话很容易按错。通常控制两个按钮之间的距离在2mm以上，是比较稳妥的选择。&&　　5、不要沿用特定平台的图标&&　　当你在为iOS和Android平台设计APP的时候，尽量不要沿用其他平台的图标设计。通常每个平台有它专用的图标，有系统的设计规范。当你的APP从一个平台迁移到另外一个平台的时候，尽量按照新的平台的标准来设计，不要沿用前一个平台的设计。&　　6、测试&　　你所使用的图标应当被谨慎对待，它们应当经过可用性测试。一旦你习惯了一个界面的设计，就很难再用新的视角来看待它，而图标的使用和选取也同样是如此。这样一来，观察新用户第一次使用你所设计的界面就显得相当有价值了，这样的测试能帮你判断图标的设计是否清晰直观：&　　●测试图标的识别度。询问参与测试者他们所认为的图标的含义，避免使用让用户迷惑、猜测的设计，绝大多数的用户不会主动去探索和猜测。&●测试图标的记忆性。难以记忆的图标通常也是低效的设计，看看用户在几周之后是否还记得这些图标的真实含义。&　　以上就是关于图标设计的一些经验和方法，想要真正的学会设计，成为一名设计师，建议选择一所好的培训学校，听专业老师的教学，学到真正的设计精髓。&　　&&长沙牛耳教育数字艺术学院是湖南省艺术设计教育领导品牌，我校以提供职业技能培训与就业实训为核心，为国内、外企业输送合格艺术人才，主要从事平面设计、室内设计、网页设计、UI设计、游戏动漫、场景动画、角色动作、软装设计、家居设计、后期合成、服务外包人才培养等，现已成为近千家国内外知名企业的人才培训基地。&为缓解目前就业难问题，保障学生就业，我校与国内外3000余家国内外知名企业建立人才培养合作关系，学员入学即可签订就业协议，100%推荐就业。目前已培养30000余名艺术设计人才，为国家大、中型企业培养人才12000余名，在中国每一个著名的设计企业都有“牛耳人”!&　　如果你也对设计行业满怀憧憬，如果你立志成为一名优秀的设计师，那就加入我们吧，我们一定能助你实现你的设计师梦!！！报名电话：400-，咨询QQ：。
本文标签：
> 如果你不懂电脑，还在苦苦自学电脑知识，却不见成效；
> 如果你大专本科毕业后仍找不到好的工作，还是不停的换着工作，收入朝不保夕；
> 如果你是应往届高中生且对学历教育不"来电"，不想白白浪费几年时间在"非主流"的大中专学校；
> 如果你在软件行业呆了三五年，仍然是一个菜鸟，工资停滞不前；
> 也许你有想通过自己的努力学习，改变自己的境遇，那么请不要再瞎想了，请在这里多停留几分钟吧，把你所有的疑惑迷
茫写下来，把问题交给牛耳教育，我们会有针对性的给你回复，希望我们的小小建议，能够为你拨云见日；
&&&&&& &&&&&&
游戏动漫设计
互动媒体平面设计}