你必须知道的视觉设计的10个基本原则

本文首发于公众号:设计新手村

文章译自:Medium

原文标题:10 Basic Principles of Visual Design

原文作者:José Torre

文章翻译:村长道哥

昨天我在听播客时,听到有人在以“我是老粉丝了,但这是我第一次提问”为开头来发问,不知怎么的我想到了 Medium。我已经在这里花费了大把大把的时间,但是我从来没有做出什么贡献。今天就是我做出改变的日子。

正如介绍中提到的,我决定写一些走心的东西,有关于视觉设计(特别是平面设计)的东西,更具体地说,是我学到的一些基本原则,我认为这些对我工作的影响很大。

我希望让这篇文章简短一些,出于这个原因,我将尽量简短地介绍这些原则,对于那些应该深入学习的东西,我会在以后专门用一篇完整的文章来介绍。

好的,准备好了吗?那就开始了。

#1 点、线、形

这些是任何设计中最基本的元素,有了这些东西你才可以创建任何你想要的东西。从简单的图标到复杂的插画,一切都是由这些简单的元素组合而成的。

在几何中,一个点由X坐标和Y坐标构成,再加上一个Z轴,你就进入了一个3D世界,但是这篇文章中我还是聊聊二维的东西。

点 > 线 > 形

如果把两个点连起来就会得到一条直线。一条由无数的点组成的线,有点像由一堆原子组成的分子,形成了你周围的所有物体。然后,如果你添加第三个点并把它们连接起来的话就形成了一个形状,在这个例子中是一个三角形,但是你可以用这些基本元素来实现你想要的任何东西。

但是现在,对你的眼睛来说,这些形状都是不存在的,除非你添加一些东西。

#2 颜色

可视化的光谱


人类的眼睛可以看出超过1000万种不同的颜色。从小时候开始,我们所有人都学会了将某些特定的价值观或意义赋予某个特定的颜色。

想象一下交通信号灯,我们都知道红色是停止的意思,绿色可以走,黄色的意思是你可以继续踩油门,只要还没变成红色就可以。这就是说,我们会基于某种颜色采取完全不同的行动,有时甚至是下意识地去做。

在我看来,这些现象的原因是因为我们主动的学习,而不是因为某种颜色有其内在的意义。如果你认为这些意义会随着一个人成长环境的文化、地点和时间的不同而改变,这就更明显了。

所有的这些都表明了你可以通过选择合适的颜色来增加内在的含义、意图和风格,你需要对设计的受众非常了解。

现在回到上面的三角形,看看如何让它更有趣一些。

#3 字体

把三角形变成字母A

这是一个很重要的方面,我认为对设计师来说字体是最重要也是最困难的事情之一。关系到的不仅是你写的东西,还是你表达的方式。字体关乎于文字的样式。

使用正确的字体就可以把本来平庸无奇的文字变得强大有力,但这并不容易,而通过选择错误的字体来毁掉整个设计确是十分简单的事情。和颜色一样,字体也可以定义一种风格。

大多数的字体设计都是有其目的的,你需要知道具体字体的用途,然后用它来帮助你完成设计。有些字体适用于大块的文本,有些字体适用于标题。有些字体仅仅是简单实用的,而另一些仅仅是为了好玩或者用来讽刺的(你懂的)。

虽然有成千上万种不同的字体可供选择,但除非你需要一些异想天开的东西,或者你想要做出一些非常别具一格的东西,否则我建议你使用那些经典的字体。然而,如果你有本事的话,你完全可以设计属于你自己的字体,尽管我认为这是作为设计师最具挑战性的事情之一。如果你准备开始一个设计的话,不能忘了下面的东西。

#4 空间

平衡空间的方法要么会成就一个设计,要么会毁掉一个设计,特别是在字体方面。

你需要考虑每一个元素/字母是如何相互联系的,并给予这些元素所需的呼吸空间,这通常被称为负空间(正空间是实际的字母)。

调整字母之间的负空间(也就是“字偶距”)

你需要把负空间作为设计重要的一部分,好好利用。空间的作用十分强大,可以帮助你的观者在你的作品中轻松找到想看的东西,它能够创造一个让眼睛休息的区域。

善用空间,太多的空间会让你的设计看起来像是个半成品,而空间过少会让你的设计看起来拥挤不堪。

在正空间和负空间之间找到合适的比例可以让你得到以下的东西。

#5 平衡、节奏、对比

当你开始把一些简单的元素变成有趣和吸引人的东西的时候,你就会发现平衡、节奏和对比。通过考虑视觉权重来平衡设计中的所有元素。加入你的设计右下角有一个一个大的黑色方块,这会减弱整个设计的张力,你需要做出一些抵消的措施,或者把大黑块移到其他位置。

调整文字的视觉权重,以创造出节奏和对比

页面中元素的位置非常重要,让一些元素的权重比其他元素高一些有助于营造对比和节奏,这可以让观者的眼睛可以更舒服地浏览你的设计作品。

可以帮助营造节奏和平衡的也可以是下面的东西

#6 等级

调整文字的大小

等级不仅能营造节奏、对比和平衡,还能创造层次感。一般来说,不是所有的元素都具有相同的重要性,体现不同的最好方法之一就是改变大小。

这么做必须目的明确才可以,不要一味追求“让 Logo 更大一些”的方法,也别忘了我之前提到的空间。

拿报纸中的页面作为例子,页面中最重要的事情是什么?

首先,标题通常比较短,这为什么?因为这样你就可以快速浏览页面,看看是否有你感兴趣的东西。然后,更小一些的副标题可以给你关于文章的更多信息。最后,字体最小的文字,也就是令人最舒适的阅读文本。

所以,一切都是根据目的来调整大小,永远不要忽视使用设计的人们的需求。说到报纸,是时候引出一些关于秩序的东西了。

#7 网格和对齐

这两种东西产生的感觉,就像俄罗斯方块时,当你用最后一根长条清除所有砖块时的那种奇怪的满足感。

给元素之间添加一些关系,这样能够看起来更平衡和愉悦

网格和对齐其实是看不见的,但如果你打开一本书或一张报纸后你就会看到它们。不管你设计的是什么,网格结构可以使设计令人更愉悦也更容易接受。

即使你是有目的地去创造一种混乱的设计,也必须有一个适用于这种混乱的秩序。

对齐对于文本来说非常重要,虽然对齐方式有很多,但我的经验法则就是左对齐。虽然你应该根据设计的内容和受众来决定对齐的方式,但是一般来说,人们阅读的习惯是从左到右,然后从上到下,居中对齐河右对齐的文本会让人难以阅读。

#8 构图

这是摄影里的一个关键概念,但也适用于视觉设计。

无论你使用的是一张照片、一个插图还是别的什么东西,适当的构图可以改变一切。

重新搭配组合能够创造出趣味点和额外的元素

为了将注意力放在重要的元素上,裁剪和构图能够突出主题并加强信息,就是为了传达正确的信息,并且以更好的方式来传达。

如果到这了你还觉得缺了点什么,那么你可以尝试下面的东西。

#9 纹理和图案

尝试一个带有噪点的纹理

我个人认为纹理和图案就像饰品一样,不一定非要使用它们,生活中可以没有这些东西的存在,但有时它们却很重要,可以让你的设计补上那种好像缺了点什么的感觉。

纹理不像之前那么流行了,但你可以用它让你的设计再上一层楼,让作品看起来更真实。

纹理本身不一定仅限于电子作品,如果是要打印的作品,一定要选择正确的纸张,像倒角、浮雕或 UV光油 这样的材质可以让你的设计化腐朽为神奇,但不要选择那些不靠谱的特殊涂饰。

图案就是重复的组合,有时图案就是一种纹理,区别就是取决于你如何使用它们。图案的主要用途是在一个扁平的设计中注入节奏和活力,以及用来平衡过多的负空间。

最后但同样重要的是,我个人认为下面的内容是视觉设计中的圣杯!

#10 视觉概念

这是你的设计背后的想法。你的意图是什么?表面的图像背后的深层含义是什么?

一个代表想法的灯…陈词滥调,我知道:)

这就一个优秀的设计和一个从图库下载的东西之间的区别。

带着想法去做设计,记住要在你的设计中融合各种想法。认真挑选你用的字体,想想每一个微小的部分是否都符合基础概念。一致性成就一切。

如果你的理念有理有据,那么你就要不惜一切保护它,并把你的想法讲给你的客户或者老板,或任何的其他受众。

另外,一个有深度的设计自有其强大的生命力。时尚潮流的东西都很吸引人也很可爱,但小胡子和方格衬衫这些东西迟早会过时。我相信一个好的设计从不跟随潮流,而是创造潮流。


好了,这就是我的构建一个好设计的10个原则。虽然我认为第10个是最重要的一个,但你还是需要注意其他几个原则,这样你才能真的成为一个大师。你可能有一个伟大的想法,但我觉得你还需要知道如何让这个想法成真(或者让别人帮你成真)。

人们总说不能根据一本书的封面来下判断,但实际上大多数人都是这么做的。如果书里面的内容没有很好地体现在封面上,肯定会影响这本书的销量。

最后需要注意的一点是:我也考虑了设计或项目中其他的一些东西,比如了解受众是谁,以及如何实现目标,但是我没有把这些加入到这个列表中。这些“约束”是定义视觉概念的不可缺少的部分。有的想法可能不错,但如果没有解决项目需求的话,迟早也会完蛋。

我希望你能够从中获益,即使你已经知道了这些东西。我使用这些原则就像用我的施德楼钢笔一样,我也从设计结构成积木的练习中得到了许多乐趣。

感谢你的阅读!

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

推荐阅读更多精彩内容