今天溪食,我讀完一本書(shū),并為你繪制了它的思維導(dǎo)圖娜扇。原書(shū)厚240頁(yè)错沃,字?jǐn)?shù)約30萬(wàn),按250字每分鐘的速度袱衷,讀完需要20小時(shí)捎废。而本文僅4879字,你只需要20分鐘致燥。
以后你如果重復(fù)看圖6次登疗,每次10分鐘,就可以永久記住它的精華嫌蚤,從而美化你的手帳辐益、PPT、文字排版以及其他一切平面設(shè)計(jì)脱吱。
一
第一眼看到這本書(shū)的時(shí)候智政,我不以為然,作為一名法律工作者箱蝠,認(rèn)為它與我沒(méi)有半毛錢(qián)關(guān)系续捂。不過(guò),在一位朋友的強(qiáng)烈推薦下宦搬,還是半信半疑買(mǎi)了牙瓢。
讀完第一章,就深深佩服和感謝作者间校,這確實(shí)是一本為大家寫(xiě)的設(shè)計(jì)書(shū)矾克!書(shū)中用大量的配圖和簡(jiǎn)潔的文字,深入淺出的介紹了8個(gè)字的設(shè)計(jì)原則憔足。
讀完后胁附,按照書(shū)中所說(shuō)原則稍稍運(yùn)用酒繁,我的手帳立刻變了模樣。用作者的話說(shuō)控妻,你立刻就可以用專(zhuān)業(yè)的眼光來(lái)看待周遭的一切平面設(shè)計(jì)了州袒。
這本書(shū)值得每一個(gè)人看,只要是和文字打交道的人饼暑,都能用上它稳析。特別適合寫(xiě)手帳、制作PPT和文字編輯的人弓叛。
現(xiàn)在彰居,就讓我以圖說(shuō)書(shū),把書(shū)中關(guān)于設(shè)計(jì)的8字原則分享給你撰筷。
二
“你可以靠我近點(diǎn)嗎溶握?”“離我遠(yuǎn)點(diǎn)!”
第一個(gè)原則是親密睡榆。事物物理上的空間位置,一定程度上體現(xiàn)了兩者的關(guān)聯(lián)性袍榆。
如導(dǎo)圖所示胀屿,一個(gè)大人和一個(gè)小孩走在路上,兩人隔著幾米遠(yuǎn)包雀,那么這兩個(gè)人是什么關(guān)系呢宿崭?我們不清楚,有可能是不相干的人才写,也可能是親人葡兑,不過(guò)前者的可能性較大。另一幅圖呢赞草,當(dāng)兩人手拉手走在一起的時(shí)候讹堤,我們可以輕易判斷出兩者有親近關(guān)系,很可能是母子兩人房资。
所以蜕劝,我們?cè)谖淖峙虐鏁r(shí)檀头,要將有關(guān)聯(lián)的內(nèi)容放在一起轰异,作為一個(gè)視覺(jué)單位岖沛,體現(xiàn)兩者的親密性。如圖所示搭独,一張名片婴削,5個(gè)信息,被放在5個(gè)不同的位置牙肝,我們要看向哪里呢唉俗?
只要稍作調(diào)整,將5條信息分類(lèi)配椭,姓名和職位放在一起虫溜,電話、地址和郵編放在一起股缸,分成2個(gè)視覺(jué)單位衡楞,其親密性就體現(xiàn)了出來(lái)。切記敦姻,有關(guān)系的瘾境,放在一起,“你靠我近點(diǎn)”镰惦。
一個(gè)版面上迷守,不同類(lèi)別的信息之間怎么處理呢?那就是“離我遠(yuǎn)點(diǎn)”旺入!如圖所示兑凿,4點(diǎn)內(nèi)容,保留一樣的行距眨业,同樣的留白急膀,看起來(lái)是同一類(lèi)信息。我們根據(jù)分類(lèi)龄捡,把同類(lèi)的距離拉近卓嫂,把不同類(lèi)彼此間的距離拉大,信息就變成了兩個(gè)視覺(jué)單位聘殖,各自的親密性立刻體現(xiàn)出來(lái)晨雳。
你知道留白的基本作用嗎?
那就是體現(xiàn)親密性奸腺。同一類(lèi)元素之間餐禁,要保持同樣的留白,不同元素之間要用不同的留白來(lái)區(qū)分突照。一般情況下帮非,不同元素之間,要留出更大的空白,從而體現(xiàn)彼此之間的分類(lèi)末盔,是“離我遠(yuǎn)點(diǎn)”的表現(xiàn)筑舅。
三
你會(huì)對(duì)齊嗎?
最能夠體現(xiàn)專(zhuān)業(yè)與業(yè)余的原則是對(duì)齊陨舱。它太簡(jiǎn)單以至于我們都忽視它翠拣。當(dāng)我學(xué)了這個(gè)原則回頭看自己的手帳時(shí),才發(fā)現(xiàn)曾經(jīng)的自己是多么的業(yè)余游盲。
關(guān)于對(duì)齊误墓,有三種形式,分別為左對(duì)齊益缎、中間對(duì)齊和右對(duì)齊谜慌。這太容易理解了,但問(wèn)題是莺奔,你的手帳畦娄、文章、PPT或者其他文字的排版弊仪,確實(shí)對(duì)齊了嗎熙卡?
如有興趣可以看看我以前的文章,段落都采用了左對(duì)齊励饵,但表示片段的數(shù)字驳癌,都放在了中間,這是我多年的習(xí)慣役听。當(dāng)時(shí)我還納悶颓鲜,為什么簡(jiǎn)書(shū)那么多人的文章片段數(shù)字都是左對(duì)齊的呢?原來(lái)他們學(xué)了設(shè)計(jì)原理典予,而我當(dāng)時(shí)啥都不懂甜滨。
在三種對(duì)齊方式中,作者強(qiáng)烈建議我們只使用左對(duì)齊或者右對(duì)齊瘤袖,不使用中間對(duì)齊衣摩。不是中間對(duì)齊不好,而是要做好它捂敌,太難艾扮,建議一般的人不用它。
關(guān)于對(duì)齊占婉,要特別注意的是泡嘴,一個(gè)平面上,只采用一種對(duì)齊方式逆济,要么是左對(duì)齊要么是右對(duì)齊酌予,不能同時(shí)采用兩種方式磺箕。在一個(gè)平面上,找一條明確的線來(lái)保證對(duì)齊抛虫。這條線我們看不見(jiàn)滞磺,卻一眼就知道它在那里。
如果你用心觀察一下身邊的事物莱褒,特別是各種平面排版,你會(huì)發(fā)現(xiàn)沒(méi)有多少作品是真正對(duì)齊的涎劈,也沒(méi)有多少只采用了一種對(duì)齊方式的广凸。回看上一章的那個(gè)名片蛛枚,發(fā)現(xiàn)問(wèn)題了嗎谅海?
四
這2個(gè)字,與“總結(jié)”一樣重要蹦浦!
重復(fù)盲镶,這兩個(gè)字太重要了侥袜,刻意練習(xí)需要有目的地重復(fù),實(shí)現(xiàn)從知道到做到的跨越溉贿,需要間隔性地重復(fù)枫吧,現(xiàn)在連平面設(shè)計(jì)都需要它。
平面設(shè)計(jì)里的重復(fù)宇色,也叫一致性九杂,是指同一元素重復(fù)出現(xiàn)。具體講宣蠕,是指設(shè)計(jì)要素例隆、某種格式、空間關(guān)系的重復(fù)出現(xiàn)抢蚀。例如粗字體镀层、同樣粗的一條橫線、項(xiàng)目符號(hào)皿曲、顏色等鹿响。
李笑來(lái)在他的新書(shū)《財(cái)富自由之路》中提到:“設(shè)計(jì)的最少必要知識(shí)是什么呢?”答案是“簡(jiǎn)潔谷饿、留白”惶我。強(qiáng)調(diào)了重復(fù)與簡(jiǎn)潔的密切關(guān)系。
以服飾為例博投,按照簡(jiǎn)潔的要求绸贡,平時(shí)穿衣服搭配的顏色不能超過(guò)3種。但事實(shí)上除了衣服褲子,我們還有鞋子听怕、襪子捧挺、腰帶、圍巾尿瞭、帽子等闽烙,如果不能超過(guò)3種顏色,意味著必須有部分衣物是同一種顏色声搁。這同一種顏色黑竞,就體現(xiàn)了重復(fù)。也就是說(shuō)疏旨,所謂簡(jiǎn)潔很魂,其實(shí)是重復(fù)的另一種表達(dá)(李笑來(lái)提到的留白,在親密性原則里面已經(jīng)有所涉及檐涝,在下一章里還要再次講到遏匆,在此不再展開(kāi)。)
關(guān)于重復(fù)谁榜,要注意的是同一個(gè)元素不要重復(fù)太多幅聘。如圖所示,親子裝里窃植,母女兩人所穿戴的所有衣物都是黃色喊暖,這就很難看,過(guò)于死板撕瞧。要怎樣解決這個(gè)問(wèn)題呢陵叽?這是下一章的內(nèi)容。
五
對(duì)比丛版,最強(qiáng)大的設(shè)計(jì)原則巩掺!
通過(guò)對(duì)比,一方面可以讓版面更加活潑页畦,避免死板和千遍一律胖替,還可以用我們想要表達(dá)的重點(diǎn),一下子抓住讀者的目光豫缨。
關(guān)于對(duì)比独令,首先要和沖突區(qū)分開(kāi)來(lái)。對(duì)比好芭,應(yīng)當(dāng)是截然不同的兩個(gè)元素放在一起燃箭,讓表達(dá)的元素非常醒目能夠一下子吸引目光。而沖突舍败,是兩個(gè)不同元素招狸,但卻差別不大敬拓,放在一起,不但不能讓一個(gè)元素凸顯出來(lái)裙戏,反而破壞了協(xié)調(diào)性乘凸。
關(guān)于對(duì)比,最重要的一點(diǎn)就是要強(qiáng)烈累榜、大膽营勤。
如圖所示:字體對(duì)比,就采用兩種完全不同的字體壹罚;線條對(duì)比葛作,就用很粗的線條和很細(xì)的線條;顏色對(duì)比渔嚷,就用截然不同的顏色,不使用近似色(有關(guān)顏色的知識(shí)稠曼,下一章介紹)形病;形狀對(duì)比,就用截然不同的形狀霞幅;大小對(duì)比漠吻,就讓一個(gè)很大一個(gè)很小,不要擔(dān)心字太小沒(méi)有人看司恳,一旦你的對(duì)比讓人產(chǎn)生了興趣途乃,再小的字,讀者也會(huì)去看的扔傅;空間對(duì)比耍共,就是說(shuō)留白,有時(shí)猎塞,一頁(yè)紙上试读,只寫(xiě)一行很小的字,大片的空白與很小的一行字形成的對(duì)比荠耽,反而可以使讀者產(chǎn)生強(qiáng)烈的想要看清所寫(xiě)內(nèi)容的沖動(dòng)钩骇。
六
關(guān)于顏色,這么簡(jiǎn)單的道理我們一直不懂铝量!
原來(lái)世間萬(wàn)色,只不過(guò)是這三種顏色的混合變幻
見(jiàn)圖慢叨,紅纽匙、黃、藍(lán)三種顏色稱(chēng)之為三原色拍谐,因?yàn)樗鼈儾荒苡善渌伾旌隙鴣?lái)哄辣,而它們的混合卻能得到其它任何的顏色请梢。在色輪上,我編碼為1力穗、5毅弧、9。
然后当窗,紅黃混合够坐,就形成了橙色;紅藍(lán)混合崖面,就形成了紫色元咙;黃藍(lán)混合,就形成了綠色巫员。這由三原色混合而成的三種顏色庶香,稱(chēng)為三間色。在色輪上简识,我編碼為3赶掖、7、11七扰。
三原色與三間色進(jìn)一步混合奢赂,又產(chǎn)生6種新的顏色,這6種顏色稱(chēng)為第三色颈走,編號(hào)為2膳灶、4、6立由、8轧钓、10、12锐膜。至此聋迎,12種最常見(jiàn)的顏色產(chǎn)生了。而其它千變?nèi)f化的顏色也可以由這些顏色進(jìn)一步混合產(chǎn)生枣耀。神奇的彩色世界由此而來(lái)霉晕!
墨分六色,你知道嗎捞奕?
中國(guó)山水畫(huà)中牺堰,有“墨分六色”的說(shuō)法,也就是說(shuō)颅围,同是黑色伟葫,表現(xiàn)在畫(huà)紙上,因?yàn)闈獾煌捍伲梢暂p易的漸次變化出有六種墨色筏养。這種顏色的變化斧抱,其實(shí)是暗色與亮色的區(qū)別。
所謂暗色渐溶,通過(guò)對(duì)基本顏色加黑辉浦,使顏色變暗;所謂亮色茎辐,對(duì)基本顏色加白宪郊,使顏色變亮。而這基本顏色稱(chēng)之為色調(diào)拖陆。
同一種顏色弛槐,用不同的暗色與亮色組合,就可以形成漸變的顏色依啰,顏色保持了重復(fù)乎串,又不至于太沉悶。而不同顏色之間用不同的暗色與亮色組合速警,同樣可以產(chǎn)生千變?nèi)f化的效果叹誉,因?yàn)?2個(gè)色調(diào)的組合長(zhǎng)期被使用,容易產(chǎn)生審美疲勞坏瞄,這時(shí)桂对,不同顏色的暗色與亮色組合就派上了用場(chǎng)甩卓。
關(guān)于顏色搭配鸠匀,這簡(jiǎn)單的道理你一學(xué)就會(huì)!
首先是互補(bǔ)色逾柿,色輪上缀棍,相對(duì)的兩種顏色為互補(bǔ)色,如1和7机错,2和8爬范,3和9等。當(dāng)需要對(duì)一種顏色形成對(duì)比弱匪,突出強(qiáng)調(diào)主題的顏色時(shí)青瀑,就采用互補(bǔ)色作為陪襯。例如主題字用黃色(1)時(shí)萧诫,背景色可以用紫色(7)斥难。
其次是三色組。色輪上等距的三種顏色形成三色組帘饶。例如黃(1)哑诊、紅(5)、藍(lán)(9)為三原色及刻,其構(gòu)成的三色組稱(chēng)基色三色組镀裤。橙(3)竞阐、紫(7)、綠(11)為間色三色組等暑劝。三色組的作用骆莹,是當(dāng)它們一起使用時(shí),可以達(dá)到令人愉悅的感覺(jué)铃岔,想想美國(guó)隊(duì)長(zhǎng)的衣服汪疮,想想各種兒童玩具的顏色就知道了。第三是分裂互補(bǔ)三色組毁习,即一種顏色與其互補(bǔ)色兩邊的顏色構(gòu)成的三種顏色關(guān)系智嚷,其效果是形成邊界明顯的效果。
最后是類(lèi)似色纺且,即色輪上彼此相鄰的三種顏色盏道,由于包含有同樣的基礎(chǔ)色,所以形成協(xié)調(diào)一致的效果载碌,如果采用類(lèi)似色的暗色與亮色組合猜嘱,就可以形成更加和諧的效果。
你真的知道什么是暖色什么是冷色嗎嫁艇?
所謂暖色朗伶,即包含有紅色或黃色,所謂冷色步咪,即包含有藍(lán)色论皆。暖色有趨進(jìn)的效果,少用即能達(dá)到效果猾漫,而冷色有后推的效果点晴,要多用才能呈現(xiàn)出來(lái)。當(dāng)暖色與冷色共同使用形成對(duì)比時(shí)悯周,兩者不是平均的關(guān)系粒督,而應(yīng)當(dāng)根據(jù)趨進(jìn)與后推的效果,少用暖色多用冷色禽翼。
七
是時(shí)候綜合運(yùn)用這些技巧了屠橄!
綜合運(yùn)用四個(gè)原則和顏色搭配,才是我們的目的闰挡。
在產(chǎn)品包裝或者品牌系列中锐墙,會(huì)強(qiáng)調(diào)重復(fù)原則的運(yùn)用。見(jiàn)圖解总,以一系列書(shū)籍的設(shè)計(jì)為例贮匕,可以通過(guò)同樣的左右結(jié)構(gòu)(左窄右寬)版式,這體現(xiàn)了空間對(duì)比的重復(fù)花枫;左邊欄統(tǒng)一書(shū)籍名稱(chēng)刻盐,這體現(xiàn)了字體的重復(fù)掏膏;左邊欄用了三種類(lèi)似色,這體現(xiàn)了顏色的重復(fù)敦锌;而版面主題的圖案馒疹,則可以自由設(shè)計(jì)。
在明信片的設(shè)計(jì)中乙墙,一般會(huì)采用“與眾不同”的主題設(shè)計(jì)颖变,或者用超大的字體,或者用奇行特異的圖案以表現(xiàn)主題听想;主題信息要短小精悍腥刹,形成明顯的空間對(duì)比;如果是系列明信片汉买,還要注意各種風(fēng)格要素的重復(fù)衔峰;在單張明信片的顏色使用上,要形成鮮明的對(duì)比蛙粘。
掌握這4點(diǎn)垫卤,讓你的手帳(廣告報(bào)紙)美不勝收
一是注意留足空白,形成空間對(duì)比出牧。在繪畫(huà)中有“密不透風(fēng)穴肘,疏可過(guò)馬”的說(shuō)法√蚝郏“密”體現(xiàn)了親密性评抚,該接近的要緊密,形成一個(gè)視覺(jué)單位赵讯,該留白的要留白祝拯,甚至留下大片的空白老厌。二是機(jī)敏,即標(biāo)題一定要吸引人竖瘾。要用心設(shè)計(jì)標(biāo)題鸣剪,一下抓讀者的眼球组底。三是清楚。即內(nèi)容要清楚明確筐骇,(忌)隱晦難明债鸡,不要用過(guò)多的修辭。四是簡(jiǎn)潔铛纬。專(zhuān)指內(nèi)容要簡(jiǎn)單明了厌均,不拖泥帶水,用最少的字反映最多的信息告唆。
八
為什么字體和我們的人生有關(guān)系棺弊?
作者面對(duì)記者的提問(wèn)晶密,是這樣回答的:
字體是所有設(shè)計(jì)的基礎(chǔ),如果哪個(gè)項(xiàng)目里面沒(méi)有字模她,那它就不是平面設(shè)計(jì)稻艰,而是另外一種藝術(shù)形式了。字體的對(duì)比侈净、協(xié)調(diào)尊勿、沖突,這不就是我們的生活寫(xiě)照嗎畜侦?
我們可以選擇制造沖突元扔,但會(huì)苦不堪言;我們也可以選擇制造和諧旋膳,這很美好但有些無(wú)聊摇展;甚至我們還可以制造一些健康的對(duì)比,一場(chǎng)有意義的爭(zhēng)論溺忧、一次冒險(xiǎn)咏连、一個(gè)令人振奮的點(diǎn)子,這些都可以給我們成長(zhǎng)鲁森,并給我們一些挑戰(zhàn)祟滴。
所謂協(xié)調(diào),是指采用同一種字體歌溉,而且樣式垄懂、大小、粗細(xì)都一樣痛垛。當(dāng)這樣的文字放在一起的時(shí)候草慧,會(huì)產(chǎn)生一種協(xié)調(diào)一致的效果。所以匙头,日常我們看到的正文內(nèi)容漫谷,一般都采用同種字體。
所謂沖突蹂析,是指使用不同字體舔示,樣式、大小电抚、粗細(xì)不一致惕稻,但又區(qū)別不大,看得出來(lái)不同但又不是強(qiáng)烈的明顯的不同蝙叛。這就破壞了協(xié)調(diào)一致俺祠,會(huì)產(chǎn)生一種很別扭的感覺(jué)。
所謂對(duì)比,是指采用截然不同的字體等多種元素蜘渣,形成大膽的立馬就能夠看出來(lái)的對(duì)比效果妓布,以此來(lái)突出重點(diǎn)。這樣的對(duì)比包括字體宋梧、大小和粗細(xì)等匣沼。
九
關(guān)于字體,最重要的設(shè)計(jì)原則捂龄,就是對(duì)比释涛!
字體對(duì)比的第一點(diǎn)就是大小對(duì)比。記住倦沧,千萬(wàn)不能保守唇撬,大就讓它很大,小就讓它很小展融。大小之間形成鮮明的對(duì)比窖认。如果大的字能夠引起讀者的興趣,再小的字告希,他們也會(huì)看下去扑浸。
第二點(diǎn)是粗細(xì)對(duì)比。一定要讓粗的很粗燕偶,細(xì)的很細(xì)喝噪。
第三點(diǎn)是形狀方面,要采用截然不同的字體指么,以此形成強(qiáng)烈對(duì)比酝惧。
此外還有顏色、方向方面的對(duì)比伯诬。要記住的一點(diǎn)是右上斜的文字晚唇,能夠產(chǎn)生前進(jìn)的力量。
至此盗似,整本書(shū)的內(nèi)容通過(guò)思維導(dǎo)圖完整展現(xiàn)了出來(lái)哩陕。其篇章結(jié)構(gòu)、內(nèi)在邏輯桥言、關(guān)鍵內(nèi)容一目了然萌踱。
完成整幅思維導(dǎo)圖后葵礼,在空白處寫(xiě)上復(fù)習(xí)時(shí)間點(diǎn)(時(shí)間點(diǎn)的確定号阿,請(qǐng)參考我的文章《我如何復(fù)習(xí)39天就通過(guò)了國(guó)家司法考試?》)以后鸳粉,你只需要在這些時(shí)間點(diǎn)回看這幅圖扔涧,每次10分鐘,你就能永久記住這本書(shū),并把書(shū)中的知識(shí)運(yùn)用到生活中枯夜。
最后弯汰,讓我們以我最近拍到的一幅授課題目PPT作為點(diǎn)評(píng)對(duì)象,看我們學(xué)到了多少湖雹。
你發(fā)現(xiàn)問(wèn)題了嗎咏闪?如果你來(lái)設(shè)計(jì)這個(gè)PPT,會(huì)怎樣制作呢摔吏?請(qǐng)你畫(huà)下來(lái)鸽嫂,你就知道通過(guò)自己動(dòng)手,讀完本文不僅讓你有了專(zhuān)業(yè)的眼光征讲,還學(xué)到了終身有用的設(shè)計(jì)原則据某。
上述PPT存在的問(wèn)題有:
1.違反親密原則:標(biāo)題、副標(biāo)題诗箍、姓名職位癣籽、微信信息的留白完全一樣。事實(shí)上滤祖,主副標(biāo)題筷狼、個(gè)人信息完全可以分為兩類(lèi)。
2.違反對(duì)齊原則:雖然采用了居中對(duì)齊匠童,但姓名一行與微信信息明顯沒(méi)有居中對(duì)齊桑逝。
3.違反重復(fù)原則:副標(biāo)題、姓名及微信信息采用不同的字體和大小俏让,但區(qū)別又不大楞遏,造成沖突,不協(xié)調(diào)首昔。
4.對(duì)比不強(qiáng)烈:主標(biāo)題在大小和加粗方面確實(shí)能夠和其他信息區(qū)分開(kāi)來(lái)寡喝,但可以做得更好。
根據(jù)四個(gè)原則勒奇,簡(jiǎn)單修改如下预鬓,效果是否完全不一樣呢?