万字长文｜终极图标设计Guide——工作篇

光影配重。而光影配重取决于标志生动的纹路、复合模式、大小不一和形状这几个也就是说。而标志结构设计的难点就在于，如何压制所有的这些参为数，做到总体的相似性。

苹果公司最近引入了 SF Symbols 这个机制，将标志实际上制作视作标志手写体，在这套手写体总括的，标志有 9 种不尽相同的「字重」和3种不尽相同的的建筑风格（也许有点多样，但是绝对充分够用）。从标志到小写，在复合模式、生动轮廓等多个不尽相同的也就是说上，必要你能挑单单感觉越来越加统一性的标志。

2）尽量避免半纹理

做结构设计最为基础也是最说是的就是纹理模糊，因为随着设备的最新Android大屏幕的推断精美度越来高，任何一个微小的疑点都上会在Android大屏幕上被其他用户引人警惕无意识。并且上会因为这样的模糊问题实际上减低整个UIGUI的品质度。

3）光影建筑风格实质上

实质上的光影建筑风格有很多种金属元素，举例来说菱形、线面、构图纹路、结构设计形式等。菱形的实质上又包含实质上的以外菱形和实质上的内菱形，例如以外菱形为4px内菱形为2px，那么所有关的到菱形的标志都要保持实质上。

线形标志和面性标志最好绝不混合成可用，尤其是同一类的标志。构图纹路要除此以外标志并不相同，例如实体化标志纹路为3px那就要实质上为3px。当然在实际结构设计中的显然还有越来越多的结构设计金属元素必需实质上，只要遵循这个实质上的年前提就一定能结构设计单单一套有品质应有的标志。

四、标志结构设计自查方依此

标志的的最上层实用价值在于它能否精准的向其他用户倾听文档！所以辨认性是标志最为基础的要求，一个引人注目地标志，不光在于光影到底美观，越来越在于文档传播的正确度，标志辨认性主要包含上下文辨认和光影辨认两大部分。

1. 上下文辨认

上下文辨认的解释就是当其他用户看不到这个标志之后，很清晰的告诉这个是问道的。如下方支付宝的标志扫一扫，首付款、单单行、卡包。“扫一扫”标志，与日常其他用户在扫码主页时，都上会有一个二维码推断区外，中的间有一条线在之内扫瞄，基于这样的其他用户；也和层面，扫一扫标志就极好的传播这是显像二维码的意为。

2. 光影辨认

光影辨认越来越在乎严重影响其他用户辨认标志的视觉心理因素，如蓝色、多样高度、标志类型的独创等。

标志蓝色：反之亦然相同的色彩鲜艳蓝色不必在独自可用，摆在独自就上会显得标志很刺眼，我们平常说的白底黑字，意为就是为了转变成蓝色对比，从而突单单整体。

多样高度：反之亦然相同的色彩鲜艳蓝色不必在独自可用，摆在独自就上会显得标志很刺眼，我们平常说的白底黑字，意为就是为了转变成蓝色对比，从而突单单整体。

类型独创：底色与标志类型的混合成，“底色+面性”的辨认性>“底色+一维”的辨认性。

实质上性：可以从菱形大小不一：菱形大小不一的细节很不易被忽略，因为它的成形和描边形式的举例来说也有极大的关联，描边手段有内描边、居中的描边、以外描边。描边的大小不一上会根据基线来扩充。

描边纹路：标志的粗线也上会严重影响总体标志的相似性如下图所示，对比很强烈。

交会点类型：平头断点较为生硬，菱断点比较俏皮活泼。

光影实质上：根据keyline网格规范结构设计应有标志的有利于实质上。

标志为统计数据小为数点：当标志中的的点的位置或者某一大部分浮现小为数点的布景，必需调整至整为数，根据四舍五入的计为数手段进行时正确，描边大小不一为数值可以不存在“X.5”这样的情况。

五、标志的功能性测试者 1. 功能性测试者标准

根据年前面的结构设计年前提可以推导单单标志功能性的测试者标准：

辨认度：标志到底能让其他用户解释词？到底是其他用户层面；也下熟识的标志？一套标志下到底不存在与其他标志词冲突？标志的拓展性如何？到底必需添加手写页面明确指单单？ 结构设计到底实质上：详见现在光影大小不一、光影母语、多样高度、标志金属元素参为数、总体平衡性、配色。 品牌文档：到底有独特性、到底可以传播品牌文档？ 细节：标志到底简洁、趣味？ 2. 功能性测试者方依此

测试者方依此主要有两种：摆在主页中的测试者以及独立主页以外测试者。

测试者标志的实质上性，必需摆在主页中的测试者，根据主页的实际可用自然环境，测试者标志在主页中的到底统一性、完整；到底必需手写文档辅助明确指单单；标志在主页中的到底不易被其他用户找到。

可以可用A/B测试者，找一些其他用户通过AB版测试者，衡量两个版本见标志的相似性，到底浮现其他用户疑惑、沮丧，到底符合其他用户的心理短期内。当然在测试者年前必需应有AB版本的标志大小不一位置并不相同，必要并未其他变量严重影响测试者。

测试者标志的辨认性，必需将所有标志基本上单单来，删减所有手写文档，如果带有手写。判断到底浮现标志不必解释的情况。删减手写也是受限于测试者的时候上会因为手写文档的引领，从而忽略了标志传播词。

六、标志的下单 1. 标志的下单音频

说标志下单在此之后，不须了解到一下标志的音频有哪些。 JPG、PNG、GIF、SVG，共计四种音频。区分是什么呢？

JPG：可选氛围，不赞同贴图 PNG：可以透明模式，不赞同贴图，必需警惕留白大小不一 GIF：一般用在激态度详见，赞同透明氛围 SVG：唯一可以赞同可用贴图的图形音频 2. 标志的下单手段

通常有两种下单手段：

通过蓝湖进行时GUI倍为数适配，自激切图。 将SVG音频的标志上广为流传iconfont的网站，让开发设计同学自己App。必需警惕上广为流传iconfont是有符合结构标准设计，必需自己检查到底符合上传标准。 七、小结

整个标志结构设计包含三篇来亲身经历的。

《理论篇》主要亲身经历标志结构设计的概念以及结构设计年前提等理论细节 《管理工作篇》主要亲身经历管理工作中的标志结构设计步骤以及标志落地 《个人篇》主要个人标志结构设计的用以、标志网站、标志结构设计团队或者结构设计师

第二篇细节就到这里结束了。

本文由 @卡洛结构设计 原创发布于人人都是产品经理。擅自，禁止刊文。

题图来自 Unsplash ，基于 CC0 备忘录。

。

辽宁干细胞医院
肠道调理吃什么好
艾得辛能治疗类风湿吗
怎样能让伤口快速愈合
看病人拿什么
视疲劳怎么缓解
肠胃绞痛
乌梅人丹真的能治口臭吗
怎么补充眼部营养让视力变好
皮肤科疾病保健