/恩,这个参考很好,但我不知道怎么用!

恩,这个参考很好,但我不知道怎么用!

我们经常会看到一些优秀的设计,但是大多数人的普遍现象是看完就结束了,没有任何思考,这样就会导致没什么进步和成长,那当我看到一些好的设计,是如何思考的呢?今天和大家简单分享几个小案例吧,希望能对大家有所帮助。


01 当我看到国外优秀的表情动效设计

最近在使用telegram(facebook旗下的聊天软件)的时候,发现他们的官方经常会推送一些自己的表情设计


怎么说呢,他们在这一块做的真的是非常非常细腻,他们的表情动效很顺滑、很自然,在国内的表情动效里是很少见到的,我的感想就是,如果国内的设计师有钻研这一块的,直接做到上面这么程度的表情动效,那在国内一定是表情动效前几名的设计师了!给我最大的感悟就是,我们除了看一些好的设计以外,一定要和自己多去关联,能运用到自己的哪些项目中,对自己产生什么样的影响。做任何事情,不要构想的太大,把赛道细分的小一点,成为某个小赛道的第一名,这样你很快就能破圈脱颖而出。比如你成为国内表情动效的第一人,你就可以和国内优秀的3d设计师、平面设计师、ui设计师平起平坐,而如果你的范围很大很广,就是做一个ui设计师,或者动效设计师,但是每一个作品都很平庸,那最后就只能是一个很平凡的设计师了!

02 当我看到一些相似的排版

经常浏览设计网站,会发现其实很多排版都有相似之处,比如像这张:


还有下面这两张:

都有相似之处:一张还不错的头图,再加文字排版,而这个文字排版的共性就是一侧重,一侧轻,留有较大空白!

其实有时候排版不需要做的太复杂,简简单单的大小对比、深浅对比就够了,而参考也比比皆是,主要看我们怎么去转化和应用。

我个人觉得上面这种排版的参考转化并不复杂,只要我们能有意识和一定的审美,一样可以做出简单好看的排版和效果!

03 当我看到一些卡片的破形

前一阵子,在看到这张图的时候,感觉做的挺好看:


我觉得好看的一个点就是他的卡片做的比较好,除了颜色和投影好看,还有一个重点就是他用了破形,就是物体冲出了卡片边缘,让整体更加有节奏感和冲击力。

当我发现这一个点的时候,我就会更加关注这种形式,比如再看到下面这张图,我就明白,它也用了破形的方法,让人物破出形状:


那我们是不是在自己的设计里也用这种破形的方式呢,当然是可以,比如我们用在实际项目中,可以把图片与卡片进行破行:


再比如在包装的时候,也可以尝试使用这种破形的方式,让整体看起来更有设计感,更有层次:

就是我在看到“破形”设计点时候的思考!

04 当我看到有一块空白的时候

记得很久之前看到灰昼前辈的一张包装图,效果如下:

有一块是专门空白的,增加了整体的透气感,我觉得很有设计感,那这种形式是不是可以关联到自己呢,所以我在自己包装的时候,就会借鉴这种形式,比如之前做的这个:

也是进行了一块空白处理!

那我们是不是可以再思考一下,这种设计感只能是留白吗,其实不完全是,我们也可以在白色的基础上去点亮一块颜色,根本目的是让某一块进行差异化处理,以此来丰富层次,比如下面这种,我们就是在三块白色卡片的基础上,加了一块橙色:

这样也是非常好看的!

这就是我在这个案例里面的一些思考!

总结

每看到一个让你舒服的设计,不要急着划走,也不要急着放进收藏夹里吃灰,多停留几分钟,好好想想,它在哪个维度有值得我们学习的地方,不仅仅只是分析,而是直接进行练习转化,只有这样,我们才能慢慢的提高自己的转化能力和敏感度!

加油吧,兄弟们,从今天开始不要再盲目的看图了,多多思考,多多转化,成为更优秀的设计师吧!

非科班的同学们,加油冲!


动效打卡开始报名

课程大纲和亮点

  第一节:tab bar 动效设计__

课程亮点
1、tab bar动效设计理论要点
2、AE路径动画讲解
3、插件Motion 4讲解

  第二节:loading 动效设计__

课程亮点
1、loading动效设计理论知识
2、AE 3D系统讲解
3、常用AE表达式的讲解
4、Chat GPT辅助书写表达式

  第三节:UI 动效的包装设计__

课程亮点
1、转场分镜的基础知识
2、牛顿力学插件基础讲解
3、动效交付全指南

图标小案例:

本文来自微信公众号“菜心设计铺”(ID:caixinshejipu)。大作社经授权转载,该文观点仅代表作者本人,大作社平台仅提供信息存储空间服务。