如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

图标——界面设计最重要的元素之一。

菜心经常写关于图标的教程和感悟，可见图标设计在我日常工作中占了很大比重，所以我始终坚信能够把图标做好，也是难得的特长之一！

这里拿几个月前做的第一版小说模块图标为例（目前已经改版为2.0，等正式上线后会再次与大家分享），简单介绍下我的图标设计思路，大纲如下：

1.风格设定

2.创意脑爆

3.设计执行

 

1.风格设定

在开始构思之前，我们首先需要确定图标的设计风格，风格可以根据整体产品的设计语言推导，需要符合目标人群的喜好以及产品的属性定位。

虽然我们是小说模块，但还是附属于动漫产品体系之下，前期的种子用户还是产品原有的动漫人群，所以我将风格锁定在原有动漫的视觉风格之上，大家可以看下当时动漫标签栏图标的样式：

由此小说模块图标与上图保持一致，设定为“描边与色块结合”风格。

2.创意脑爆

锁定风格之后，就要构思创意了，也就是如何在这样的风格之下去表达你的内容。

这一步很关键，如何让图标不普通，大部分因素都就体现在内容表达上（因为风格其实也就那么几种），我的方法是尽量去发散核心关键词，让图标的含义标新立异，举两个这次图标脑暴的例子：

第一个，“人气”图标的脑暴路径：

这里选词有个小技巧，我会遵循两个原则，“具象”与“二层”。

首先来说具象：其实很好理解，如果词汇太抽象，你是很难表达的，比如“流行”这个词，你是很难表达的，而“火”就很具象，很容易表现。

再来说“二层”：指的就是尽量不要选择核心关键词延展出来的第一层词汇，因为这些词是大家都能想到的，并且用烂的，比如人气直接延展出来的“火”、“奖杯”等等。（但是如果你的图标没有文字提示，需要表意特别明确，建议还是使用第一层延伸词，可以在风格上做些差异化表现）。

所以在上面两个原则下，我最后设定人气图标使用“爱的手势”，如下图：

 

因为看到有些同学把“爱”与“摇滚”的手势弄混，所以说下它们的区别：

 

希望大家在使用的时候不要搞错哦！

第二个，“完结”图标的脑暴路径：

 

也是通过“具象”与“二层”原则，最后使用了商店挂的打烊门牌这一创意来延展：

 

 

每个关键词的脑暴都会产生很多词汇，各不相同，我们需要学会筛选，尽量避开过于抽象或者过于普通的词汇，避开抽象等于具象，可以方便执行；避开普通等于特别，如果所有的设计都是大家用烂的创意，那作品一定会很平庸，以上就是我在脑暴时使用的方法。

 

我们需要让自己产出的每一套设计至少有一个“特别”出现，不然如何体现自己的价值呢？

 

3.设计执行

这一步就是根据前面得到的灵感图来进行设计，我们来看下执行对比图：

 

 

对于执行需要注意的基础细节，之前有写过《图标设计五维自检法》，有兴趣的同学可以看一下，除此之外这里再补充一点——如何让图标做到有细节！

 

本次设计总结了三个方法供大家参考：

 

3.1 设计技法的细节

比如给描边增加短线风格：

再比如线条增加面形色块的组合：

 

3.2 根据事物本身特征增加细节

比如一个木质门牌的细节：

 

 

3.3 俏皮的那一笔

比如书架上歪着的一本书：

再比如一根线条的破局：

 

当然增加细节的方法有太多种，总的目的就是防止图标过于简单、简陋，希望你也可以有自己的一套秘方来进行设计，大家互相学习。

最后再看下图标整体的效果吧：

 

附上过程中的一些稿子，哈哈，别吓到你：

 

对于执行这一块，别人再怎么说，你不做大量的练习与思考也是无济于事，这个道理毋庸赘言了。效果图如下：

 

 

接下来分享的也是这几个图标，不过是延伸版，切入的角度会略有不同。

 

这次改版背景很简单：首页整体架构调整的同时，主图标的设计语言改成了面性，而由于时间紧，小说图标还没来得及改，所以这次的设计目标就一个，把第一版图标改成面性的。

 

本来我以为，直接由线性改成填充的形式就可以了，分分钟搞定，但没想到改过来的效果是这样的：

 

于是经过调整又得到这样的：

 

为什么还是不好看？

我也不知道啊！

这种情况就去多找参考，分析分析别人的优秀作品，比如下图谷歌的图标：

为什么人家的看起来就那么好看，那么精致？

 

我个人觉得最大原因就是它的透气感比较好，导致透气感好的原因在于，它采用了多元素组合的方式，并且使用大量留白与彩色形成对比。

 

在这样的分析之下，我对图标进行了重新构思，直接在脑暴阶段就重新思考（因为原有图标是一个元素，很难再拆分成两个元素来进行组合）。

为了能做到独特，我最终选用的图标含义如下（尽量避开用烂的词汇）：

 

书架：两本书互相依靠

 

热门：手捧爱心

 

免费：冰淇淋甜筒（创意来自甜筒经常会有第二份半价，或者买一  送一的活动）

 

完结：黑子手捧完结的牌子

 

 

 

最后的执行效果如下：

 

新版图标也是利用元素的组合，并且图标内有大量留白使图标更加透气。

 

除了透气以外，我还在图标之中融入了一些“有生命感的内容”，比如手，品牌形象，拟人化的书等等：

 

使图标变更加可爱，有情感，充满一些故事感。

除此之外，对图标还增加了一点点的小细节作为小彩蛋：

 

一般我们在做一组东西的时候，都希望能够有一个主旨贯穿始终，这样解释起来更加有说法，有说服力。

 

比如上面这组小说图标，设计关键词是温暖，情感，可爱，在这样的理念下，我将温暖转化为阳光作为视觉语言。

 

可是阳光怎么落地呢，我当时能想到的就是高光和投影，本次使用的就是充满光感的长投影：

 

当然，为了使图标轻量化，投影不宜过重，起到点睛的作用即可：

除此之外，像前面所说，为了体现可爱的主旨，融入了手，品牌形象等有生命的元素（并且整体图形都是比较圆润，避免尖角的出现），这也是贯穿主旨的一条路径。

 

方法很多，各不相同，其本质目的还是希望大家做设计的时候要有适当的理念贯穿！

 

整个设计过程就差不多这些了，其实花在调整细节的时间还是比较多的，随便一个图标有了大方向和思路之后，还是需要不断的修改修改再修改。

 

 

 

颜色的搭配、五官的间距、元素之间的大小关系等等，都需要不断的调整，而真正考验我们的也就在这些细节当中。

 

这里再补充两个增加可爱度的实用小技巧：

 

1 五官紧凑

一般情况下，缩小五官的间距，可以一定程度上实表情更加可爱，尤其是嘴鼻和眼睛的间距：

 

2 腮红

 

一般来说，在我的印象中只有可爱的东西才会有腮红，五大三粗的大老爷们加个腮红，咦～，不敢想！

 

所以画可爱的形象或表情时，可以考虑加个腮红：

不过我这次由于元素太多，所以没加，大家可以根绝实际情况自行实践。

 

最后：

看万卷书，行万里路！不走，书白看。

看万篇文，练万个习！不练，文白看。

 

 

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、网站建设 、平面设计服务。

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务。

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

https://v.qq.com/x/page/l087071z1ua.html

01 概述 | Overview

QQ 20周年，是互联网产品长青的一个传说，也是家喻户晓企鹅IP形象的成长，同时也代表了鹅厂精神的坚韧与奋进。即便已经陪伴大家20周年，但我们依旧怀揣初心，保持科技改变生活的热衷。应运而生我们设计了太空企鹅探索科技作为本次20周年的品牌理念，来寓意新的里程碑到来。就像宇航员勇于探索未知宇宙知识一样，QQ带着初心不断保持变革与成长，为用户提供更具科技力与创新的服务！也寓意鹅厂不断探索未来与科技向善的愿景！

02 logo设计ㅣLogo Design

我们在设计的第一阶段，logo设计，就是围绕“有趣和科技”来展开发散设计。我们决定从数字“20”开始入手，把QQ和20不断结合，同时融入宇宙太空元素，寓意QQ不断的对外探索，从多个维度来看世界，寻找有趣的内容。我们为了贴合“宇宙探索”这风格，为这次展览设计了专属徽章，徽章设计沿用了太空的概念，结合星球，星空，宇航员等科幻元素。简约的几何形状和大胆的配色贴合“QQ更好玩”的年轻潮流气息。

03 概念设计ㅣConcept & Design

1. Space QQ

太空QQ的太空服设计指的是科幻电影如《星际穿越》和《火星救援》中的太空服，我们也将的时尚潮流，2018年以来运动鞋领域最为明显的趋势，将 ugly & oversize 的潮流风格注入到运动鞋的设计当中。这种将时尚潮流与太空服相结合的新型运动鞋,使整体设计看起来时尚而风趣。如果没有它，太空服可能只是一个浅显的概念。

太空QQ创意草图

运动鞋设计草图

3D原型

2. QQ X PUPU

本次设定，由两只企鹅背靠背组成，20周岁的QQ与1周岁的PUPU，鹅厂拥有着各种企鹅IP形象，除了经典的企鹅QQ，还有各种其他特色企鹅，包括PUPU，BabyQ等等，同时PUPU来自外太空也是企鹅FM产品的主形象，经典企鹅QQ携带了新生代PUPU共同探索科技太空，寓意企鹅在不断创新与拥抱新生代相互合力，为年轻用户提供更具科技力与社交娱乐化的服务。

04 最终设计ㅣFinal Design

05 8米QQ模型制作ㅣ8m QQ Model 

对于实际生产出这个巨型模型是个大挑战，我们先利用电脑三维模型生产出8米高的泡沫模型，反复检查生产的泡沫模型是否和设计模型一致，不断的打磨调整，待到确定泡沫模后开始翻模工作。

先给泡沫模喷上泥巴水，便于脱模，之后喷上石膏水，并加入麻丝增加石膏的牢固性，待石膏模晾干，把石膏里的泡沫模掏出后开始往里面涂一层泥巴水（便于后面玻璃钢脱模），然后涂上树脂和纤维布/毡，干了之后砸烂石膏模，里面的玻璃钢模型就出来了。

玻璃钢定型之后给内部焊接钢铁骨架，作为加固作用。刚脱模的玻璃钢是非常粗糙的，于是对玻璃钢的外观进行打磨，使得表面光滑和调整细节，打磨完成后开始批灰和上底色，前后三次，为的是填补空隙瑕疵使模型更逼真完整。接着我们便调模型身上的颜色，在不断尝试中调出最接近效果图的颜色，开始逐步上色。

上色完成后再喷保护漆防止褪色，待模型的漆干后清洗整个模型，为贴上专属贴纸做准备，接着确定贴纸位置并逐一贴上。最后开始搭建安装，因为在搭建过程中模型会有磨损，搭建完后再做最后的修补工作，最后巨型QQ模型完美地呈现出来。

06 贴纸设计ㅣSticker Design

配合QQ20周年庆，我们要给8m的巨型QQ模型搭配上了贴纸设计，以slogan “QQ更好玩” 为设计的出发点，希望把有趣好玩的态度注入各个品牌中，为品牌logo严肃的视觉带来玩味感和潮流感。同时配合巨型QQ宇航员的造型，我们在设计贴纸时参考了航天飞机，科幻机器等机械图案元素，每个品牌的设计方案除了有趣值得玩味外，同时需要贴合宇宙科技探险的风格。

我们针对这个大方向再进行了几轮细化，选出能代表各个品牌的最终的设计方案，并把贴纸模拟在太空QQ模型上反复测试贴纸最适合的位置，让贴纸和模型的整体风格可以完美契合。通过各个品牌的logo再设计贴纸和太空QQ的碰撞，把品牌推广做到最大化。

07 搪胶玩具设计ㅣFigure Design

作为QQ20周年庆的惊喜，我们制作了与巨型太空QQ同款的迷你搪胶玩具，在这次玩具设计上我们加入了小机关，在玩具内部放置了小磁铁，使得QQ和PUPU可以方便拆卸组合。

同时为其设计了专属包装盒，包装设计从“太空宇宙”的角度出发，以黑色为主基调，图案印花设计选用了太空QQ来进行设计，把太空QQ模型线体化，配合QQ20周年logo进行设计，利用烫金工艺与醒目的图形搭配，更有效的展现了QQ年轻化的品牌特点。同时为了减少后期生产制作之间的沟通误会，我们同期将几个较重要的角度的包装3D效果图快速渲染出来，有着非常直观的参考对照作用。

08 品牌物料设计ㅣProduct Design

1. 海报设计

设计QQ20周年展的宣传物料，我们采用了最能代表这次展览的太空QQIP为主体，作为本次展览的专属元素，太空QQ贴近科技，同时又具有趣味性和潮流感。我们结合了太空探索的特性，提炼出宇宙元素作为宣传的内容，让海报设计具有更多内容可看性和观赏性。

2. T恤设计

配合QQ20周年展，结合宇宙太空元素，并从QQ20周年logo图形中延展设计出各类代表图形，正面简洁直接地显示出本次主题，把醒目的图形放置于T恤背后，利用坐标轴和经纬度的信息图案配合各个抽象化的宇宙元素，增加T恤设计的科技感，更明确地展现了科技向善的愿景。

09 QQ20周年展览ㅣExhibition Design

QQ联合深圳福田星河COCO Park 举办了“QQ20周年主题展览”，展馆外形模拟宇宙太空站，以太空白灰色为主调，搭配简洁的立方体造型，白色灯条勾勒大门，并以QQ20周年专属徽章做门面，科技未来感扑面而来，就如大型QQ太空站坐落于地球。

展馆大门旁的墙上安置了颇具科幻气息的全息投影装置，上面展示着QQ在不同时期的形象以及20年关键大事记。代表着不同时期的QQ形象用全息投影的方式展现出来，从最开始的胖QQ到现在的新版QQ，让你一眼了解QQ演变史。中间放着QQ历届各个跨界Figure展示，总有一款捕获你的心！

同时本次展览还和% Arabica咖啡跨界合作，% Arabica咖啡展台设计简洁透气与QQ20周年展览风格完美融合。一边喝美味咖啡，一边畅游展馆，两全其美。

蓝色发光的隧道科幻神秘，一进去马上感受到了超强的氛围感，仿佛时光碎片擦肩而过。用QQ扫描墙上的二维码，立刻生成你的专属时光隧道“QQ个人轨迹”，各种瞬间涌上心头。

联合天天P图，用13个LED屏组成了“复古头像画廊”。走进互动装置小屋里，往镜头前一站，稍作等待后，以你的形象即时合成的13个复古头像就会出现在面前的13块屏幕上，体验即时“变脸”效果。让自己的头像和曾经用过的QQ经典头像合二为一，形成专属的复刻版头像海报。

结语

QQ20周年展不仅包含了展馆设计，还包含了市场营销，运营活动，周边商品等多个设计环节，环环相扣，缺一不可，一起构建了整个QQ20周年展的设计体系；展览设计了太空企鹅携带着新生代PUPU共同探索科技，寓意鹅厂不断创新探索与科技向善的愿景，为年轻用户提供更具科技力与社交娱乐化的服务，在打造“QQ更好玩”的路上奋力前行。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务。

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

那关于loading动画相关知识，我觉得对于设计师来说是有必要去了解的，所以我找到了这篇优秀文章，让大家能够深入了解loading动画，透过现象看本质，学以致用。

图片来源：Domaso

没有人喜欢等待

在用户心目中，优秀的应用、工具、网站都应该是制作精良且能快速响应他们需求的产品。

举一个真实的例子：最近我们新发布了一个用户评价的应用，第一个版本并不完美，loading延迟在2-3秒。

你猜怎么着？

很多人认为这3秒是一个故障。在实际开发中，你可能要面对龟速的网络，没有优化的代码，操作时间长或数据处理太多等问题。因此，App的运行速度可能没有用户预期中的那么快。虽然早期用户可能会给你的产品第二次机会，但绝大多数人会立即退出它。

除非你的产品界面对用户的行为提供了明确的即时反馈。刚才发生了什么？是操作错误还是在等待服务器的请求？用户需要等待多长时间才能正常使用这个工具或网站？用户为什么要等待呢?

让我们一起深入了解Loading动画：

1、loading动画的历史由来

2、优秀loading动画所具备的特征

3、细节可以做出精彩

4、简单处理还是精心制作

loading动画的历史由来

对于这种类型的反馈，设计师会使用进度条、loading示意图、预loading、或旋转器。它们向用户解释什么时间发生了什么或正在loading的过程，以减少用户的心理焦虑。

你觉得设计师是从什么时候开始考虑加上这种反馈的？

我很惊讶的看到关于Nielsen Norman的一篇文章，提到响应时间和loading动画是在1993年（参考1985年的资料）：

如果计算机无法提供快速响应，则应该以百分比的形式向用户提供持续反馈。【Myers 1985 论文，“计算机-人机界面百分比进度指标的重要性”】

显示进度的三个主要优点：向用户保证系统没有崩溃且正在处理他们的问题；告诉用户还需要等待多久时间，让用户能腾出时间来做其他的事而不只是干等；甚至可以向用户提供一些可以阅读和查看的内容，减少等待的焦虑。— Jakob Nielsen, on January 1, 1993

自从Web 1.0以来，几乎每个网站都有loading状态，用户可以注意到当页面内容正在loading时，这些Loading动画活跃的身影。

在2007年的时候，网站的Loading形式大概是下面这张图上的样子：

2007年时的Loading

在那个年代，你可以找到像Firewoks(2007)、Flash (2008) 或者Loading GIF Generator （2009）这样的工具来做这些 loading动画。

到了2010年，随着CSS3的迅猛发展，出现了很多教程教大家如何做CSS3动画，也能找到大量的loading 动画预设包。设计师也可以在Ps cs5中做这种loading动画，这个在10年前是非常流行的。

在那时，Loading动画更像是web的专属问题，因为页面loading确实是一个问题。在2010年的时候，很多Flash网页都做了一些很有创意的loading动画：

30个创意Flash loading案例（https://web3mantra.com/2010/09/08/30-creative-flash-preloaders-examples/）

渐渐地，设计师们开始不满足于简单的进度条和旋转Loading，到2014年-2016年的时候，变得更加关注这块的设计。所以，你能发现更多关于loading教程，免费的Loading设计资源，插件和开源项目。

2016年出现的Material Design loading(http://www.qooqee.com/news/muse-preloader-widget-tips)

设计趋势和方法已经发生了变化，但向用户提供有效反馈的原则依然需要遵循。

优秀loading动画所具备的特征

在一个完美的世界里，loading动画应该：

尽可能少的显示给用户

如果你的工具或网站工作的足够快，那就是非常完美的。或者至少要使得它们的速度符合用户的预期，显示好看的loading动画只是一个缓兵之计，等待太久了一样会惹恼用户。所以，首先应该是解决内容的loading问题。

给出具体时间

它可以是一条简单的文本信息，告知大致的等待时间，也可以是可视化的图形来表示。总共上传了多少文件？更新需要多少分钟？已经进行到了什么阶段？这些体验上的设计细节都可以给用户预期并减少焦虑。

宇航员数据loadingby Cream M.

告诉用户为什么需要等待

一些应用的loading过程，通常让用户不大容易理解。一个好的Loading动画，应该要告知用户等待的原因以及等待的背后软件正在做什么：

文件获取动画 by Vinoth

让我们说回我的案例，那个反馈工具软件。当我们的等待时间超过1秒时，我们决定给这段等待时间增加一段解释。动画说明应用目前正在处理截图资源，这清晰的表明，我们的工具没有崩溃，它只是正在处理请求：

好的loading动画

让等待的过程不那么让人无聊

可以放一个有趣的动画来吸引人，让用户的眼睛始终保持忙碌。

动画来源：Alex Kunchevsky

减少用户等待时间的心理感知

这与上面提到的一点非常相关，如果你在等待的过程中发现了一些能够吸引用户注意力的东西，那么感觉上时间就会过得更快。它可以是一个引人注目的色彩搭配，有趣的想法，或者是一个什么特别的东西。

蛋糕loading by Pierre Kleinhouse

透传公司品牌形象

如果用户在用你的应用或者网站时会有一段等待时间，为什么不机智的利用好这段时间呢？我不建议仅仅只是为了做loading而做一个loading动画或者去在动画里使用一些心理学技巧。我觉得最好是将品牌的声音融入整个Loading动画中，让它成为一个非常重要的设计细节：

BCG的车票应用动画 by Antonin

细节可以做出精彩

虽然有些人可能会认为Loading只是一个很小的UI细节，但它其实也有许多类型和变化。一般来说，我把loading动画分为几类，进度条，无限循环的loading图和骨架图。

进度条

当可以明确loading时间时使用，进度条可以通过数字或视觉化的形式来表现。

有数字进度的，有时也称为百分比指示符。他们可以简单直接，也可以很有创意，需要对你的用户业务表达更有效：

一个app loading页 by Nguyen Tran

你也可以找到有趣的进度条和循环动画结合的loading图。

Loading动画by Dragonlady

进度条背后的主要思想是显示一个操作将花费多长时间以及目前所处的状态。根据UI需求的不同，进度条也可以是线性的，没有百分比的形式。

想想Gmail，它没有显示进度百分比，但是用户同样可以感觉到加载的进度。下面是两个简单而又创意的例子：

Gamil loading和一个创意loading动画 by  Allen Zhang

无限loading动画

当loading的时间是未知的时候来使用，它可以是默认的旋转图，也可以是一些创意动画，显示应用正在做一些事情。

计算loading图标 by Hoang Nguyen

创意性loading动画一样可以与业务紧密相关，并帮助支持品牌发声。请思考下那些应用会使用这种loading动画？

LittlePin Spinner by Daniel Sofinet

无限循环动画要求用户在上传或执行某些操作时等待，但不要求具体需要多久时间，它们可能会非常简单或非常有创意。

Loading cat by domaso. So cute!

Infinity by Eszter Balogh. 看起来非常有趣，但是你并不想他们永远不停下来。

如你所见，如今的loading动画不仅仅只是一个系统状态的UI元素。

骨架动画

骨架动画展示了loading页面的变化过程，你可以把它理解为开始是一些页面占位图，逐步加载上一些可见的图片，文本和其他内容。

这个词最早出现在Luke Wroblewski 的文章中，Luke建议使用骨架动画来获得更好的loading体验。这个想法得到了其他设计师的支持，并在Facebook、Linkedln、YouTube, Google Drive 等用户界面中得到了应用。

举个栗子，如果你使用的是网页设计工具Figma，你会在页面顶部看到一个进度条，同时还在逐步loadingUI：首先你会看到占位符，然后才是可用数据：

Figma UI

简单处理还是精心制作

除了这篇文章中所展示的一些优秀案例和Dribbble上的设计概念，在目前大多数应用中，你可能能看到还是一个默认的Loading。

有一段时间，简单的Loading被大众所推崇，因为他们对于性能的影响最小（尤其是对于web）。使用默认的或开源的loading要容易的多，不需要设计师和开发花心思来设计和实现它。

如果你正在开发MVP或者项目的第一个版本，那么使用简单的或者开源的loading动画更符合逻辑。在这个阶段，即使把loading动画做的再怎么有创意，也并不会对你的产品有多么大的帮助，如果它不能解决真正的需求。

一些简单的loading动画案例

有趣的是，在2016-2019年，我们可以看到非常多精心的loading动画。注重细节，日益成熟的设计公司，更好的科技环境，更方便的设计工具，这些都使得loading动画变得更加富有创造性。如果你浏览Dribbble，能找到非常多超赞的Loading动画，所以这也成了展现自己设计能力的一种方式。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务。

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

我们每天都在设计图标，并且保持这样的状态超过15年。身为设计师，想必你已经阅读过很多关于图标设计的文章，但是今天的文章不一样，今天我们的文章不会花费很长时间来单独介绍某一个图标的设计，而是设计任何一套图标应当遵循的基本流程，以及一定要注意的8个关键的注意事项，你可以将这些东西带入到一些现成的案例当中去验证。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务。

超实用！UI设计图标欣赏，绝对激发你的灵感

我是你们的学霸姐 2017-08-17 20:13:23

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

UI设计中的布尔运算由浅及深，深入解析，图标瞬间高大上！

UI设计栈 2018-03-26 19:24:14

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里