1. 主页 > 设计资讯 > 热门新闻

布局设计比较

没有对比就没有伤害!看设计上的大动作!【/br/】我们来拍张照感受一下:【/br/】我们都是人,为什么体型会有这么大的差别?。。

大家年龄一样。为什么看起来像?。。

是同一个设计。为什么一个站着一个坐着?。。。

(不要让小波看到这篇文章)

好,好~今天我们要讲设计!!不要八卦明星!
在上一期中,我们谈到了对齐的重要性。“经过比对,你的稿子通过了!【/br/】那么这一期我们就来说说布局设计基本原则上的比较。

简单来说,对比就是:
通过扩大两个元素的区别,可以产生视觉上的冲突。
再来一张像点示意图。

对比是视觉设计中最常用的设计手法之一,可以起到以下作用:

第一,强烈的对比可以形成视觉上的落差,从而产生更强的视觉冲击。【/br/】第二,对比可以快速区分页面中谁是主角,谁是配角,这个过程建立了信息层次。

没有对比,画面会平淡无奇,无法抓住用户的眼球。
来和我一起读:没有对比,就没有设计。

那么有什么可以用来比较的呢?

从理论上讲,元素的所有可变特征都是可以比较的,比如大小、光洁度、形状、颜色、质地、位置、方向、软硬,甚至表情、性格等等。

电影《变脸》和《搏击俱乐部》的海报都通过比较两人的表情暗示了人物的身份和剧情的走向。【/br/】在实际工作中,我们一般会用到一些视觉上容易感知的属性,比如大小、颜色等。这里我们列举几种常用的比较方法,并分析它们在设计中的应用。

比较大小很简单,就是提取关键信息,放大。这样,用户可以在第一时间关注关键信息。

让我们举一个简单的例子:

更多应用案例:

左:与常规大小对比相比,视觉顺序构建良好。【/br/】右图:采用局部放大整体缩小的对比方式,通过夸张的比例营造出神秘的氛围。

色彩对比也是最常用的对比方法之一,色彩对比的应用会更加复杂。色彩对比、亮度对比、冷暖对比等。总之颜色的所有属性也是可以比较的。

或者这个简单的例子:

有了色彩对比,画面的焦点进一步突出。

更多应用案例:

左图:《天使爱美丽》的海报利用了红色和绿色的色调对比,很好的衬托了主角的怪癖特征。
右图:利用亮度对比,用两个不同肤色的手指模拟钢琴的黑白键。

左:自古以来CP就有红蓝两色出现,红蓝对比是最经典的色彩对比方案。
右图:红色和黑色是颜色和非彩色的经典对比。

现实与现实的对比可以形成强烈的空感和速度感。
注意不是这个虚拟的!

再次优化简单案例:

加一个模糊的5作为背景,经过一些环境光的照射,整个画面会从平面变成景深空的立体。

更多应用案例:

透过模糊的前景和背景漂浮物体,整个画面充满了动感。

虚实结合的球形成了距离感,很好的体现了空之间的景深。

或者空空间感和速度感。

在这里,我不得不严肃的说,闪电侠可以击败光速,那为什么在超人面前变成了战争败类???我不服!

好了,回到教程!

古人云:稀疏赛马,密不透风。据说密度对比可以创造出很好的节奏变化。

案例:

非常常规的排版,可以清晰的传达信息点。

给文字加上密度变化后,视觉上会有节奏变化,画面会有设计感。

更多应用案例:

大段文字的密集排版可以使文字成块,视觉上更紧凑,更有利于留白。剩下的大面积可以用来显示图片的主题。通过这种密度的变化,不仅可以形成良好的阅读节奏,还可以强化主题。【/br/】实际设计中,会有更多的元素可供比较,但由于篇幅有限,只写到这里。接下来,我通过实际案例展示了对比在设计中的应用。

在实际案例中,我丰富了前面简单的案例,做了一个完整的海报。

-

案例一

庞门大道党海报,凸显党城

-

1.找一张能代表Xi安特色的照片——钟楼
2。添加夜蓝作为背景,与鼓楼的黄色形成对比

3.大致安排文案。因为鼓楼主体在右下角,所以我们把文案主体放在左上角,形成视觉平衡。
4。以两端对齐的方式排列文本,注意细节,如文本的水平、垂直和大小,并添加行来整理文案。
5。最后,添加一些小角色,从而完成海报的设计。让我们看看海报中使用了哪些对比方法:

让我们看看最终结果:

-

钟表业之旅

庞门正道晚会海报,突出嘉宾

-

案例一,我用了非常工整的排版方式,案例二,我尝试了非常规的排版方式。

1、首先当然是找张帅的照片。
2。这张照片的对比度略显不足,但轮廓不错,所以我尝试用渐变贴图处理成黑白,增加对比度,突出人物的轮廓,增强黑白的颗粒感。

处理过程:

3.处理好光斑等不完美的细节。
4。添加标题文本。

5.将标题改为更具视觉冲击力的书法字体,并使其呈明黄色,与黑色背景形成强烈对比。
6。尽量把文字拆分,和人物轮廓结合起来。同时可以留出空用于其他文案。

7.打出主文案,把文案放到屏幕上。
8。尝试后,整体右对齐效果良好。
9。最后补充一些辅助文案,让画面更平衡,更有节奏感。这样海报就基本完成了。让我们看看所使用的比较方法:

看最后的结果:

本文由设计学习网整理发布,不代表设计学习网立场,转载联系作者并注明出处.

联系我们

在线咨询:点击这里给我发消息

微信号:ffjianzhan@qq.com

工作日:9:30-18:30,节假日休息