《寫給大家看的設(shè)計(jì)書》讀書筆記

在這個(gè)創(chuàng)意無處不在的時(shí)代,越來越多的人成為設(shè)計(jì)師。UI、簡歷、論文、PPT、個(gè)人主頁、博客、活動(dòng)海報(bào)、給客人的郵件、名片……,處處都在考驗(yàn)設(shè)計(jì)師的能力。有朋友問我“這幾年讀過影響深刻的設(shè)計(jì)書是哪一本?”我選擇了這本《寫給大家看的設(shè)計(jì)書》。

這是一本關(guān)于設(shè)計(jì)的初級書,但是不管新手還是老司機(jī),看了都會(huì)有所幫助,牢記書中的設(shè)計(jì)原則,在工作中不經(jīng)意間你可能就會(huì)用到書里的知識(shí),讓你的設(shè)計(jì)更具備美感和專業(yè)性。

《寫給大家看的設(shè)計(jì)書》封面


羅賓·威廉姆斯

本書的作者是世界著名的設(shè)計(jì)師、技術(shù)專家和暢銷書作家羅賓·威廉姆斯。她出生于上世紀(jì)50年代的美國,高中畢業(yè)后即從事醫(yī)院的工作,做過船上的服務(wù)員,在以色列的農(nóng)場工作過,還獲得過獸醫(yī)的營業(yè)執(zhí)照。直到70年代末,她將主修改為平面設(shè)計(jì)時(shí),她才第一次接觸設(shè)計(jì),并一下子愛上了設(shè)計(jì)。

通過寫書和授課,她影響了整整一代數(shù)字設(shè)計(jì)師。同時(shí),作為Adobe和Mac技術(shù)社區(qū)內(nèi)的偶像級專家,她擁有大批的擁戴者。她是Publish Magazine、Adobe Magzine等雜志的專欄作家,是MacWorld Expo等業(yè)界重要活動(dòng)和組織的顧問委員會(huì)成員,還創(chuàng)辦了Santa Fe電影藝術(shù)學(xué)院。出本《寫給大家的設(shè)計(jì)書》外,她還著有幾十部暢銷圖書和獲獎(jiǎng)著作,包括The Non-Designer’s Web Book、Robin Williams Design Workshop、The Little Mac Book等,有的書已被翻譯為15種文字,產(chǎn)生了世界性的影響


書籍簡介

《寫給大家看的設(shè)計(jì)書》將復(fù)雜的設(shè)計(jì)原理凝煉為親密性、對齊、重復(fù)和對比四個(gè)基本原則。作者以其簡潔明快的風(fēng)格,將優(yōu)秀設(shè)計(jì)所必須遵循的這四個(gè)基本原則及其背后的原理通俗易懂地展現(xiàn)在讀者面前?!秾懡o大家看的設(shè)計(jì)書》包含大量的示例,讓讀者了解怎樣才能按照自己的方式設(shè)計(jì)出美觀且內(nèi)容豐富的產(chǎn)品。

本書主要分為四部分,第一部分是設(shè)計(jì)的四大基本原則,分別是親密性、對齊、重復(fù)和對比。第二部分是顏色基礎(chǔ)。第三部分是各種載體上的設(shè)計(jì)實(shí)際應(yīng)用,第四部分是關(guān)于字體設(shè)計(jì)的解說。


設(shè)計(jì)原則

親密性(Proximity)

彼此相關(guān)的項(xiàng)應(yīng)當(dāng)靠近,歸組在一起。如果多個(gè)項(xiàng)相互之間存在很近的親密性,他們就會(huì)成為一個(gè)視覺單元,而不是多個(gè)孤立的元素。這有助于組織信息,減少混亂,為讀者提供清晰的結(jié)構(gòu)。

將存在關(guān)聯(lián)的元素放在一起,使頁面更有閱讀性

親密性的根本目的是實(shí)現(xiàn)組織性。將相關(guān)的項(xiàng)組織在一起,移動(dòng)這些項(xiàng),使它們物理位置相互靠近,這樣一來,相關(guān)項(xiàng)凝聚為一體的一個(gè)組,而不再是一堆彼此無關(guān)的片段。如果某些信息彼此之間并無關(guān)聯(lián),這些元素就不應(yīng)存在很近的親密性(即應(yīng)不靠近),這樣給讀者一個(gè)直觀的提示,使讀者馬上了解頁面的組織和內(nèi)容。


對齊(Alignment)

任何東西都不能再頁面上隨意安放。每個(gè)元素都應(yīng)當(dāng)與頁面上的另一個(gè)元素有某種聯(lián)系。這樣能建立一種清晰、精巧而且清爽的外觀。

相比居中對齊,左對齊和右對齊更加為布局提供了力度

對齊的根本目的是使頁面統(tǒng)一而且有條理。不論創(chuàng)建精美的、正式的、有趣的還是嚴(yán)肅的外觀,通常都可以利用一種明確的對齊來達(dá)到目的。


重復(fù)(Repetition)

讓設(shè)計(jì)中的視覺要素在整個(gè)作品中重復(fù)出現(xiàn)??梢灾貜?fù)顏色、形狀、材質(zhì)、空間關(guān)系、線寬、字體、大小和圖片等等。這樣一來,既能增加條理性,還可以加強(qiáng)統(tǒng)一性。

顏色、圖標(biāo)、構(gòu)圖等重復(fù)出現(xiàn),頁面的一致性得到提升

重復(fù)的目的就是統(tǒng)一,并增強(qiáng)視覺效果。在工作中,例如所有標(biāo)題都設(shè)置為相同的大小和粗細(xì),每個(gè)列表都使用相同的符號,這些都是重復(fù)的例子??梢园阎貜?fù)認(rèn)為是“一致性”。


對比(Contrast)

要避免頁面上的元素太過類似。如果元素(字體、顏色、大小、線寬、形狀、空間等)不相同,那就干脆讓它們截然不同。要讓頁面引人注目,對比通常是最重要的一個(gè)因素,正是它能使讀者首先看這個(gè)頁面。



對比的根本目的有兩方面,這兩方面相輔相成,無法分開。一個(gè)目的是增強(qiáng)頁面的效果,如果一個(gè)頁面看起來有意思,往往更有可讀性。另一個(gè)目的是有助于信息的組織。讀者應(yīng)當(dāng)能立即了解信息以何種方式組織,以及從一項(xiàng)到另一項(xiàng)的邏輯流程。對比元素不能讓讀者混淆,也不能錯(cuò)誤的強(qiáng)調(diào)重點(diǎn)。


顏色運(yùn)用



伊頓色環(huán)


三原色(Primary Color)

色輪的基礎(chǔ)是黃、紅和藍(lán)三種顏色。這些顏色稱為三原色,因?yàn)檫@是唯一無法創(chuàng)建的顏色。


三間色(Secondary Color)

分別將色輪上相鄰的顏色等量混合,就會(huì)得到三間色。

例如:黃色+藍(lán)色=綠色,藍(lán)色+紅色=紫色,紅色+黃色=橙色。


第三色(Tertiary Color或Third Color)

黃色+橙色=橙黃色,藍(lán)色+綠色=藍(lán)綠色。


互補(bǔ)色(Complement)

色輪上相對(即完全對立)的顏色為互補(bǔ)色。由于它們?nèi)绱藢α?,所以最佳搭配是一種用于主色,另一種用于強(qiáng)調(diào)。

例如:藍(lán)色和橙色,紅色和綠色,黃色和紫色。

互補(bǔ)色:黃色和紫色


三色組(Triad)

彼此等距的三種顏色通常會(huì)形成一個(gè)讓人愉悅的三色組。

例如:紅色、藍(lán)色、黃色

由于這是三基色,所以這種組合也成為基色三色組。

綠色、橙色、紫色,構(gòu)成間色三色組。

從色輪的一邊選擇一種顏色,再在色輪上找出它對面互補(bǔ)色兩側(cè)的顏色,構(gòu)成分裂互補(bǔ)三色組。

基色三色組、間色三色組


類似色(Analogous)

由色輪上彼此相鄰的顏色組成。不論組合兩種顏色還是三種顏色,它們都有相同的基礎(chǔ)色,這就形成了一個(gè)協(xié)調(diào)的組合。

例如:橙黃色、橙色、橙紅色

類似色


亮色(Tint)和暗色(Shade)

純色就是色調(diào)(hue)。向色調(diào)增加黑色就構(gòu)成一個(gè)暗色。向色調(diào)增加白色就構(gòu)成一個(gè)亮色。



單色組合

由一種色調(diào)及其相應(yīng)的多種亮色和暗色組成。

例如:黑白照片。


冷色與暖色

顏色往往要么是暖色(紅色或黃色),要么是冷色(藍(lán)色)。冷色總趨于后退,而暖色是趨進(jìn)型的。如果要組合冷色和暖色,一定要注意少用些暖色。不要讓冷暖色太過均衡。

冷色和暖色

CMYK和RGB

CMYK代表Cyan(青色)、Magenta(品紅)、Yellow(黃色)和一個(gè)Key(黑色)。多用于專業(yè)印刷作業(yè)。

RGB代表Red(紅色)、Green(綠色)、Blue(藍(lán)色)。多用于電子屏幕作業(yè)。

采用RGB的文件較小,而且Photoshop中的一些技術(shù)只適用于RGB(或者使用RGB表現(xiàn)最好,速度最快)。不過如果在CMYK和RGB之間來回切換,每次都會(huì)損失一點(diǎn)數(shù)據(jù),所以最好用RGB處理你的圖像,最后再把它們轉(zhuǎn)換為CMYK。


字體設(shè)計(jì)

協(xié)調(diào)

如果使用一個(gè)字體系列,在樣式、大小、字體粗細(xì)等方面沒什么變化,就會(huì)產(chǎn)生一種協(xié)調(diào)的關(guān)系。保持頁面的協(xié)調(diào)性很容易,而且看上去這種安排很安靜,非常正式,有時(shí)候也可以認(rèn)為非常乏味。


沖突

使用多種字體,在樣式、大小、字體粗細(xì)等方面類似,就會(huì)出現(xiàn)一種沖突的關(guān)系。


對比

多種字體和元素彼此之間截然不同,就會(huì)出現(xiàn)一種對比關(guān)系,引人注目的設(shè)計(jì)往往包含大量對比,而且這些對比會(huì)得到充分強(qiáng)調(diào)。


總結(jié)

《寫給大家看的設(shè)計(jì)書》中最經(jīng)典的部分便是親密性、對齊、重復(fù)和對比四個(gè)基本原則,顏色與文字的設(shè)計(jì)部分并不全面,但是依舊是一本對新手入門很有幫助的書。本書適合所有設(shè)計(jì)愛好者和工作會(huì)涉及到設(shè)計(jì)文字與圖片的童鞋,值得反復(fù)閱讀。

附上網(wǎng)盤鏈接:https://pan.baidu.com/s/1c1M7rKO。有興趣的朋友可以下載閱讀。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容