为什么你的设计看起来很乱?用这3个方法搞定!

为什么你的设计看起来很乱?在此之前我们先了解一个概念,我们怎样看这个世界?

我们通过眼睛看世界,眼(又称眼睛,目)是一个可以感知光线的器官。那么结论来了,我们看到这个世界,其实本质就是看到了光。举个例子,晴空万里时我们可以看到很远很远的距离,反之在漆黑的屋子里,我们什么都看不见。

我们再来了解第二个问题,眼睛是怎样成像的?眼睛通过调节晶状体的弯曲程度(屈光)来改变晶状体焦距获得倒立的、缩小的实像。简单来说,成像原理就是晶状体来改变焦距,简单一点解释决定成像的重要因素是焦距。

你的设计看起来很乱,往往在这几个方面出了问题:

明暗关系紊乱;

视觉焦点不明确,画面没有重点;

颜色杂乱,毫无章法。

明暗

明暗是指画中物体受光、背光和反光部分的明暗度变化以及对这种变化的表现方法。明暗分亮面,灰面,暗面,以及明暗交界线,反光五大调子。单个物体明暗关系,暗部(反光,投影)>灰面>亮面。整体关系,靠近光源暗部>远离光源……画画核心画的是光,遵循光照的自然规律即可。

去色检查画面明暗关系

从上至下三张图依次是去色之后的黑白图;运用色相和饱和度给画面赋予一个颜色的单色图;原图。

从下图可以粗略得出结论,明暗(光源色)+固有色=色彩。调色之前先处理明暗,画面颜色处理起来就非常简单了。

最近火爆的国产硬核科幻片海报,即使去掉颜色,黑白关系依旧明确清楚。好的设计即使没有任何颜色,依旧是一副好的素描画。我所理解的明暗关系与色彩的关系相当于人体与衣服妆容的关系,对于一个美女是否漂亮,衣服妆容的搭配是你能达到漂亮的上限,然而你的脸型,身高,气质,皮肤才是你能达到的惊为天人的基础。

视觉焦点

视觉焦点究其概念,是让我们的视线多停留几秒的视觉元素,我们在画面中第一眼就能看到的元素,画面中的「主角」。

对画面的视觉漏斗进行分类:

视觉焦点:想看不见都很难,表现突出;

重要元素:不经意就能看见;

辅助元素:仔细看看也能看见(类似买理财产品的最右下角的小标注,「投资有风险,理财需谨慎」)

高斯模糊法看视觉焦点

眯着眼睛看形,睁着眼睛看细节。把画面模糊调到一定程度,然后看画面,如果画面仍然能看清楚「主角」,那么画面的视觉中心就是可以的。下图画面即使模糊了,我们依然能看清「男主角」沈腾以及飞驰人生四个大字,虽然原图背景复杂以及其他装饰物很多,依然不影响画面的整体协调感,元素多且杂而不乱。

这上面的两个例子看出,即使画面模糊了,还是能清晰看到画面表达的主题。那么模糊度多少合适呢,一般调整到上面所说的视觉漏斗中重要元素看起来刚好模糊到看不清就可以了。

色彩

色彩是附着在物品上由于光的照射产品漫反射的颜色,可以粗略按色彩元素分为光源色,固有色和漫反射产生的环境色。按照长期的实践经验来看,通常比较和谐的配色方式是除了产品的固有色之外,尽量把光源色和环境色统一在三种颜色(黑白灰不算颜色)之内,颜色比例尽量类光源色的主色调占据画面百分之八十的面积,其他环境色作为补充。

色彩插件检查配色

谷歌插件 palette.site 能分析出画面颜色的状态以及画面中几种主要的颜色,借助这个插件能很轻松检查画面是否超过了3种颜色(黑白灰不算颜色),如果超过三种颜色,那么页面就需要做减法,或者将颜色统一在一个色系里,用明度以及饱和度区分。

插件的使用方法:可以直接使用浏览器下载,然后也可以在浏览器中选择一张图片,右键「在新标签中打开图片」,然后再「点击右上角的插件按钮」分析颜色状态。

从上面的两个案例中可以看出,两个 banner 的颜色分析基本都在三种颜色以内,特别是下面的看起来比较复杂的颜色,总共分析的颜色也就红黄蓝,其中蓝色还是点缀色的存在。(想学习ps平面设计的可以加qq群:760610867,学习交流)

今天的内容就说到这里了,我们回顾一下重点内容,解决画面看起来很乱可以有以下方法:

去色检查画面明暗关系

高斯模糊法看视觉焦点

色彩插件检查配色

设计虽没有近路,但可以少走弯路。

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

推荐阅读更多精彩内容