今天咱就讲一个实用小案例，看看能不能讲的透彻一点！

今天我们就讲一个星友的案例，好好讲讲这里面的原理，让大家吸收一波！本文案例强调重点画面主体突出，包括大小和颜色、考虑画面的深度、元素和背景颜色前后关系；仔细把元素的精致度做好。这样就能大大提升画面质感。

下面这个是星友参考的原作：

然后下面这个是他练习的一个作品：

我们来分析下二者差在那里。

我认为有以下4点：

1. 主体物与背景的色系反差

2. 主体物与辅助元素的大小对比

3. 辅助颜色的前后关系

4. 元素的精致度

1. 主体物与背景的色系反差

从色系来看，我们看原作：

背景是冷色，周围元素也是冷色，只有最突出的主体物是暖色，这样的好处就是让主体十分突出。

我们做设计都知道，画面里尽量保证只有一个主要物体突出，如果所有元素都很抢，那整体看起来就会有点乱，就像下面这个练习：

背景是暖色，元素的颜色有蓝色、绿色，都属于冷色，而且元素的色相都是和背景差异比较大的色相，这样就会导致整体有点凌乱。

2. 主体元素与辅助元素的大小对比

这点很容易理解，我们看原作的主体物是不是要比辅助元素大很多：

而练习的这个主体就不够大，没有拉开对比：

主次不分明，也是画面不精致的原因之一。

3.辅助颜色的前后关系

我们在观察画面的时候一定要注意，不要只关注二维平面的关系，还要看三维的前后关系，什么意思呢？

我们看原作的颜色：

他是有很明显的前后关系的，辅助元素有蓝色：

蓝色和背景的蓝比较相近，颜色就会比较靠后。

除此之外，还有灰白色，和卡片的颜色相近：

颜色也会比较靠后，这样就形成了颜色的前后关系。

在使用多色时，一定要想办法融入一些无彩色，黑白灰，这样会让湖面没那么腻。

我们再来看下练习的作品，四个元素的颜色和背景都是剥离开的，没有一个是靠向背景的：

这就会让画面的深度不够，没有前后关系。

4. 元素精致度

这个点以前经常说，元素尽量饱满一些会比较精致，我们看原作的元素，我们还是老办法，加个矩形框：

每一个元素都是满的，可以撑的起来，但是练习的元素有一个就稍显单薄：

如果单体不够饱满，当夜也会影响整体的精致度，所以大家一定要多注意。

总结

以上就是这个小案例的分析，总结一下就是：

画面主体要突出，不轮是大小还是颜色；

要考虑好画面的深度、也就是元素、颜色的前后关系；

再有就是元素的精致度要做好。

希望今天的小分析可以给大家一点启发，么么扔！

原文地址：菜心设计铺（公众号）

作者：菜心设计铺

转载请注明：学UI网》今天咱就讲一个实用小案例，看看能不能讲的透彻一点！

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

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

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

1. 主体物与背景的色系反差

2. 主体元素与辅助元素的大小对比

3.辅助颜色的前后关系

4. 元素精致度

总结

分类

日历

链接

个人资料

存档