优秀的图标必备的7个底层设计原则（七）
7、易用性
一个图标设计的终点并不是单纯的好看。它还需要进一步的测试和准备，以确保后续能够轻松的设计出新的图标，并运用与
各种场景，比如手机上，打印出来等等，然后开发也能够轻松地将图标写到代码里去。
一套非常好的图标库应该是有组织，有文档记录，并被测试过的。
1）有组织
保持主文件的整洁，图标命名逻辑清晰，便于搜索。需要考虑最好的分类方式，是按字母顺序？按大小？还是按类型？
A Nucleo Sketch file, organized by type across pages
2）图标文档
阐明这套icon的主要原则：
图标原则示例:
•清晰度。首先要清楚，使图标可识别和可读。永远不要牺牲图标清晰度来换取视觉效果。
• 简洁。使用尽可能少的细节。每一笔都要简洁而有理由地传达所要表达的本质。
• 性格。有鲜明的性格，谨慎地添加独特的细节，给原本非常简朴的画面带来一点特色。
列出具体参数规则：
参数规则示例:
• 使用48x48px的画布
• 使用1.5px居中的笔画
• 使用圆角
• 使用连续的笔画，除非断开的部分有助于理解
• 使用直线，弧线，并在可能的情况下以15度角为增量，在必要时调整曲线以保持设计原则
• 在可能的情况下使用整数、偶数增量进行设计;
• 使用以下标准尺寸:28x28px的圆，25x25px的正方形，28x22px的横向矩形，22x28px的纵向矩形
• 保持6px的图标内框范围
一些优秀的图标系统规范
Material System icons
https://material.io/design/iconography/system-icons.html
IBM’s UI icons, App icons, and contributor guide for icons
https://www.ibm.com/design/language/iconography/ui-icons/design
Shopify Polaris Icons
https://polaris.shopify.com/design/icons
3）测试
检查图标的一致性。确保图标在上下文中正常工作，并在更大的视觉系统中也能协调工作。
将图标放在一起有助于验证我们的原则:清晰、易读、对齐、简洁、一致性和个性：
Test sheets used in Phosphor’s QA process
4）自定义工具
最后，如果你有资源，创建工具来方便图标的使用。
谷歌图标容易使用与他们的自定义图标库很有关系。
Material’s easy-to-use icon library
加上文字说明更好，虽然在上面的一些原则上没有标记，但已经使他们的图标非常容易使用。他们提供了各种方法来使用他
们的图标:通过他们的前端框架库，CDN，图标字体，或原始的svg。
Font Awesome’s Icon Leaderboard