---

最近在分享资源的时候，自己进行实际操作了一张3D天气小卡片，虽然看起来只是一张小小的卡片，但是里面的细节依然不能含糊！ 

首先来看前后的效果对比：

第一版就是明显没有经历过修改的，看起来没有什么细节点，经过前后修改的过程，虽然称不上优秀，但也从中获得了一些思考和总结！

一 该怎么思考分析

在做了第一版卡片之后，然后又去翻看了比较优秀的作品，第一眼看得出来差很多。自己也想修改，但却不知道从何下手！

于是，就照着别人的作品，这边做一点、那边做一点，没有一个明确的思路去思考，就像东拼西凑来的一样，这样最后做出的东西肯定也是一团乱糟。

在经历过修改之后，不仅仅知道了自己这次的问题出在什么地方，而且在以后，无论是自己做还是去看别人的作品，都可以有一个明确的思考维度，该从哪几个方向去入手。

当有了这些思考维度之后，无论是去评判一个作品的好坏还是修改作品就不会找不到方向，就可以根据每个维度点逐一击破。

二 有思路，就动手
那么就来根据这几个维度去分析一下修改前后的点：

1.颜色
在卡片颜色的选取上，修改前只是根据主体物“太阳”，选取了固有色“黄色”，再使用很小的渐变，在色相与明度的变化中也只是进行微小的调整，所以整体看上去有点灰，没有细节的变化。

在调整后，将渐变的色相从“黄-黄”到“黄-红”，色相发生了明显的改变后，整体就显得丰富许多，再对明度进行适当调整，一个简单的有色相、有明度的颜色基础就做好啦！

2.层次
在层次方面，第一次做的卡片并没有考虑到去加层次这方面，虽然有一个3D元素在画面中，但是整体并没有很明显的层次关系，而且质感的表现并不是很好，反而3D元素快与卡片背景融为一体，糊成一团了。

于是，首先对元素进行简单的质感调整，在颜色方面同样让色相和明度有明显的变化，元素整体就会更加有质感，在通过羽化，让元素与卡片有一层衔接，就有了第一个层次关系。

其次再给卡片整体加个羽化，一个微弱的投影又使卡片与背景有了第二个层次关系。

整体的层次效果就表现出来了！

3.层级
层级关系更是在设计排版中的基础，在这个小小的卡片中，通过一些文字的排版去体现其中的层级关系。

在这个天气信息中，重要的信息无疑是”温度与天气”，也是用户主要关注的信息点。

所以将两个重要信息点与主题元素置于同一侧，并且将相比更为重要的“32℃”字号加重，让两个相对重要的信息也能有一个简单的层级关系。

“>右侧的层级信息会更为明显。最大字号和字重比是时间信息，其次是两个与天气相关的信息“风向和湿度”，最小层级的则是信息不是很重要，但又有小部分用户会关注的信息“日出和日落”。

4.字体
字体的选择最重要的原则之一是：字体形态的合理运用要和整体风格一致。

在选择字体时，不是根据哪一个字体更好看、更酷来选择的，而是要结合这个设计的风格、受众人群来确定字体的样式种类。

例如：

偏向于运动类型的字体就选择字型看起来有速度感、健硕感的。

“>

偏向于儿童类的就要选择字型圆润可爱，类似于手写体的。

5.修饰
修饰元素作为小小细节点，可以为设计起到画龙点睛的作用，但是也不能让修饰元素过于抢眼，适可而止。

例如这张卡片中的修饰元素，一个简单的虚线折痕就可以让卡片显得更形象，犹如一张真实的卡片放在屏幕中，这就是一个小的修饰细节点！

包括那个“3D太阳”的素材也是属于一个修饰物。

在原版的元素上，整体太阳颜色都没有什么颜色的变化而且整体放在卡片中会显得有些糊，所以在元素修饰上也要注意它与整体的关系。

在优化后，先把元素整体提亮了一些，再通过暗部色彩、明暗分界线及反光环境色去丰富元素主题，让它既可以在卡片中凸显出来，又会与卡片有相关联、相呼应的地方！

三 小总结

这次做的东西虽然体量不大，效果可能也没有其他同学做的更好、更精致。

但是通过前后的修改对比，明白了一些基础的知识点及小小的设计思维，在以后不论是设计上还是工作上，都能用这种思维去解决相应的问题，这才是这次的最大收获！

今天就分享自己一个简单的设计思考，小进步~

欢迎大家来星球一起成长，每天都这样发现问题、解决问题并且总结下来，总有一天会达到想要的高度！共勉

想加入星球并肩作战的，快来找我（有50的优惠哦）哦~快来吧！

也欢迎大家来一起交流进步~

一起见证3000设计师的成长历程：

本文来自微信公众号“菜心设计铺”（ID：caixinshejipu）。大作社经授权发布，该文观点仅代表作者本人，大作社平台仅提供信息存储空间服务。