经验观点 2022年02月3日
0 收藏 90 点赞 1,558 浏览 1091 个字
摘要 :

今天再来分享几个比较干货的知识点,会从叠加、图标统一圆角、包装问题、图标耐看性问题,接下来让我们直接上才艺!   01 这个叠加是假的 我看钉钉群里有人问下……

今天再来分享几个比较干货的知识点,会从叠加、图标统一圆角、包装问题、图标耐看性问题,接下来让我们直接上才艺!

 

01 这个叠加是假的

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

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

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

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

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

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

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

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

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

 

02 包装的问题

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

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

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

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

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

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

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

 

03 关于圆角的和谐性

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

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

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

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

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

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

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

 

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

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

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

半原创是这组:

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

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

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

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

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

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

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

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

 

05 看几组星友精选的练习

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

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

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

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

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

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



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

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

 

总结

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

 

原文地址:菜心设计铺(公众号)
作者:菜心设计铺
进了大厂后,我才知道原来我的细节差这么多!

转载请注明:极致设计 » 进了大厂后,我才知道原来我的细节差这么多!

微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.jizhisheji.com/108313.html

相关推荐
精选
互动投影的应用所表现出的四大特点
互动投影是集合了商业价值与娱乐特质的人机交互形式,其因绚丽的展示效果而深受到大众喜爱,它的实现主要依靠捕捉设备对目标影像进行实时的动作捕捉,…
日期:2022-06-26 点赞:196 阅读:2,751
精品
提高UI界面高级感的排版实用技巧
UI 界面中,排版设计同样重要。如何将至关重要的信息,有效地传递给用户,这是界面本身的职责,而在绝大多数时候,这通常是靠文本来完成。 这就是…
日期:2022-06-26 点赞:178 阅读:3,985
最新
汽车二手车租车小程序定制开源源码开发制作模板的UI功能设计
汽车二手车租车小程序APP定制开源源码开发制作模板需要哪些功能?——龙兵科技 龙兵科技,自主研发,源码交付,专注软件研发10年,各行业源码齐…
日期:2022-06-26 点赞:160 阅读:3,856
最新
房产报备新房二手房租房等小程序源码制作UI功能如何设计功能?
 龙兵科技,自主研发,源码交付,专注软件研发10年,各行业源码齐全网络销售公司该如何推销出去一个产品?是不是要针对客户的需求去讲解…
日期:2022-06-26 点赞:282 阅读:1,601
必看
机器人情感化设计
前段时间接到了一个企鹅岛的机器人项目,项目目标是要传递“机器人友好”的概念。那我们要如何从设计的角度去传递这个概念呢?友好其实是人对事物的一…
日期:2022-06-26 点赞:90 阅读:4,772
推荐
企业展厅设计用多媒体的方式实现有何帮助
  企业展厅是企业对外宣传的一种重要形式,其通过数字沙盘、弧幕影院、多点触控、全息投影等多媒体互动技术,让用户更好地参与其中,给用户带来沉浸…
日期:2022-06-26 点赞:280 阅读:4,668
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:8:00-16:00

客服电话

400-888-8888

客服邮箱

ceotheme@ceo.com

扫描二维码

关注微信公众号

扫描二维码

手机访问本站