Three说：今天天气晴朗，下午我在愣神摸鱼的时候隐约听到有人让我改图，我下意识的点了下头还没等我拒绝同事就说。

同事说：二零二零年十月二十一号下午二点半的前一分钟你答应了给我改图，
因为你我会记住这一分钟。这是事实，你改变不了，因为已经过去了。我明天会再来。

先来看看原图长什么鬼样子。

原稿分析

这是功能介绍页面的一部分，原稿是用图片和文案来表达的，一般这部分常见的是用图标加文案来表达。产品的局部展示可以放在后几屏的位置，所以我打算把图片变成图标，在详情页里利用到图标的时候也是很多的，因为大家都知道在电商的页面中浏览停留时间是很短的，所以需要在传达没问题的情况下尽可能的去简化，图标的使用也就越来越频繁了。在毫无头绪的时候可以去网上看一些好的作品，我们看一下如何借鉴参考并完善这个画面

我们可以在“图1”中看到这种简约的线性图标是最常用到的，“图2”呢是在图标的外面加了统一的外轮廓，在需要放很多图标的时候或是比较乱的时候加上统一的底或是框会很有效。“图3”则是把图标中的一些特点用彩色区分还是挺有设计感的，“图4”也是用彩色来刻画只是把变成面性图标再统一移位。下面我们根据原稿的信息做出修改。

根据原稿要表达的做出图标以上再在原有基础上添加颜色和下面描边，最后再做出面性的图标以便选择，需要注意的是线性图标的粗细需要统一和每个图标的大小做统一 可以在图标后面画一个矩形方便看出来。

第一版的图标和网上借鉴的“图1”相似，图标的形式是很多很多很推荐大家去网上多去欣赏好的作品，见过了才能做出来嘛。

虽然图标在详情页中是一小部分但是想要做出好的作品不出错的作品也是靠每个小细节去拼凑起来的，图标也是一样。最后看一下图标置入画面后的效果这里是把线性和面型都放上去了。

样机效果

Three说：我听别人说这世界上有一种鸟是没有脚的，它只能够一直的飞，飞累了就睡在风里，这种鸟一辈子只能下地一次，那一次就是点赞的时候。

作者：Three
本文原创，未经作者允许不可转载！
更多内容，欢迎关注作者微信公众号：三个小美工！