实战案例！视觉设计练习学到的3个小技巧

@菜心设计铺 ：我经常会和好朋友们说，设计师要踏踏实实的多练习，练多了，没准人生巅峰就来了！当然如果你能在练习的过程中带上一点点的思考，那就更棒了，迎娶白富美都不是问题。每一次的练习与执行，我们都要学会给自己留下点什么，不然进步的速度就会很慢。

到底留下什么呢？

菜心就以自己为案例，来讲讲最近通过执行给自己留下了什么吧！

• 画面主次一定要分清
• 排布元素的时候要学会“透气”
• 颜色有层次，画面才会“活”

一. 画面主次一定要分清

当作一个画面的时候，我们可以把画面分为两大层，一层是主形象，一层是背景。我们千万要记住一点，就是背景一定不要抢过主形象，不然就本末倒置了。

举个例子：

我的本意是想让背景丰富一点，所以加了一下修饰元素。但现在看起来，元素十分的抢眼，已经妨碍我们去观赏主形象了，所以我的做法就是缩小背景元素：

嗯，不那么抢眼了，但好像看着很死板啊。于是我又调整了元素的角度，并且融入了一些英文做修饰，最终如下：

切记，做设计的时候一定要随时提醒自己：主次分明！

二. 排布元素的时候要学会“透气”

在做背景的时候，我们经常会遇到排布元素的情况，最省事的方法就是平铺。但平铺也是需要技巧的，像下面这种就是赤裸裸的平铺啊！

为了使其透气，我们可以拉开元素与元素之间的距离，或者缩小某些元素，如下图：

如果觉得还是很闷，那就让小元素去后面，形成前后对比，达到透气的效果：

举个实际的例子，下面这个元素排布的就很拥堵：

首先我们可以将元素与元素之间不要离的那么近，有一种让空气可以在画面里面流通的感觉：

此时如果觉得画面太单一、太空，我们就可以加一些小元素，让小元素与主元素形成前后对比，就像下图的浅灰色方块一样：

加完小元素的效果如下：

当然方法不止一种，但使画面透气、有节奏是我们的终极目标，只要能达成此目标，什么方法都可以。

三. 颜色有层次，画面才会“活”

颜色对我来说真的很头疼，最近的练习中对颜色也是颇有感触，以后会专门写一篇颜色的，今天就先讲一个小点吧！

有时候我们会觉得画面看着不够“活”，死气沉沉的，比如下面这个画面：

看着很平，就是因为颜色上没有层次，没有碰撞。蓝色与红色为对比色，假如我们将人物的衣服换成蓝色，是不是会好点呢？

嗯，确实是好了点，那背景是否可以再加点层次呢？

当然可以，例如加点红色的互补色——绿色：

这样就看着层次丰富多了，也就是我们所说的“活”。但要强调一点，绿色是点缀色，不能占的面积太大，不然就太抢眼了。

总结

以上就是今天要分享的几个小知识点，都是在平时执行过程中总结的，希望能给大家带来一点启发。

每一次执行都是最好的总结机会，学到了什么？运用了什么？这些都是我们需要思考的，积攒多了，进步那是必须的，不信你就试试。

欢迎关注作者的微信公众号：「菜心设计铺」

「优设自学指南系列」

1. 视觉设计：我们到底要如何学习视觉设计？
2. 平面设计：《超赞！设计师完全自学指南》
3. 交互设计：《交互设计师修炼指南！教你从零开始成为优秀交互设计师》
4. UI设计：《超实用新手指南！零基础如何自学UI设计？》
5. 前端开发：《天猫高手来教你！零基础如何系统地学习前端开发？》
6. 抠图技巧：《从菜鸟到高手！PHOTOSHOP抠图全方位攻略》
7. 配色方案：《色彩搭配速成！3个实用方法帮你全面搞定配色》
8. DPI指南：《基础知识学起来！为设计师量身打造的DPI指南》
9. 交互设计自学路径图：《零基础入门！给非科班生的自学路径图之交互设计篇》

【优设网 原创文章 投稿邮箱：yuan@uisdc.com】

================明星栏目推荐================

优优教程网： UiiiUiii.com是优设旗下优质中文教程网站，分享了大量PS、AE、AI、C4D等中文教程，为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章，按照我们的专栏一步步学习，一定可以迅速上手并制作出酷炫的视觉效果。

设计导航：国内人气最高的设计网址导航，设计师必备：http://hao.uisdc.com