佛山早年有人在规划交流群里面问：学UI要不要学画图标？我告诉你：要！而且图标规划一直是UI规划里面最重要最根底的组成部分。一个小图标看起来简略，但实际上图标的规划不但要求制造精巧 ，图形象征意义与其所代表的内容高度贴合，还要求图标的方法风格与版面风格高度一致，图标虽小，却是浓缩的精华，要求功能与方法上的统一。
在曾经写的一篇介绍标签栏规划的心思暗示的文章中早年推荐运用视觉纵深的心思现象将其时标签高亮以区别其时标签与非其时标签，《标签栏规划的心思暗示：高亮与视觉纵深的心思模型》这种方法是根据最原始的心思现象，所以会一直都适用的。佛山建站现在我来引入一种新的方法途径，就是为标签栏图标规划注入故事性。
一个好的标签本身就具有必定的故事和内在，而因为标签栏的图标有其时情况和非其时情况的切换，所以在规划上可以根据不同的情境做进一步的优化，微交互运用户领会更加具有趣味性。下面这个是我们佛山网页设计正在推进的项目，以下四个图标为例我来逐个阐明一下。
（主页）
在主页图标中，依然沿用斗室子来标明“home”的理念，为了与众不同，以现在我们佛山网页设计的项目为例，考虑到项目要求线上与线下连锁便利店相结合，这儿把斗室子优化成便利店的图标。接下来，就可以根据图标的两种情况脑洞大开，天马行空地梦想了。所以可以梦想一下，便利店有什么样的情境可以表现为其时情况和非其时情况呢？我想到的是可以运用便利店的运营情况和非运营情况，当不在运营情况时，图标是灰的，单调冷清；当便利店在运营情况时，图标是山茶红的，热心，有人情味，便利店的落地窗旁的茶桌边坐着一人，近邻空着的那个位子，是否正等着你的到来？看着此情此景，暖暖的故事一瞬间就充溢开去了，让人想入非非~
（质量）
第二个页面名称为“质量”，在这儿，我把该页面的标签图标规划为一个开水壶，因为日子要回绝废物食物，高质量的日子肯定是要多喝水，一个美丽典雅的水壶就可以表现出日子的质量。那水壶有哪种情况呢？那就是有水和没水的情况啊^_^ 哈哈。所以，这个图标的两种情况可以规划成这样了
（分类）
至于第三个页面“分类”，因为我们的项目首要针对的仍是日子，所以这儿我用多个抽屉来标明可提供不同的分类可供挑选，那抽屉可以有什么情境可以标明其时情况和非其时情况呢，想想，抽屉有翻开和关上的两种情况，当你要用到抽屉的时分，肯定是要翻开的啦。你家的抽屉里的物品是不是也按不同的分类来摆放？
（分类）
一级界面的终究一个页面就是个人中心了，我用了头像来示个人页面的图标。细想一下，通常情况下你想到一个人，他在你的脑海里可能只要一个归纳；可是当你把注意力放在他身上，细细查询的时分又会发现，这个人不只要归纳，还有眼睛，有五官，有神态，有穿美观的衣服，乃至还有他个人非常丰富的精神世界~他的悉数，都包含在个人中心页面内容里面了。
（个人）
佛山网页设计根据图标的不同情况为标签图标规划不同的情境，然后让图标更加具有故事性，让用户获得更好的用户领会。我曾见过某个伙伴对着一个APP页面不停地切换，他说那些图标看起来很好玩。不可否认，细微的交互往往可以大幅提升产品的用户领会，细节往往抉择了胜败~
希望这篇文章能给我们带来标签规划中新的考虑方法和途径，当然这种方法也未必全部规划场景都适宜，首要仍是得根据产品性格要求和风格定位来规划。规划，本身就是个不断探究的进程。
微信：boxiangchina