平面设计中7个使用色块的设计技巧

在不同的平面设计作品中经常看使用色块来设计,这是比较常用且好看的设计效果,而这种效果在UI, BANNER 和网页设计中特别好使,今天设计达人分享7个使用色块的设计技巧,设计师们可以把这些技巧运用到各种的平面设计上,本文中用了大量的设计作品案例跟大家讲解,请大家认真学习。

色块的作用:

色块在排版中的主要作用是:分割内容、突出信息、增加视觉冲击力、装饰等等。

不过运用色块排版并没有我们想象的那么简单,所以我们也会看到有很多使用了色块,但效果还是很不好的设计作品。

那么,在使用色块排版的时候我们需要注意哪些问题呢?使用色块排版的正确打开方式是怎样的呢?来看看葱爷的解答:

1.色块要有张弛

张弛其实就是指要有大小对比,如果版面中有多个色块时,那最好要有大小的区分,而不是所有色块一样大或差不多大。

上图三个色块把版面均等分成三份,虽然不难看,但感觉缺乏主次和设计感。

拉开明显的大小对比后,版面变得更有张弛。

2.色块内的元素排版要有细节

很多设计师以为把信息分类排在色块里就万事大吉了,其实每个色块都是一个小版面,里面各元素的排版也十分讲究,比如不要把色块填得太满、文字要有大小对比,还可以用一些小元素进行装饰。

▲由于色块内的文字排版没有花太多心思,所以这个版面给人感觉不是很精致。

▲于是我给色块内的手机参数做了一些细节的处理,使其对比更强、更有层次。

▲将色块里的信息优化排版后,总体感觉也更精致了。

3.色块颜色不要太多 

如果一个版面中的色块比较多,就要尽量控制颜色的数量,因为颜色一多就容易花,一般情况下把色系数量控制在四种之内为最佳(同一色系的颜色可以有深浅变化。)

▲颜色过多,而且饱和度都很高,所以感觉有点刺眼。

▲把色块颜色减少到只有白色和黄色后,画面就变得和谐了很多。

4.色彩搭配要讲究

关于色块的配色,葱爷给大家分享几个小技巧:

1.尽量不要把所有色块都填充成高饱和度的对比色。下面这张图的配色就属于这一类型,所以感觉不是很协调,看起来不太舒服的亚子。

2.用黑白灰搭配一个单色。黑白灰的包容性很强,既不会使画面太花,又能拉开层次、使彩色块得到凸显。

3.类比色搭配。无论是色相相连的类似色,还是色相相同只是在饱和度或明度上不同的颜色,它们搭在一起都会比较和谐。

4.对比色搭配。对比色搭配当然也很常见,不过需要注意搭配技巧,前面说了尽量别用全是高饱和度的对比色,比较稳妥的做法是用高饱和的颜色搭配低饱和度的对比色,或者是明度差别较大的对比色,如下图:

5.要适当打破色块

如果把所有元素都放进色块里,整体效果会比较规整、统一,但同时也容易显得刻板去,所以可以让某些色块元素适当地冲出色块,加强动感和灵活性。

▲上图把色块进行倾斜扭曲形成了一点透视,形式比较新颖,但所有元素都在色块内,整体缺乏冲击感和张力。

▲把中间的人物拉大冲出色块后,整体感觉是不是好了很多。

6.各元素之间要有联系

首先是各个色块里面的元素,应该互相之间要有联系而不是完全独立的,其次是色块内的信息与色块外的信息也要有联系,因为每一个色块都要为整体的版面效果负责,还有色块与色块也要有联系。

▲在上图中,虽然色块内的文字排的不错,都有严格的对齐关系,但是色块与色块之间、不同色块的信息之间、色块内的信息与色块外的信息之间,联系比较少,所以整体显得有点乱。

▲而在上图中,我加强了它们之间的联系(主要通过对齐的方式),整体效果也得到了改善。

7.不要太单调

统一是设计中的一大重要原则,但如果只有统一,那整版面就会很单调、没有生气,所以在用色块排版时也要注意保持变化。

比如不要把所有的内容全部放进色块中,比如色块的方向、大小、轮廓、空间要有变化等等。

上图的色块并不是矩形,并且几个大色块的形状也是不一样的。

上图用背景中的斜色块打破了主体中矩形色块的刻板印象。

菱形色块比矩形更灵活,但是对排版的文字和图片有比较大的限制。

用一些异形的色块,或者是把某些简单的图形当作色块可以使版面变得更活泼。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 200,738评论 5 472
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,377评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 147,774评论 0 333
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,032评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,015评论 5 361
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,239评论 1 278
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,724评论 3 393
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,374评论 0 255
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,508评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,410评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,457评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,132评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,733评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,804评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,022评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,515评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,116评论 2 341

推荐阅读更多精彩内容