如何做图标改版设计？来看58 APP的实战案例！

　　颠末几个月的勤奋，齐新的58App icon视觉晋级曾经完成，新版icon给了各人齐新的感触感染，明显的气势派头使其正在寡多App中脱颖而出，那末是甚么鞭策我们做了此次改版设想，设想历程中又阅历了哪些故事呢?明天便去跟各人分享一下此次icon晋级的面面滴滴。

　　改版条件

　　尾先，我们需求熟悉一面，即icon关于一款App的主要性，它次要表现正在“助了解，吸收力，兴趣性”等圆里，因而，我们的设想也必需要表现那些特性。

　　前期调研

　　改版之前，我们停止了必然的用户调研，用户遍及反应“用色略隐烦闷，缺少吸收力，图形辨识度没有下”等成绩，那取我们的改版念法不约而合。

　　明白标的目的

　　基于用户反应的成绩，和对产物的了解，我们明白了此次改版的标的目的战目标：

　　进步图标辨识度，协助用户愈加曲不雅的熟悉产物战功用

　　用色上愈加斗胆，使产物布满生机战吸收力

　　勤奋取群众App气势派头推开差异，连结共同性

　　早期气势派头测验考试

　　设想早期，我们停止了寡多差别气势派头的测验考试，固然略隐没有成生，但也为终极的废品供给了许多灵感：

　　气势派头肯定

　　颠末不竭的气势派头测验考试战自我否认以后，我们末于肯定了主icon的设想气势派头：

　　设想特性

　　彩

　　基于58Logo的品牌色，将四种颜色元素使用到icon里，单个icon接纳单一色系，那样包管团体性的同时又将每一个icon停止凸起。

　　圆

　　圆形的icon能够删减体量感，提拔App的辨识度，同时使得团体性更强。

　　透

　　icon根本接纳两层叠减的展示情势，深色层正在底部，淡色层置于顶部且设置通明度，那样的通明度叠减结果，为每个icon删减了吸吸感，供给了死命力。

　　设想历程

　　设想的历程遵照了以下六个设想面，别离是形象、外型、表达、气势派头、调解及配色。

　　形象：望文生义，便是可以代表产物内容的意背，一个精确死动的形象，非常有助于icon的可辨认性。好比用购物袋表达两脚物品，用猫咪表达辱物等等。

　　外型：外型是icon设想的筋骨，便仿佛一小我私家是安康的借是出缺陷的。一个icon有无好感很年夜水平便与决于外型能否漂亮调和。icon外型以圆形为主，同一圆角尺寸，外型只管做到详尽讲究。

　　表达：正在表达界说的时分，尾先要契合普通利用的止为风俗，UI自己的意义便正在于附减到“功用”上的一个表示层，具有最间接的操纵战交互的功用。

　　气势派头：彩，圆，透。

　　调解：图标设想完成以后要停止细节的调解。

　　配色：配色彩用的是58Logo的四种配色，正在明度战杂度上减以调解，使各个图标拆配起去愈加调和。

　　年夜类页icon

　　主icon视觉气势派头确认了，接下去便是把那套设想言语履行到年夜类页的icon中去。那时，我们掌握的本则是icon正在体量感上要低于尾页的主icon，做出辨别度的同时，要做好大致的同一。

　　设想特性

　　彩

　　颜色杂度明度较主icon均做出调解，低落量级。

　　圆

　　圆形的icon能够删减体量感战团体性。

　　叠

　　保存叠减结果，但来失落了通明度的变革。

　　经由过程新旧版本的比照能够更曲不雅的发明，新版的icon彩色的拆配愈加有目共睹，外型上也愈加讲究。

　　小东西icon

　　正在接下去便是小东西icon的设想，那类的icon是全部app中第三层级的icon，以是正在视觉上需求取主icon做较着的辨别，以推开主次。

　　设想特性

　　线

　　线性图标，量级持续低落。

　　圆

　　圆形icon同一。

　　素

　　单色使用。

　　总结

　　每次图标设想皆是一次应战，要表意明白更要重视好感，气势派头上借要只管标新立异。同一性，差别性，辨认性，兴趣性，缺一不成。设想的历程也是一个不竭挖坑战挖坑的历程，没有颠末重复的考虑战挨磨，显现出去的结果便没有会幻想。

　　不外那统统的合磨也好，应战也好，正在终极成型的那一刻皆变得微乎其微了。显现出最好的视觉结果战体验感触感染才是最主要的。

　　究竟结果，每个icon皆是从设想师脚上跳出的粗灵。