当前位置:首页 > 经验分享 > 菜鸟教程 > 正文内容

设计小技巧:排布元素的时候要学会“透气”

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

到底留下什么呢?

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

  • 画面主次一定要分清

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

  • 颜色有层次,画面才会“活”

一. 画面主次一定要分清

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

举个例子:

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

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

切记,做设计的时候一定要随时提醒自己:主次分明!

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

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

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

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

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

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

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

加完小元素的效果如下:

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

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

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

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

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

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

当然可以,例如加点红色的互补色——绿色:

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

总结

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

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


  • 随机文章
  • 热门文章
  • 热评文章

扫描二维码推送至手机访问。

版权声明:本文由格熊发布,如需转载请注明出处。

免责声明:本站收集的内容,都来自网络,版权争议与本站无关。

本文链接:https://www.gexiong.com/cnjc/25.html

分享给朋友:

相关文章

2021跨境电商google广告投放指南

2021跨境电商google广告投放指南

由于国内流量的质量度及精准度太差,很多个人甚至企业砸了很多钱却没有一个好的结果。笔者认为国内流量质量度较差和精准度较低的原因是因为各大流量平台什么样的广告都接,什么样的广告都给投放,但是这将严重影响了用户体验度,好比某搜索引擎前几年医疗事件就是一个很好的例子。再加上国内产品根本卖不起价格,都在打价格...

PE安装Windows10系统详细教程,小白也能分分钟钟学会!

PE安装Windows10系统详细教程,小白也能分分钟钟学会!

这篇文章本在几个月前就已经发布,但经过这几个月的实际操作,不少小伙伴遇到了不同的问题,格熊这里重新将装机教程做了优化,希望能帮助各位小白同学快速学习装机。系统重装之:常规U盘PE装机详细教程!一,适用条件此方法适用任何情况下的电脑系统新装、重装!二,前期准备8GU盘    &nb...

超详细的Midjourney入门教程!小白看了都会,多图手机流量请注意

超详细的Midjourney入门教程!小白看了都会,多图手机流量请注意

Midjourney的使用方式是: 通过给Discord频道内的聊天机器人发送对应文本,聊天机器人返回对应的图片。所以想用Midjourney,需要先注册一个discord 账号,然后进入Midjourney的Discord频道。我们注册了账号之后,可以用浏览器使用discord,也可以下载他们的客...

PS变量的高级应用案例精讲,批量制作证书,工作证,奖状等

PS变量的高级应用案例精讲,批量制作证书,工作证,奖状等

PS的变量功能可以实现用数据驱动模型的目的,通俗地说,就是可以使用变量功能批量完成模板相同而具体内容不同的作品,例如,一个公司所有员工的工作证、名片等,发给不同人的请柬、贺卡等。下面我们以公司员工工作证为例,来学习整个工作流程的详细步骤。第一部分:获取所有照片的名称在这里,我们收到了员工按要求提交的...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。