布局设计比较
没有对比就没有伤害!看设计上的大动作!【/br/】我们来拍张照感受一下:【/br/】我们都是人,为什么体型会有这么大的差别?。。
大家年龄一样。为什么看起来像?。。
是同一个设计。为什么一个站着一个坐着?。。。
(不要让小波看到这篇文章)
好,好~今天我们要讲设计!!不要八卦明星!
在上一期中,我们谈到了对齐的重要性。“经过比对,你的稿子通过了!【/br/】那么这一期我们就来说说布局设计基本原则上的比较。
简单来说,对比就是:
通过扩大两个元素的区别,可以产生视觉上的冲突。
再来一张像点示意图。
对比是视觉设计中最常用的设计手法之一,可以起到以下作用:
第一,强烈的对比可以形成视觉上的落差,从而产生更强的视觉冲击。【/br/】第二,对比可以快速区分页面中谁是主角,谁是配角,这个过程建立了信息层次。
没有对比,画面会平淡无奇,无法抓住用户的眼球。
来和我一起读:没有对比,就没有设计。
那么有什么可以用来比较的呢?
从理论上讲,元素的所有可变特征都是可以比较的,比如大小、光洁度、形状、颜色、质地、位置、方向、软硬,甚至表情、性格等等。
电影《变脸》和《搏击俱乐部》的海报都通过比较两人的表情暗示了人物的身份和剧情的走向。【/br/】在实际工作中,我们一般会用到一些视觉上容易感知的属性,比如大小、颜色等。这里我们列举几种常用的比较方法,并分析它们在设计中的应用。
比较大小很简单,就是提取关键信息,放大。这样,用户可以在第一时间关注关键信息。
让我们举一个简单的例子:
更多应用案例:
左:与常规大小对比相比,视觉顺序构建良好。【/br/】右图:采用局部放大整体缩小的对比方式,通过夸张的比例营造出神秘的氛围。
色彩对比也是最常用的对比方法之一,色彩对比的应用会更加复杂。色彩对比、亮度对比、冷暖对比等。总之颜色的所有属性也是可以比较的。
或者这个简单的例子:
有了色彩对比,画面的焦点进一步突出。
更多应用案例:
左图:《天使爱美丽》的海报利用了红色和绿色的色调对比,很好的衬托了主角的怪癖特征。
右图:利用亮度对比,用两个不同肤色的手指模拟钢琴的黑白键。
左:自古以来CP就有红蓝两色出现,红蓝对比是最经典的色彩对比方案。
右图:红色和黑色是颜色和非彩色的经典对比。
现实与现实的对比可以形成强烈的空感和速度感。
注意不是这个虚拟的!
再次优化简单案例:
加一个模糊的5作为背景,经过一些环境光的照射,整个画面会从平面变成景深空的立体。
更多应用案例:
透过模糊的前景和背景漂浮物体,整个画面充满了动感。
虚实结合的球形成了距离感,很好的体现了空之间的景深。
或者空空间感和速度感。
在这里,我不得不严肃的说,闪电侠可以击败光速,那为什么在超人面前变成了战争败类???我不服!
好了,回到教程!
古人云:稀疏赛马,密不透风。据说密度对比可以创造出很好的节奏变化。
案例:
非常常规的排版,可以清晰的传达信息点。
给文字加上密度变化后,视觉上会有节奏变化,画面会有设计感。
更多应用案例:
大段文字的密集排版可以使文字成块,视觉上更紧凑,更有利于留白。剩下的大面积可以用来显示图片的主题。通过这种密度的变化,不仅可以形成良好的阅读节奏,还可以强化主题。【/br/】实际设计中,会有更多的元素可供比较,但由于篇幅有限,只写到这里。接下来,我通过实际案例展示了对比在设计中的应用。
在实际案例中,我丰富了前面简单的案例,做了一个完整的海报。
-
案例一
庞门大道党海报,凸显党城
-
1.找一张能代表Xi安特色的照片——钟楼
2。添加夜蓝作为背景,与鼓楼的黄色形成对比
3.大致安排文案。因为鼓楼主体在右下角,所以我们把文案主体放在左上角,形成视觉平衡。
4。以两端对齐的方式排列文本,注意细节,如文本的水平、垂直和大小,并添加行来整理文案。
5。最后,添加一些小角色,从而完成海报的设计。让我们看看海报中使用了哪些对比方法:
让我们看看最终结果:
-
钟表业之旅
庞门正道晚会海报,突出嘉宾
-
案例一,我用了非常工整的排版方式,案例二,我尝试了非常规的排版方式。
1、首先当然是找张帅的照片。
2。这张照片的对比度略显不足,但轮廓不错,所以我尝试用渐变贴图处理成黑白,增加对比度,突出人物的轮廓,增强黑白的颗粒感。
处理过程:
3.处理好光斑等不完美的细节。
4。添加标题文本。
5.将标题改为更具视觉冲击力的书法字体,并使其呈明黄色,与黑色背景形成强烈对比。
6。尽量把文字拆分,和人物轮廓结合起来。同时可以留出空用于其他文案。
7.打出主文案,把文案放到屏幕上。
8。尝试后,整体右对齐效果良好。
9。最后补充一些辅助文案,让画面更平衡,更有节奏感。这样海报就基本完成了。让我们看看所使用的比较方法:
看最后的结果:
本文由设计学习网整理发布,不代表设计学习网立场,转载联系作者并注明出处.