談到寫這本書的初衷,作者Robin說(shuō):“事實(shí)上,這本書是我寫給我自己的,所以我就可以理解!很多書,我之所以寫它們,就是因?yàn)槲易约合雽W(xué)。所以在寫作的時(shí)候我就想,如果這樣寫的話我自己就明白了,別人頁(yè)會(huì)比較容易懂。”這是一本兩百多頁(yè)的書,看完一遍并不能保證可以記得(實(shí)際上好多來(lái)不及消化的真的忘了。)并留待以后在工作中慢慢應(yīng)用和實(shí)踐,我希望通過(guò)自己總結(jié)筆記,勾畫重點(diǎn)來(lái)讓自己深刻理解(至少是提綱挈領(lǐng))完成設(shè)計(jì)的一些基本思路。我并不是一個(gè)有多年工作經(jīng)驗(yàn)的“大神”,所以我的理解思路或許也適合很多初學(xué)者,所以分享出來(lái)共享。(說(shuō)明:本內(nèi)容只做分享學(xué)習(xí)用)
還是有點(diǎn)復(fù)雜嗎?那再簡(jiǎn)化更實(shí)用:
設(shè)計(jì)的原則:親密性 對(duì)齊 重復(fù) 對(duì)比
字體的運(yùn)用:大小 粗細(xì) 結(jié)構(gòu) 形狀 方向 顏色
(再也不能簡(jiǎn)化了,然后看書理解,記住這些詞,慢慢在工作中有意識(shí)的運(yùn)用)
下面是我歸納的重點(diǎn):
第一部分:設(shè)計(jì)原則
第一塊:設(shè)計(jì)的原則
這部分主要包括三塊內(nèi)容,第一塊——設(shè)計(jì)的原則是絕對(duì)的重點(diǎn),也是本書的核心和兩點(diǎn)。作者通過(guò)實(shí)例對(duì)四大基本原則”親密性“、”對(duì)齊“、”重復(fù)“和”對(duì)比“進(jìn)行了細(xì)致的講解,特別是通過(guò)修改前和修改后的實(shí)例對(duì)比,讓人印象深刻,更有醍醐灌頂?shù)母杏X(jué),關(guān)鍵是你看了立馬懂,懂了立馬用。
一、親密性
親密性原則即 ”將相關(guān)的項(xiàng)組織在一起“,這個(gè)即是指文字排版中運(yùn)用的多,特別是大量的文字出現(xiàn)的時(shí)候,運(yùn)用這個(gè)原則能很容易的將文字”分門別類“,保持頁(yè)面的干凈和清楚,重點(diǎn)突出。
運(yùn)用:把相關(guān)的元素分在一組,使他們建立更近的親密性。
更詳細(xì)的讀書吧!例子很多很經(jīng)典
二、對(duì)齊
對(duì)齊原則是指:”任何元素都不能在頁(yè)面上隨意安放,每一項(xiàng)都應(yīng)當(dāng)與頁(yè)面上的某個(gè)內(nèi)容存在某種視覺(jué)聯(lián)系?!?/strong>要運(yùn)用”設(shè)計(jì)師之眼“,一個(gè)合理精美的設(shè)計(jì)總能從頁(yè)面上看到那些無(wú)形的線。
運(yùn)用:要特別注意元素放在哪里。應(yīng)當(dāng)總能在頁(yè)面上摘到與之對(duì)齊的元素,盡管這兩個(gè)對(duì)象的物理距離可能相距很遠(yuǎn)。
避免問(wèn)題:避免在頁(yè)面上混合使用多種文本對(duì)齊方式(即不要將某些文本居中,另外一些文本右對(duì)齊。)
上面都是原文很經(jīng)典的內(nèi)容,在我自己的理解中,就是在”分組“(親密性)的基礎(chǔ)上,那些被分的組之間通過(guò)對(duì)齊也可以進(jìn)一步通過(guò)對(duì)齊歸入另一個(gè)更大的范疇。還有頁(yè)面某些小配件,看似在頁(yè)面的不同地方,通過(guò)對(duì)齊可以讓他顯得不那么”孤獨(dú)?!芭e個(gè)不恰當(dāng)?shù)睦?,就像一家?guī)讉€(gè)孩子,在全國(guó)各地工作,但他們過(guò)年都會(huì)回家,就是他們都被”血緣關(guān)系“這條線牽引。不同的是我們?cè)O(shè)計(jì)中的線大多是直線。我想這也是設(shè)計(jì)師修煉的一個(gè)境界,一張圖放到眼前看到的不僅是圖文,還有一條條的網(wǎng)格線,就像一個(gè)醫(yī)生,一個(gè)病人站在面前看到的不僅僅是一個(gè)人的外部形象,甚至能直接穿透看到人的內(nèi)部機(jī)理。
網(wǎng)上經(jīng)典案例很多,我就隨便找了點(diǎn)做的東西(東西糙,理不糙)
好像說(shuō)復(fù)雜了,不!我說(shuō)過(guò)要簡(jiǎn)單,簡(jiǎn)單,再簡(jiǎn)單的......
三、重復(fù)
重復(fù)原則即:設(shè)計(jì)的某些方面需要在整個(gè)設(shè)計(jì)作品中重復(fù)
重復(fù)元素可能是一種粗體字、一條粗線、某個(gè)項(xiàng)目符號(hào)、顏色、設(shè)計(jì)要素、某種格式、空間關(guān)系等。(簡(jiǎn)單說(shuō)了就是重復(fù)頁(yè)面設(shè)計(jì)中的要素,讓整個(gè)頁(yè)面具有統(tǒng)一感和一致性。)
我站酷的這個(gè)封面就用到了重復(fù)原則,你知道是哪里嗎?對(duì)了,就是這兩條黑色的矩形框。
四、對(duì)比
對(duì)比原則即:頁(yè)面上的不同元素之間要有對(duì)比效果,達(dá)到吸引讀者的對(duì)比效果。
如果兩個(gè)項(xiàng)不完全相同,就應(yīng)當(dāng)年使之不同,而且應(yīng)當(dāng)是截然不同。
看完這本書給我印象最深的一句話就是:“如果各個(gè)項(xiàng)不完全一樣,干脆就讓他們截然不同”(我想起《掘強(qiáng)》里的一句歌詞,“當(dāng)我與世界不一樣,那就讓自己不一樣!”你就是不一樣的煙火......)
對(duì)比方式:字體(見(jiàn)下一部分),線寬、顏色呢、形狀、大小、空間等。重要的依然是——對(duì)比一定要強(qiáng)烈
所以如果你覺(jué)得你的作品不夠吸引人,沒(méi)有兩點(diǎn),那方法就只有一個(gè),讓“對(duì)比”來(lái)的更激烈些吧!
(部分圖片來(lái)自網(wǎng)絡(luò))
你能發(fā)現(xiàn)上圖的文字對(duì)比元素嗎?學(xué)完整本書你能看到的更多,你的眼睛成為一雙“不糾錯(cuò)”不死心的火眼金睛。
第二塊:顏色運(yùn)用
主要講了一些用色的常識(shí)性問(wèn)題,例如“色輪”。大多數(shù)人其實(shí)都了解,但并不清楚,作者用一種簡(jiǎn)潔易懂的方式讓人迅速明確。(這部分不多說(shuō))
一、色輪
三原色:紅、黃、藍(lán)(唯一無(wú)法創(chuàng)建的顏色)
三間色:綠、紫色、橙色(三原色兩兩混合)
第三色:橙黃色、紅橙色、紫紅色、藍(lán)紫色、藍(lán)綠色、黃綠色(三間色兩兩混合)
黑色是所有顏色混合的產(chǎn)物,白色是不含任何顏色
二、顏色關(guān)系
互補(bǔ):色輪上相對(duì)(使用:一主一副)
三色組(基色三色組):色輪上彼此等距的顏色(兒童用品常用)
分裂互補(bǔ)三色組:從色輪的一邊選擇一種顏色,再在色輪上找出它對(duì)面的互補(bǔ)色,不過(guò)不直接使用這個(gè)互補(bǔ)色,而是使用該互補(bǔ)色兩側(cè)的顏色(有更為細(xì)致的顏色邊界)
類似色:色輪上彼此相鄰的顏色
三、亮色和暗色
純色就是色調(diào)
向色調(diào)增加黑色就構(gòu)成一個(gè)暗色
向色調(diào)增加白色就構(gòu)成一個(gè)亮色
四、單色組合
由一種色調(diào)及其相應(yīng)的多種亮色和暗色組成。
五、色質(zhì)
某種顏色的特定敏感度、深淺度或色調(diào)
六、暖色與冷色
暖色(包含紅黃色),冷色(包含藍(lán)色)
更多如取舍和印刷色與Web色略。
第三塊:更多提示與技巧(印刷品實(shí)用技巧)
這部分主要是通過(guò)實(shí)例來(lái)闡釋四大基本原則的用法(在此不做說(shuō)明,可以去看書,真的受益匪淺)
第二部分 字體設(shè)計(jì)
第一塊:字體的基本原則
這部分主要糾正了設(shè)計(jì)者的一些語(yǔ)法常識(shí)(如:標(biāo)點(diǎn)符號(hào)的使用)和設(shè)計(jì)陋習(xí)(如字距),內(nèi)容比較瑣碎,有興趣的童鞋記得一定要去看書,雖然很枯燥瑣碎卻是提升設(shè)計(jì)質(zhì)感的重要方面。
第二塊:字體與人生
這里主要講解字體在設(shè)計(jì)如何中帶給人不同的“觀感”,是一個(gè)總括(入門)級(jí)別的敘述,也是為下面的講解做鋪墊。
內(nèi)容包括:字體間的的“協(xié)調(diào)”(中規(guī)中矩,略顯平庸——不提倡不否定)、“沖突”(相似/平庸導(dǎo)致的識(shí)別障礙即沖突——要避免)、“對(duì)比”(讓你的設(shè)計(jì)大放異彩的關(guān)鍵:方式包括大小、粗細(xì)、結(jié)構(gòu)、形狀、方向和顏色——后面會(huì)細(xì)數(shù))。
第三塊:字體的類別
這是本書的重點(diǎn)之一,在本文中作者將字體分為五種:
舊式體(襯線、小字母傾斜襯線、粗細(xì)過(guò)度和緩、對(duì)角強(qiáng)調(diào)線)
現(xiàn)代體(水平細(xì)襯線、沒(méi)有括弧、垂直強(qiáng)調(diào)線、劇烈粗細(xì)過(guò)度)
粗襯線體(小寫字母水平粗襯線、粗細(xì)過(guò)度很小或沒(méi)有、垂直強(qiáng)調(diào)線)
無(wú)襯線體(沒(méi)有襯線、沒(méi)有粗細(xì)過(guò)度、沒(méi)有強(qiáng)調(diào)線)
手寫體
花體
第四塊:字體對(duì)比(字體的應(yīng)用)
這是這本書的第二個(gè)重點(diǎn),也是表現(xiàn)在設(shè)計(jì)中,最能體現(xiàn)設(shè)計(jì)進(jìn)步的部分。主要從以下幾個(gè)方面來(lái)看:
一、大小
即大字體與小字體的對(duì)比
1、占據(jù)頁(yè)面大面積的字體與小字體
2、大頁(yè)面與小字體的對(duì)比
3、一些字體放大圖片化做背景
[案例比較粗,能看到感覺(jué)就行]
二、粗細(xì)
即比劃的粗細(xì)度
大多數(shù)字體系列都設(shè)計(jì)為包含多種不同粗細(xì):常規(guī)(Regular)、粗體(Bold)、半粗體(Semibold)、極粗(Extra bold),或者細(xì)字體(Light)。
原則:不能太保守、不能把常規(guī)粗與半粗體對(duì)比,完全可以找一個(gè)更粗的字體。粗細(xì)對(duì)比是為頁(yè)面增加視覺(jué)特效最容易而且最有效的方法之一。
三、結(jié)構(gòu)
即字體是如何建立的
即使用不同類別的字體。(字體區(qū)分的標(biāo)準(zhǔn)即字體的結(jié)構(gòu))
原則:不要把同一個(gè)類別中的兩種字體放在同一個(gè)頁(yè)面上。
1、襯線體vs無(wú)襯線體(這是最不容易出錯(cuò)的方式)
注意:一般情況下單純的對(duì)比(襯線與無(wú)襯線)很少存在,大多數(shù)情況下會(huì)綜合運(yùn)用很多,比如本例(還有粗細(xì)對(duì)比)
2、無(wú)襯線體vs無(wú)襯線體(要做到同事設(shè)置兩種無(wú)襯線體是很難的。不建議做這樣嘗試,但可以使用一個(gè)無(wú)襯線體系列中的不同成員采用其他方式建立對(duì)比)
同一個(gè)字體的不同粗細(xì)(Aveniv)
3、襯線體vs襯線體(選擇不同結(jié)構(gòu)的襯線體)
小字現(xiàn)代體(Bodoni),大字種粗襯線體(Clarendon)
四、形狀
字母的形狀是指他的外形。字符可能有相同的結(jié)構(gòu),但是“形狀”不同
1、全大寫vs全小寫(這是一種形狀的對(duì)比)
注意:一般情況下不要采用全大寫的方式,因?yàn)檫@樣可識(shí)別性太差!
2、羅馬體VS斜體 (這是一種形狀的對(duì)比)
注意:由于所有的額手寫體和斜體都有一種傾斜或者飄逸的形狀,要記住一點(diǎn)不要結(jié)合使用兩種不同的斜體或者兩種不同的手寫體,也不要結(jié)合使用斜體和手寫體。這只會(huì)帶來(lái)沖突——他們存在太多的相似性。(羅馬體可理解為線性字體,意大利體偏向斜體。)
字體分為羅馬體、無(wú)襯線體和意大利體。
五、方向
垂直 水平 傾斜(右傾向前感,左傾下降感)
注意:只有當(dāng)你能明確的說(shuō)出原因時(shí)再去設(shè)置有方向的文本?!胺较蛴酗L(fēng)險(xiǎn),設(shè)置需謹(jǐn)慎!”
六、顏色
暖色(紅橙-前進(jìn)型)
冷色(藍(lán)綠-遠(yuǎn)離型)
注意:只有大量的冷色才能產(chǎn)生有效的對(duì)比
處了普通意義上的“多姿多彩”,排版人員通常稱頁(yè)面上的“黑白文字”有顏色
——顏色是由不同字母粗細(xì)、結(jié)構(gòu)、字母內(nèi)空間、字母間距、行間距、字體大小或者x-height大小產(chǎn)生的。
瞇起眼睛看看這段文字。要習(xí)慣于把文字不同成都的黑色理解為“顏色”“質(zhì)地”
以上只是我筆記中的部分內(nèi)容,更多的內(nèi)容還是多多看書。圖上的案列其實(shí)有點(diǎn)“糙”就是我隨手幾秒鐘內(nèi)練習(xí)的,大家能明白意思就行。最后再說(shuō)一遍,就像作者說(shuō)的:這是一本寫給大家的設(shè)計(jì)書,無(wú)論你是什么身份,都可以很輕松的學(xué)會(huì),并將之利用到自己的生活的方方面面。祝愿每個(gè)喜歡設(shè)計(jì)的人,都不僅可以用設(shè)計(jì)提高生活質(zhì)量,還能讓生活變得更美,更好。