今天,我讀完一本書,并為你繪制了它的思維導圖。原書厚240頁,字數(shù)約30萬,按250字每分鐘的速度,讀完需要20小時。而本文僅4879字,你只需要20分鐘。
以后你如果重復看圖6次,每次10分鐘,就可以永久記住它的精華,從而美化你的手帳、PPT、文字排版以及其他一切平面設計。
一
第一眼看到這本書的時候,我不以為然,作為一名法律工作者,認為它與我沒有半毛錢關系。不過,在一位朋友的強烈推薦下,還是半信半疑買了。
讀完第一章,就深深佩服和感謝作者,這確實是一本為大家寫的設計書!書中用大量的配圖和簡潔的文字,深入淺出的介紹了8個字的設計原則。
讀完后,按照書中所說原則稍稍運用,我的手帳立刻變了模樣。用作者的話說,你立刻就可以用專業(yè)的眼光來看待周遭的一切平面設計了。
這本書值得每一個人看,只要是和文字打交道的人,都能用上它。特別適合寫手帳、制作PPT和文字編輯的人。
現(xiàn)在,就讓我以圖說書,把書中關于設計的8字原則分享給你。
二
“你可以靠我近點嗎?”“離我遠點!”
第一個原則是親密。事物物理上的空間位置,一定程度上體現(xiàn)了兩者的關聯(lián)性。
如導圖所示,一個大人和一個小孩走在路上,兩人隔著幾米遠,那么這兩個人是什么關系呢?我們不清楚,有可能是不相干的人,也可能是親人,不過前者的可能性較大。另一幅圖呢,當兩人手拉手走在一起的時候,我們可以輕易判斷出兩者有親近關系,很可能是母子兩人。
所以,我們在文字排版時,要將有關聯(lián)的內容放在一起,作為一個視覺單位,體現(xiàn)兩者的親密性。如圖所示,一張名片,5個信息,被放在5個不同的位置,我們要看向哪里呢?
只要稍作調整,將5條信息分類,姓名和職位放在一起,電話、地址和郵編放在一起,分成2個視覺單位,其親密性就體現(xiàn)了出來。切記,有關系的,放在一起,“你靠我近點”。
一個版面上,不同類別的信息之間怎么處理呢?那就是“離我遠點”!如圖所示,4點內容,保留一樣的行距,同樣的留白,看起來是同一類信息。我們根據(jù)分類,把同類的距離拉近,把不同類彼此間的距離拉大,信息就變成了兩個視覺單位,各自的親密性立刻體現(xiàn)出來。
你知道留白的基本作用嗎?
那就是體現(xiàn)親密性。同一類元素之間,要保持同樣的留白,不同元素之間要用不同的留白來區(qū)分。一般情況下,不同元素之間,要留出更大的空白,從而體現(xiàn)彼此之間的分類,是“離我遠點”的表現(xiàn)。
三
你會對齊嗎?
最能夠體現(xiàn)專業(yè)與業(yè)余的原則是對齊。它太簡單以至于我們都忽視它。當我學了這個原則回頭看自己的手帳時,才發(fā)現(xiàn)曾經(jīng)的自己是多么的業(yè)余。
關于對齊,有三種形式,分別為左對齊、中間對齊和右對齊。這太容易理解了,但問題是,你的手帳、文章、PPT或者其他文字的排版,確實對齊了嗎?
如有興趣可以看看我以前的文章,段落都采用了左對齊,但表示片段的數(shù)字,都放在了中間,這是我多年的習慣。當時我還納悶,為什么簡書那么多人的文章片段數(shù)字都是左對齊的呢?原來他們學了設計原理,而我當時啥都不懂。
在三種對齊方式中,作者強烈建議我們只使用左對齊或者右對齊,不使用中間對齊。不是中間對齊不好,而是要做好它,太難,建議一般的人不用它。
關于對齊,要特別注意的是,一個平面上,只采用一種對齊方式,要么是左對齊要么是右對齊,不能同時采用兩種方式。在一個平面上,找一條明確的線來保證對齊。這條線我們看不見,卻一眼就知道它在那里。
如果你用心觀察一下身邊的事物,特別是各種平面排版,你會發(fā)現(xiàn)沒有多少作品是真正對齊的,也沒有多少只采用了一種對齊方式的?;乜瓷弦徽碌哪莻€名片,發(fā)現(xiàn)問題了嗎?
四
這2個字,與“總結”一樣重要!
重復,這兩個字太重要了,刻意練習需要有目的地重復,實現(xiàn)從知道到做到的跨越,需要間隔性地重復,現(xiàn)在連平面設計都需要它。
平面設計里的重復,也叫一致性,是指同一元素重復出現(xiàn)。具體講,是指設計要素、某種格式、空間關系的重復出現(xiàn)。例如粗字體、同樣粗的一條橫線、項目符號、顏色等。
李笑來在他的新書《財富自由之路》中提到:“設計的最少必要知識是什么呢?”答案是“簡潔、留白”。強調了重復與簡潔的密切關系。
以服飾為例,按照簡潔的要求,平時穿衣服搭配的顏色不能超過3種。但事實上除了衣服褲子,我們還有鞋子、襪子、腰帶、圍巾、帽子等,如果不能超過3種顏色,意味著必須有部分衣物是同一種顏色。這同一種顏色,就體現(xiàn)了重復。也就是說,所謂簡潔,其實是重復的另一種表達(李笑來提到的留白,在親密性原則里面已經(jīng)有所涉及,在下一章里還要再次講到,在此不再展開。)
關于重復,要注意的是同一個元素不要重復太多。如圖所示,親子裝里,母女兩人所穿戴的所有衣物都是黃色,這就很難看,過于死板。要怎樣解決這個問題呢?這是下一章的內容。
五
對比,最強大的設計原則!
通過對比,一方面可以讓版面更加活潑,避免死板和千遍一律,還可以用我們想要表達的重點,一下子抓住讀者的目光。
關于對比,首先要和沖突區(qū)分開來。對比,應當是截然不同的兩個元素放在一起,讓表達的元素非常醒目能夠一下子吸引目光。而沖突,是兩個不同元素,但卻差別不大,放在一起,不但不能讓一個元素凸顯出來,反而破壞了協(xié)調性。
關于對比,最重要的一點就是要強烈、大膽。
如圖所示:字體對比,就采用兩種完全不同的字體;線條對比,就用很粗的線條和很細的線條;顏色對比,就用截然不同的顏色,不使用近似色(有關顏色的知識,下一章介紹);形狀對比,就用截然不同的形狀;大小對比,就讓一個很大一個很小,不要擔心字太小沒有人看,一旦你的對比讓人產(chǎn)生了興趣,再小的字,讀者也會去看的;空間對比,就是說留白,有時,一頁紙上,只寫一行很小的字,大片的空白與很小的一行字形成的對比,反而可以使讀者產(chǎn)生強烈的想要看清所寫內容的沖動。
六
關于顏色,這么簡單的道理我們一直不懂!
原來世間萬色,只不過是這三種顏色的混合變幻
見圖,紅、黃、藍三種顏色稱之為三原色,因為它們不能由其它顏色混合而來,而它們的混合卻能得到其它任何的顏色。在色輪上,我編碼為1、5、9。
然后,紅黃混合,就形成了橙色;紅藍混合,就形成了紫色;黃藍混合,就形成了綠色。這由三原色混合而成的三種顏色,稱為三間色。在色輪上,我編碼為3、7、11。
三原色與三間色進一步混合,又產(chǎn)生6種新的顏色,這6種顏色稱為第三色,編號為2、4、6、8、10、12。至此,12種最常見的顏色產(chǎn)生了。而其它千變萬化的顏色也可以由這些顏色進一步混合產(chǎn)生。神奇的彩色世界由此而來!
墨分六色,你知道嗎?
中國山水畫中,有“墨分六色”的說法,也就是說,同是黑色,表現(xiàn)在畫紙上,因為濃淡不同,可以輕易的漸次變化出有六種墨色。這種顏色的變化,其實是暗色與亮色的區(qū)別。
所謂暗色,通過對基本顏色加黑,使顏色變暗;所謂亮色,對基本顏色加白,使顏色變亮。而這基本顏色稱之為色調。
同一種顏色,用不同的暗色與亮色組合,就可以形成漸變的顏色,顏色保持了重復,又不至于太沉悶。而不同顏色之間用不同的暗色與亮色組合,同樣可以產(chǎn)生千變萬化的效果,因為12個色調的組合長期被使用,容易產(chǎn)生審美疲勞,這時,不同顏色的暗色與亮色組合就派上了用場。
關于顏色搭配,這簡單的道理你一學就會!
首先是互補色,色輪上,相對的兩種顏色為互補色,如1和7,2和8,3和9等。當需要對一種顏色形成對比,突出強調主題的顏色時,就采用互補色作為陪襯。例如主題字用黃色(1)時,背景色可以用紫色(7)。
其次是三色組。色輪上等距的三種顏色形成三色組。例如黃(1)、紅(5)、藍(9)為三原色,其構成的三色組稱基色三色組。橙(3)、紫(7)、綠(11)為間色三色組等。三色組的作用,是當它們一起使用時,可以達到令人愉悅的感覺,想想美國隊長的衣服,想想各種兒童玩具的顏色就知道了。第三是分裂互補三色組,即一種顏色與其互補色兩邊的顏色構成的三種顏色關系,其效果是形成邊界明顯的效果。
最后是類似色,即色輪上彼此相鄰的三種顏色,由于包含有同樣的基礎色,所以形成協(xié)調一致的效果,如果采用類似色的暗色與亮色組合,就可以形成更加和諧的效果。
你真的知道什么是暖色什么是冷色嗎?
所謂暖色,即包含有紅色或黃色,所謂冷色,即包含有藍色。暖色有趨進的效果,少用即能達到效果,而冷色有后推的效果,要多用才能呈現(xiàn)出來。當暖色與冷色共同使用形成對比時,兩者不是平均的關系,而應當根據(jù)趨進與后推的效果,少用暖色多用冷色。
七
是時候綜合運用這些技巧了!
綜合運用四個原則和顏色搭配,才是我們的目的。
在產(chǎn)品包裝或者品牌系列中,會強調重復原則的運用。見圖,以一系列書籍的設計為例,可以通過同樣的左右結構(左窄右寬)版式,這體現(xiàn)了空間對比的重復;左邊欄統(tǒng)一書籍名稱,這體現(xiàn)了字體的重復;左邊欄用了三種類似色,這體現(xiàn)了顏色的重復;而版面主題的圖案,則可以自由設計。
在明信片的設計中,一般會采用“與眾不同”的主題設計,或者用超大的字體,或者用奇行特異的圖案以表現(xiàn)主題;主題信息要短小精悍,形成明顯的空間對比;如果是系列明信片,還要注意各種風格要素的重復;在單張明信片的顏色使用上,要形成鮮明的對比。
掌握這4點,讓你的手帳(廣告報紙)美不勝收
一是注意留足空白,形成空間對比。在繪畫中有“密不透風,疏可過馬”的說法。“密”體現(xiàn)了親密性,該接近的要緊密,形成一個視覺單位,該留白的要留白,甚至留下大片的空白。二是機敏,即標題一定要吸引人。要用心設計標題,一下抓讀者的眼球。三是清楚。即內容要清楚明確,(忌)隱晦難明,不要用過多的修辭。四是簡潔。專指內容要簡單明了,不拖泥帶水,用最少的字反映最多的信息。
八
為什么字體和我們的人生有關系?
作者面對記者的提問,是這樣回答的:
字體是所有設計的基礎,如果哪個項目里面沒有字,那它就不是平面設計,而是另外一種藝術形式了。字體的對比、協(xié)調、沖突,這不就是我們的生活寫照嗎?
我們可以選擇制造沖突,但會苦不堪言;我們也可以選擇制造和諧,這很美好但有些無聊;甚至我們還可以制造一些健康的對比,一場有意義的爭論、一次冒險、一個令人振奮的點子,這些都可以給我們成長,并給我們一些挑戰(zhàn)。
所謂協(xié)調,是指采用同一種字體,而且樣式、大小、粗細都一樣。當這樣的文字放在一起的時候,會產(chǎn)生一種協(xié)調一致的效果。所以,日常我們看到的正文內容,一般都采用同種字體。
所謂沖突,是指使用不同字體,樣式、大小、粗細不一致,但又區(qū)別不大,看得出來不同但又不是強烈的明顯的不同。這就破壞了協(xié)調一致,會產(chǎn)生一種很別扭的感覺。
所謂對比,是指采用截然不同的字體等多種元素,形成大膽的立馬就能夠看出來的對比效果,以此來突出重點。這樣的對比包括字體、大小和粗細等。
九
關于字體,最重要的設計原則,就是對比!
字體對比的第一點就是大小對比。記住,千萬不能保守,大就讓它很大,小就讓它很小。大小之間形成鮮明的對比。如果大的字能夠引起讀者的興趣,再小的字,他們也會看下去。
第二點是粗細對比。一定要讓粗的很粗,細的很細。
第三點是形狀方面,要采用截然不同的字體,以此形成強烈對比。
此外還有顏色、方向方面的對比。要記住的一點是右上斜的文字,能夠產(chǎn)生前進的力量。
至此,整本書的內容通過思維導圖完整展現(xiàn)了出來。其篇章結構、內在邏輯、關鍵內容一目了然。
完成整幅思維導圖后,在空白處寫上復習時間點(時間點的確定,請參考我的文章《我如何復習39天就通過了國家司法考試?》)以后,你只需要在這些時間點回看這幅圖,每次10分鐘,你就能永久記住這本書,并把書中的知識運用到生活中。
最后,讓我們以我最近拍到的一幅授課題目PPT作為點評對象,看我們學到了多少。
你發(fā)現(xiàn)問題了嗎?如果你來設計這個PPT,會怎樣制作呢?請你畫下來,你就知道通過自己動手,讀完本文不僅讓你有了專業(yè)的眼光,還學到了終身有用的設計原則。
上述PPT存在的問題有:
1.違反親密原則:標題、副標題、姓名職位、微信信息的留白完全一樣。事實上,主副標題、個人信息完全可以分為兩類。
2.違反對齊原則:雖然采用了居中對齊,但姓名一行與微信信息明顯沒有居中對齊。
3.違反重復原則:副標題、姓名及微信信息采用不同的字體和大小,但區(qū)別又不大,造成沖突,不協(xié)調。
4.對比不強烈:主標題在大小和加粗方面確實能夠和其他信息區(qū)分開來,但可以做得更好。
根據(jù)四個原則,簡單修改如下,效果是否完全不一樣呢?