进了大厂后，我才知道原来我的细节差这么多！

2022-2-8    seo达人



01 这个叠加是假的

我看钉钉群里有人问下面这种风格的图标是用的什么模式叠加的：

图片

我之前有做过类似的，其实这个叠加的效果是假的，和毛玻璃一样的原理，中间叠在一起的地方，其实是一个单独的图形：

图片

我们把这个单独的图形加上一个渐变色，放在最上面，效果就出来了：

图片

这个渐变的是可以任意更换颜色的：

图片

所以，这个叠加效果，并不是我们想象中那样用叠加模式调出来的。
反正我是这样做的，供大家参考。

 

02 包装的问题

下面这组练习，单从图标来看其实是没有啥问题的：

图片

统一性啥的都还ok，但是毁在包装上了，比如黑色方块下面尽量就不用加投影了，太脏了：

图片

其次就是黑色下面的背景色用了一块浅紫色，毫无关联性，不如直接用灰色，或者如果色块是深紫色，背景是浅紫色，那也ok：

图片

总之就是要有一定的关联性，不然就会比较奇怪。

 

03 关于圆角的和谐性

其实我们在看圆角的时候，并不仅仅只是一组图标之间的统一，单个图标的圆角统一也要注意。
比如之前有一次优化的图标，就是因为图标顶部和底部的圆角大小不一：

图片

今天看的这个是优惠券的：

图片

也是感觉有点难受，但是如果是下面这个优惠券就精致很多：

图片

其实也是因为图标内部圆角统一的问题，都是直角就会舒服很多，但外轮廓是大圆角，里面是尖角就会比较难受。

 

04 为什么这组半原创没有原版耐看

有一位星友做了一组半原创练习，原版是这组：

图片

半原创是这组：

图片

我们会发现，原创的图标没有原版耐看，为什么呢？
因为原版的细节足够丰富，但是半原创的细节就很单薄，比如我们看原版的奖杯，底座加了两侧矩形，如果只是一条横线就会相对非常单薄普通：

图片

再比如这个放大镜，把手也并不只是一条竖线，而是分了两段，加了细节：

图片

按照这个理念来分析，我们可以发现半原创的几个图标，只有第四个看起来比较耐看，因为它的细节相对比较丰富，可以跟得上原作，其他都相对单薄一些。

图片

虽然第二个钱包纽扣那里也加了两层，但是疏密度有点问题，而且也比较常规。

 

05 看几组星友精选的练习

最后再看几位同学的精选打卡，非常用心：
第一组是donna的！
融合很多细节，也有很多自己的想法，变得更加丰富、精致、统一，非常优秀：

图片

图片

第二组是小7的
统一性做了很好的优化，又加入了自己的断线想法：

图片

图片



第三组是慢格调的：
很精致，疏密度、大小、长短高矮，用色比例全都进行了统一性调整，非常优秀。
也融入了很多自己的想法，继续加油：

图片

 

总结

今天就先分享这么多了，每天进步一点点，现在开始，永远不晚！

 

原文地址：菜心设计铺（公众号）
作者：菜心设计铺
转载请注明：学UI网》进了大厂后，我才知道原来我的细节差这么多！

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务




分享本文至：
« 做设计改版前，如何准确洞察产品问题 快学，简单出彩的刷屏级弥散光教程来了 »

分类

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档