易燃物匯聚 YouTube 有聲書與書評
寫給大家看的設計書(第4版) 封面

寫給大家看的設計書(第4版)

Robin Williams

9.4萬人在讀
8.5萬字總字數
¥39.5定價

有聲書與視頻解讀 YouTube有聲書 2 · 視頻解讀 3

內容簡介

平面設計入門經典大作、 零基礎自學平面設計師指導手冊! 讓人人都能成爲設計師!在這部暢銷全球多年、影響了一代設計師的經典著作中,Robin Williams將優秀設計的祕訣歸納爲對比、重複、對齊和親密性四條基本原則,並用簡潔通俗、幽默生動的文筆,同時配以大量經過修改進行前後對比的實例圖解和設計練習(並提供解答),直觀清晰地傳授給讀者。通過本書,普通讀者很快就能夠自信地設計出專業級別的作品,而專業設計師也將從中獲得靈感和解決問題的途徑。

讀者書評

★★★★★

設計小白很需要這樣的指導書。在網上學設計,每個老師都有他自己的方法,但是他們可能並不會如此明明白白給你講清楚他的精華所在。這本書是在虎課網上學設計小風老師推薦的。雖然是西方人寫的,內容也同樣適用於東方。 以前不屑於用一些傻瓜編輯器,像135像秀米,或是創可貼,因爲覺得這些編輯出來花花綠綠很不高大上,現在才明白,工具是好的,關鍵是看用的人心裏有沒有自己的想法,有想法的人,工具只會幫助他加分,沒想法的人,怎麼做都是減分。 ◆ 第1章 引言 >> 一旦能夠說出什麼東西的名字,就會很容易注意到它。你就會掌握它,擁有它,讓它受你所控。 >> 4大基本原則 >> 對比(Contrast) >> 重複(Repetition) >> 對齊(Alignment) >> 親密性(Proximity) ◆ 第2章 親密性 >> 把相關的元素分在一組,使它們建立更近的親密性, >> 你的責任就是要確保讀者獲得正確的信息。 >> 親密性原則能夠幫助你關注空間,以及空間對於表達的重要性。 >> 親密性的根本目的是實現組織性。 >> 微微眯起眼睛,統計眼睛停頓的次數來數一數頁面上有多少個元素。如果頁面上的項超過3~5個(當然,這取決於具體情況),就要看看哪些孤立的元素可以歸在一組建立更近的親密性,使之成爲一個視覺單元。 ◆ 第3章 對齊 >> 任何元素都不能在頁面上隨意安放。每一項都應當與頁面上的某個內容存在某種視覺聯繫。 >> 居中對齊會創建一種更正式、更穩重的外觀,這種外觀顯得更爲中規中矩,但通常也很乏味。 >> 居中。感覺很穩固,甚至感覺非常乏味,就算字體可愛也沒用。 >> 如果想讓文本居中,嘗試一下用另外某種方式使它更生動。 >> 要想有效地設置居中對齊,需要多做一些工作。這個佈局使用了一種經典的字體,而且字體設置得很小 >> 如今非常流行的徽章通常都是居中對齊的。(在CreativeMarket.com上可以找到上百個徽章模板,拿來擺弄一下吧。) >> 一定要堅持一個原則:只使用一種對齊方式。 >> 如果有圖片元素,將其邊界與頁面的其他邊界對齊。 絕對不要在頁面上隨意擺放元素! >> 即使作品的設計起點本來就很高,在對齊方面稍做些調整也會很有好處。 >> 但是必須記住,關於打破規則本身也有一條Robin規則:在打破規則之前必須清楚規則是什麼。 >> 因爲在這張小小的卡片上有三種不同的對齊方式(居中、左對齊、右對齊)。另外,還有人在角落裏塞進剪貼畫。 >> 對齊的根本目的是使頁面統一而且有條理。 >> 要避免在頁面上混合使用多種文本對齊方式 >> 另外,要着力避免居中對齊,除非你有意識地想要創建一種比較正式、穩重(通常也更乏味)的表示。並不是完全杜絕使用居中對齊,有時可以有意地選擇這種對齊方式,但是不要把它作爲默認選擇。 ◆ 第4章 重複 >> 使用重複原則時,有時可以把一個元素從現在的設計中抽取出來,並根據這個元素創建一個新設計。 >> 重複還會爲你的作品帶來一種專業性和權威性,不管它看起來多有趣。它會使讀者感覺有人在負責,因爲重複顯然是一種經過深思熟慮的設計決策。 >> 重複小結 設計中視覺元素的重複可以將作品中的各部分連在一起,從而統一併增強整個作品,否則這些部分只是彼此孤立的單元 >> 重複的目的就是統一,並增強視覺效果。 >> 可以只是找出現有的重複,然後將其加強。熟悉了這種思想之後,再開始創建新的重複元素,來增強設計的效果並提高信息的清晰度。 ◆ 第5章 對比 >> 要想實現有效的對比,對比就必須強烈。千萬不要畏畏縮縮。 >> 如果兩個元素雖然不同,但是區別不大,這時候就不是對比了,而是衝突。 >> 如果在列之間使用一條極細的線,需要另一條線時就應該使用2磅或4磅的粗線,不要在同一個頁面上使用0.5磅和1磅的線。 >> 不要害怕讓一些項很小,這樣不僅可以與更大的項形成對比,還能留出更多的空白! >> 在設計原則中,對比最有意思,同時效果也最爲顯著! >> 把信息歸入邏輯親密性;利用對齊,找到並製造重複性元素,加入對比。 >> 去掉Times Roman和Arial/Helvetica字體。 >> 去掉居中對齊。 >> 找出頁面上最有意思的東西,或者最重要的東西加以強調! >> 把信息分組爲一些邏輯組。合理利用空間(不要用框),將各項分開或者聯繫起來 >> 找出可以重複的元素 >> 最重要的是,要增加對比。 >> 的是:對比一定要強烈。 ◆ 第6章 4大基本原則複習 >> 包括所有CreativeMarket.com上提供的上千個項目的模板 ◆ 第7章 顏色運用 >> 分裂互補三色組 >> ❑ 向色調增加黑色就構成一個暗色。 ❑ 向色調增加白色就構成一個亮色。 >> 如果要組合暖色和冷色,一定要少用些暖色。 >> 如果在CMYK和RGB之間來回切換,每次都會損失一點數據,所以最好用RGB處理圖像,最後再把它們轉換爲CMYK。 ◆ 第8章 更多提示與技巧 >> 創建包裝或品牌 建立標識性包裝時,最重要的特性之一是需要遵循重複原則 >> 名片不是一個小冊子。同樣也去掉類似“電話”“郵箱”“網址”之類的詞,因爲就算你不說,我們也知道那是什麼。 >> 10磅或11磅大小的字體在書中看起來很正常,但是放在一張小名片上就會看起來很龐大。 >> 使用9磅,甚至8磅或7磅的字體會很困難,不過看看你收集的那些企業名片。選出看上去最專業最精美的3張,它們絕對不會使用12磅大小的字體。 >> 可以嘗試將logo標誌(或一部分)放大並淡化,作爲信件內容區的底層陰影。 >> 傳單是最適合使用不同有趣字體的地方之一,而且使用有趣的字體也是讓人注意標題的一種最佳方法。不要膽小,這是你使用奇特字體的機會,你不是一直在尋找這樣的機會嗎? >> 可以試着把圖像或照片放大到原計劃尺寸的至少兩倍。或者讓標題大小爲400磅而不是24磅 >> 如果你在一開始就抓住了讀者的注意力,他也會去閱讀小字的。 >> 新聞簡報 多頁出版物最重要的特性之一就是一致性,或重複。每一頁看上去應當是屬於整個出版物的一部分。 >> 避免在每篇文章中都使用不同的字體。 >> 在MyFonts.com上可以輸入你需要的標題,然後用上百種字體寫出這個標題。 >> 排字功能!學會控制字母間、行間、段間、標題和副標題、製表符和縮進之間的空間。我之所以不停地強調,是因爲間距是業餘作品和專業作品的區別。 >> 打開一張報紙 >> 哪裏有空白,你的眼睛可能就會朝那裏看過去。之所以會這樣,就是因爲空白在擁擠的頁面上提供了一種強烈的對比。 >> 色設置字體時往往要使用稍大稍粗的字體,這是因爲視覺幻覺會使反色文字看上去要小一些,細一些。 >> 這些建議是爲了改進簡歷的視覺展示效果,而不是內容!對於你的專業領域來說,簡歷中應該出現什麼內容,是你要好好學習的。你需要了解在合適的範圍內,設計可以大膽到什麼程度。 ◆ 第10章 字體(與人生) >> 如果結合使用了多種字體,它們在樣式、大小、字體粗細等方面很類似(但並不相同),就會出現一種衝突的關係。這種相似性會造成困擾,因爲我們所看到的不完全一樣(協調),但也並非完全不同(對立或對比),所以它們是衝突的。 ◆ 第11章 字體類別 >> 手寫體就像奶酪蛋糕,要少用,這樣纔不會讓人覺得噁心。當然,絕對不能將大段文本設置爲這些有趣的字體,而且絕對不能設置爲全大寫。不過手寫體設置得非常大時可能會讓人印象特別深刻。放手去做,千萬不要保守! ◆ 第12章 字體對比 >> 粗細對比是爲頁面增加視覺效果最容易而且最有效的方法之一,而且無需重新做任何設計。只是有一點必須明確:除非有一種筆劃很粗大的字體,否則得不到這種漂亮的強烈對比。 >> 粗細對比不僅能使頁面更引人注目,也是組織信息的最有效的方式之一。 >> Robin原則:不要把同一個類別中的兩種字體放在同一個頁面上。 >> 出於同樣的原因,應當避免同時設置兩種現代或兩種襯線字體。 >> 另外還要避免在同一個頁面上使用兩種手寫體。 >> 每一個全大寫的詞都有同樣的形狀:矩形。 >> 要有效地與一個冷色進行對比,通常需要使用大片冷色。 >> 要得到更多的例子和想法,可以隨便挑一本好雜誌看看。注意每一個有意思的字體佈局都會依賴於對比。 >> 從雜誌描詞的好處是你可以從中發現大量不同的字體(而你的計算機上可能沒有這些字體)。 ◆ 第13章 你掌握了嗎 >> 字體現在太多了,實際上只需要幾個字體系列,利用它們就能建立各種生動的組合。從各個類別分別選擇一個字體系列,要確保你選擇的無襯線系列中極粗以及極細的字體都一概包含。 >> 翻開一張報紙或者一本雜誌,或者隨便打開一個網頁。找一個你認爲設計得不好的廣告(要特別利用你剛剛提升的視覺敏銳度)。我相信,找出幾個這樣的例子應該不成問題。 拿出一張描圖紙,描出這個廣告的輪廓(可以描得大一點)。現在,移動這張描圖紙,描出廣告的其他部分,但要把它們放在本該在的位置,提供明確的對齊線,在合適的情況下把各部分放置得更緊密來建立親密性,確保中心點確確實實是中心點。把大寫字母改爲小寫,把某些項設置得更粗,某些項小一些,有些項則再大一些,去掉那些明顯沒用的“垃圾”。 ◆ 第14章 測驗答案和建議 >> 去掉邊框,形成開放空間。設計新手往往把所有一切都包上邊框。不要這麼做了!讓它自由呼吸。不要把它包得太緊! ◆ 附錄A:迷你術語表和資源 >> 印刷頁。一般來說,在紙上印刷的圖像的分辨率需要達到300dpi(每英寸墨點數) >> 打印時,使用.tif圖像,300dpi,CMYK顏色模式。 >> 屏幕頁。屏幕上的圖像爲72ppi(每英寸像素數) >> 作爲一名設計人員,可以控制別人用何種方式在頁面上移動“眼球”(視線),所以需要更留意自己的視線在頁面上如何移動。要聽從眼睛的“意見”。

★★★★★

設計未來——評第八屆武漢設計雙年展 好的設計要麼自然天成,要麼出自人工。 這次的展陳,雖有驚喜,也有平淡,互動有但不多,離期望還有差距。 空曠的展廳裏,多是平面陳列,眼睛應接不暇,來不及細看,小孩自然比大人熱情。 從奇趣萬端的展品看來,武漢不愧是一座設計之都,這是得到國際上承認的。 從橋樑到機場,再到博物館、美術館,以及各種未來感十足的建築,再到VR虛擬世界的暢遊,還有經典動漫《靈籠》等(實在說,動漫也是一種設計)——無不彰顯人類對美的不可遏制的追求。 看來,人與動物的區別,除了道德,也許就是設計了。 估計儒家看待世界時就沒考慮到這點,故孟老夫子概嘆“人異於禽獸者幾希”時,是全然沒想到要說出答案的。 在自然界,蜜蜂、蜘蛛、燕子也可以造出適合自己居住的建築,螞蟻甚至能深入地下幾米的地方,建立迷宮般巢穴——但所有這些皆是出於本能,出於實用,而不考慮美感。 簡言之,動物的作品是出於自在,而人類則全是自爲,是人的有一定意識和目的的作爲。趙州橋之所以流傳千古,正是設計藝術的時間見證。 人之所以覺得某些動物的作品也很美,那是人的感覺,而非動物的心理自覺。 也許這是錯誤的,就像莊子的濠梁之辯——人類非動物,又怎知動物的感覺? 這就有點類似嵇康的聲無哀樂論,也是今日難以破解人工智能悖論——“中國屋”驗證,比之圖靈更進一步。 參觀結束,孩子體驗了下3D打印,並試着打印了兩件作品:一隻小動物,一艘船型建築。 算是這次參觀的不小收穫吧!

★★★★★

讀過 寫給大家看的設計書(第4版) 🌕🌕🌕🌕🌑 命名的作用:作者分享,在她在書上認識了一種長相奇特的名爲約書亞的樹之後,忽然發現,她的周圍到處都是約書亞樹:她的六戶鄰居中4戶種了它,她家的街道80%的家庭庭院裏有它,她家附近的超市也買樹苗。這些書當然不是一夜之前忽然出現的。但是在她知道這樹的名字之前,這些書對它是“隱身”的。她的頭腦自動忽略了它們的存在,以至於讓她認爲此樹她從未見過。閱讀此書,你會認識一些設計方法,一些顏色和字體知識。當你學會了這些知識之後,它們就會在你日常所見中,從隱藏狀態變爲昭然若揭。當你學會應用它們,你就會成爲一名設計師。 設計的目的:清晰的信息表達。作者沒有將此專門描述,但在字裏行間無不透露出來,好的設計,能將信息以清晰明確、優雅美麗、省力舒適地方式,傳遞給接收者。不應該要求讀者去努力尋找頁面的內容,如重點、材料的組織、用途、信息流程等,所有這些應該一眼就能看出來。 4大設計原則:1. 親密性,即相關的項物理位置上要靠近,有差別的則要分開,從而形成信息組塊,帶來條理性;2. 對齊,即頁面元素與相關元素可通過對齊而形成視覺紐帶,產生有序或統一感;3. 重複,即通過重複特定樣式和元素,帶來專業性、權威性;4. 對比,即通過強烈的對比,引導讀者的視線,增加可讀性。 顏色知識:色輪的基礎是黃、紅和藍三原色。三原色等量混合得到三間色。在把相鄰顏色互補的步驟進行下去,可以得到非常細緻的色輪。輪上相對的顏色爲互補色。彼此等距的三種顏色通常會形成一個讓人愉悅的三色組。分裂互補三色組是選擇一種顏色,再找出它的互補色,而是使用該互補色兩側的顏色與初始原色組成色組。單色中加入不同濃度的白或者黑可以改變顏色的明暗,形成亮色和暗色系列。冷色趨於做背景色,而暖色是趨進型的。墨色系統:CMYK代表Cyan(一種藍色)、Magenta(一種紅/粉紅色)、Yellow(黃色)和一個Key色(通常是黑色)。電子色系統:RGB表示Red(紅色)、Green(綠色)和Blue(藍色)。需要印刷的項目應當使用CMYK;需要在屏幕上看的內容則應使用RGB。 字體知識:英文字體有6類,Oldstyle(舊式體),Modern(現代體),Slab serif(粗襯線體),Sans serif(無襯線體),Script(手寫體),Decorative(花體)。字體對比有6種明確的不同方式:大小、粗細、結構、形狀、方向和顏色。注意,在利用字體做對比時,一定要注意的是,相同或類似的信息要用類似的字體,以保證協調;用於強調時,則一定要讓不同之處明顯,差別分明。 此書中有大量的實例可供練習。書的一個亮點,是各個例子所用到的字體,都有所標識,讀者可以直接去嘗試。缺點是,雖然設計原則和顏色知識是通用的,但沒有漢字字體的相關知識。

★★★★★

去年就想學習爲什麼我看到一幅作品、無論是平面設計圖還是一幅畫、甚至一種穿搭會覺得是美的,讀了像《設計中的設計》《華夏美學》這種書,發現他們講的都是設計哲學、也就是講的偏設計之“道”,跟我這種小白想學的手法,也就是設計之“術”不大一樣,跟一個設計師好友聊了下,激發了我對自己的理解,其實我想學的是各種設計原則,知道這些原則後就可以自己做家居的搭配、美化ppt等實用技能。於是讓豆包和deepseek推薦圖書,這本書就在推薦的top之列,讀完後果然是經典。 我們在組織一個設計作品時,首先要明確希望傳遞哪些信息、也就是至少要有哪些內容要素。 然後把信息進行分組,分組在一起的利用“親密性”要放在一起,人類進化留在我們基因裏的記憶就是離得近的關係近。這是一個邏輯層面的組織。 有了邏輯,但不一定一眼就能找到重點,這就要用到“對齊”和”對比“。對齊讓我們不會覺得很雜亂,人類面對雜亂會無從下手、從而勸退讀者或者讓人心情煩亂。用”對比“是一下子就能吸引眼球,尤其是對比裏更亮、更強的部分,會讓人先看到。這是視知覺層面人的感官主導的。 對齊: - 執行“對齊”這個原則時,比較好的方法是劃線,一幅作品用線分割,線的佈局是否符合人類審美也就決定了整個作品的結構是否符合人的審美,而且“軟”的、也就是看不見的線反而比看得見的線更高級。書中還給了一些小技巧: - 居中對齊更正式、更穩重,但也中規中矩、很乏味。 - 小白選手儘量頁面中只使用一種對齊方式 - 每一項與其他項要存在某種對齊 - 要敢於留白(但這本書沒有講怎麼留白,這也是我覺得本書在四大設計原則之外,其實丟失了“平衡”這個原則) 對比: - 對比可以有很多種,細線和粗線、冷色和暖色、平滑材質與粗糙材質;水平元素與垂直元素;間隔的寬文本行與緊湊在一起的文本行;小圖片與大圖片 - 小技巧:對比的突出部分其實就是重要部分,把重要的可以放在一個視覺重心位置,可以以防用戶漏掉重要信息 更進一步,如果能夠用到“重複”,那麼作品的格調就會更上一層樓,會讓人覺得很和諧。背後的原理是重複造成了一種統一,因爲統一和一致會被人類認爲是一個整體,人類會覺得更清晰以及舒服。使用”重複“的手法: 1. 就是設計的某個元素在作品中重複,可能是一種字體、一條線、一個符號、顏色、空間關係等等(原諒我這個小白,再有其他我也不知道都有啥了) 2. 找一個設計裏的元素,把它延展做重複,比如背景圖裏的虛線,虛線可以重複字裏面;虛線很有特點,能夠以各種方式出現在整個文件中,卻被視爲重複要素 3. 一個熟悉的元素,可以嘗試只包括其中的一部分。 比如寬的黑色條帶,變窄也是一種重複 除了四大原則之外,作者還講了色彩,第一次接觸色輪覺得還挺奇妙但又有點科學的。色輪上相對的顏色爲互補色,他們是最佳搭配,一個作爲主色另一個用來強調。然後是基調顏色加白變亮、加黑變暗。 小技巧: 1. 冷色趨於做背景色,暖色不費多大功夫就能產生效果,紅色、黃色能立即映入眼簾。所以,如果要組合暖色和冷色,一定要少用些暖色。 2. 儘量少用框,框裏套框的話就用線來分割空間,而不是包圍空間 最後忠告我這種小白的金句:確保你創建的外觀是有意識地去這麼做的,也就是用心焉而已,so is everything。無論是做畫、唱歌、設計產品等等要有意識地去思考、給每一個動作和生成一個理由;在打破規則之前必須清楚規則是什麼。

★★★★★

挺實用的一本書,在製作簡歷、ppt或者網頁 ui 時,將作者的建議當做標準規範來使用,雖然肯定不是最好的設計,但應該也能獲得一個較好的界面。 總結一下,作者認爲頁面設計的四原則如下 親密性:將頁面上的信息進行分組,同組信息應該做聚合,但要注意,聚合的塊不宜過多,一般不超過 3-5 個 對齊:摒棄居中對齊,頁面做好後瞄一眼,橫向和縱向對齊的線不要太多,強調頁面整體水平和垂直方向的對齊 對比:如果不一樣,那就應該截然不同。不一樣的元素如果效果接近,就是頁面衝突了 重複:重複相同的元素,尤其在多頁面設計中,重複是保持統一風格的關鍵 另外關於顏色的選擇,要學會看色輪和各種樣式的調色版,知道顏色是怎麼來的(三原色放在圓上三個等距的點,然後兩兩中間位置的顏色就是兩個各取 50% 組合的,就這樣一直將圓環填滿。然後添加黑色和白色就會想成無數的色調,在色輪上原色在原的半徑中間,偏向圓心和邊上是越來越多的黑色和白色)。頁面需要多種顏色時,選擇色輪上三個等距的顏色是很好的選擇,這些顏色在一起會很協調。 最後是字體,字體分爲襯線字體和非襯線字體,屏幕展示和印刷適合的字體是不一樣的,中文來說,屏幕顯示用微軟雅黑,印刷使用宋體是不錯的選擇

★★★★★

做設計這麼久,卻不是一個合格的設計師,說來慚愧,雖然是半路出家,從建築行跨行到設計,沒有任何設計繪畫基礎到一步步的自我學習和工作實踐,硬是把自己變成了一個底層設計師,但只要堅持做對而正確的事,相信自己一定會爬上設計師的金字塔~ 這是一本設計入門書籍,通俗易懂,主要從親密性、對齊、重複、對比展開,裏面講的案例比較實用,同時可以鍛鍊你的觀察能力~ 對比(Contrast)對比的基本思想是,要避免頁面上的元素太過相似。如果元素(字體、顏色、大小、線寬、形狀、空間等)不相同,那就乾脆讓它們截然不同。要讓頁面引人注目,對比通常是最重要的一個因素,正是它能使讀者首先看這個頁面。重複(Repetition)讓設計中的視覺要素在整個作品中重複出現。可以重複顏色、形狀、材質、空間關係、線寬、字體、大小和圖片,等等。這樣一來,既能增加條理性,還可以加強統一性。對齊(Alignment)任何東西都不能在頁面上隨意安放。每個元素都應當與頁面上的另一個元素有某種視覺聯繫。這樣能建立一種清晰、精巧而且清爽的外觀。親密性(Proximity)彼此相關的項應當靠近,歸組在一起。如果多個項相互之間存在很近的親密性,它們就會成爲一個視覺單元,而不是多個孤立的元素。這有助於組織信息,減少混亂,爲讀者提供清晰的結構。 Robin親密性原則是指:將相關的項組織在一起,移動這些項,使它們的物理位置相互靠近,這樣一來,相關的項將被看作凝聚爲一體的一個組,而不再是一堆彼此無關的片段。 Robin重複原則指出:設計的某些方面需要在整個作品中重複。重複元素可能是一種粗字體、一條粗線、某個項目符號、顏色、設計要素、某種格式、空間關係等。讀者能看到的任何方面都可以作爲重複元素。 對比是爲頁面增加視覺效果的最有效的途徑,也是在不同元素之間建立一種有組織的層次結構最有效方法。要記住一個重要規則:要想實現有效的對比,對比就必須強烈。千萬不要畏畏縮縮。 不要害怕讓一些項很小,這樣不僅可以與更大的項形成對比,還能留出更多的空白!一旦讀者把握住重點,只要他們感興趣,自然會去讀這些較小的文字。如果他們不感興趣,不論你把這些文字設置得多大他們也不會去讀。 生命中出現的一些事改變了我們的生活方向,我們必須順着眼前的路走,翻越過了沿途的障礙,最後出現在眼前的是另一片天地。我總會思索我所做過的決定,想象如果我選擇不同,我的人生又會是怎樣的。但是知道我要相信來時的路。現在,我的眼前又出現了一條路,我很好奇走過去之後會看到什麼樣的風景。

★★★★★

果真,真正的大師都是深入淺出,把複雜的事情抽象成簡單的原則,然後講解得通俗易懂。 4大基本原則以下是對基本設計原則的概述,每一個優秀的設計中都應用了這些設計原則。儘管我在後面將逐個討論各個原則,不過要記住,它們實際上是相互關聯的。只應用某一個原則的情況很少。對比(Contrast)對比的基本思想是,要避免頁面上的元素太過相似。如果元素(字體、顏色、大小、線寬、形狀、空間等)不相同,那就乾脆讓它們截然不同。要讓頁面引人注目,對比通常是最重要的一個因素,正是它能使讀者首先看這個頁面。重複(Repetition)讓設計中的視覺要素在整個作品中重複出現。可以重複顏色、形狀、材質、空間關係、線寬、字體、大小和圖片,等等。這樣一來,既能增加條理性,還可以加強統一性。對齊(Alignment)任何東西都不能在頁面上隨意安放。每個元素都應當與頁面上的另一個元素有某種視覺聯繫。這樣能建立一種清晰、精巧而且清爽的外觀。親密性(Proximity)彼此相關的項應當靠近,歸組在一起。如果多個項相互之間存在很近的親密性,它們就會成爲一個視覺單元,而不是多個孤立的元素。這有助於組織信息,減少混亂,爲讀者提供清晰的結構。

★★★★☆

——只有知道規則纔能有意識地打破規則。 或許許多人都對設計知之甚少(至少我是如此),而這本書中在作者深入淺出的帶領下,平時熟視無睹的對比、重複、對齊和親密性忽而活了過來,讓我們能夠更加直接的瞭解設計者想要傳達的信息,當然,也有助於我們更好的傳遞信息。

★★★★★

#牆裂推薦#  真的超實用的一本書,書架中收藏了很多書,前兩天偶然翻開,本來是沒報多大希望的,這種實用性書籍總是很拖沓,要麼就很高深,但這本書完全不拖沓,滿滿的乾貨,而且很實用!感謝作者,感謝遇到。 本書一共可分爲三個部分:設計原則、顏色搭配、字體使用。 第一部分  設計原則 對比的基本思想是,要避免頁面上的元素太過相似。如果元素(字體、顏色、大小、線寬、形狀、空間等)不相同,那就乾脆讓它們截然不同。要讓頁面引人注目,對比通常是最重要的一個因素,正是它能使讀者首先看這個頁面。 重複(Repetition) 讓設計中的視覺要素在整個作品中重複出現。可以重複顏色、形狀、材質、空間關係、線寬、字體、大小和圖片,等等。這樣一來,既能增加條理性,還可以加強統一性。 對齊(Alignment) 任何東西都不能在頁面上隨意安放。每個元素都應當與頁面上的另一個元素有某種視覺聯繫。這樣能建立一種清晰、精巧而且清爽的外觀。 親密性(Proximity) 彼此相關的項應當靠近,歸組在一起。如果多個項相互之間存在很近的親密性,它們就會成爲一個視覺單元,而不是多個孤立的元素。這有助於組織信息,減少混亂,爲讀者提供清晰的結構。 第二部分  顏色搭配 介紹了顏色的基礎知識以及使用方法,色輪、對比色、互補色、類似色、三色組、顏色的明亮、冷暖等等,具體可詳看書籍。 第三部分  字體 Robin原則:不要把同一個類別中的兩種字體放在同一個頁面上。 最後,做一個設計或者重新設計時,先從哪裏開始? 從中心點開始。確定希望讀者最先看什麼。除非你已經決定要建立一個非常協調的設計,否則就應該創建一個有強烈對比的中心點。 將信息分組。按邏輯進行分組,確定這些組之間的關係。通過組之間的靠近與否(親密性)來顯示這些關係。 在頁面上組織文本和圖片時,要建立並維護明確的對齊。如果能看到一個明顯的邊界,如照片邊界或垂直線條,可以通過其他文本或對象的對齊來加強這個邊界。 創建重複,或者找出可以重複的項。爲建立重複,可以使用粗字體、線、裝飾符號或者某種空間佈局。看看哪些元素已經自然地重複,再看看是否適合加大重複力度。 除非你已經決定創建一種協調的設計,否則一定要建立強烈的對比,這樣會吸引讀者的視線。要記住,對比要黑白分明。如果頁面上的所有一切都又大又粗,很華麗,那麼根本不存在任何對比!不論通過更大更粗來建立對比,還是通過更小更細形成對比,關鍵是要有所不同,這樣才能引人注目。

★★★★★

我再也不用12磅的Times New Roman了!我再也不居中對齊了!我就是個大傻X 對比(Contrast)對比的基本思想是,要避免頁面上的元素太過相似。如果元素(字體、顏色、大小、線寬、形狀、空間等)不相同,那就乾脆讓它們截然不同。要讓頁面引人注目,對比通常是最重要的一個因素,正是它能使讀者首先看這個頁面。重複(Repetition)讓設計中的視覺要素在整個作品中重複出現。可以重複顏色、形狀、材質、空間關係、線寬、字體、大小和圖片,等等。這樣一來,既能增加條理性,還可以加強統一性。對齊(Alignment)任何東西都不能在頁面上隨意安放。每個元素都應當與頁面上的另一個元素有某種視覺聯繫。這樣能建立一種清晰、精巧而且清爽的外觀。親密性(Proximity)彼此相關的項應當靠近,歸組在一起。如果多個項相互之間存在很近的親密性,它們就會成爲一個視覺單元,而不是多個孤立的元素。這有助於組織信息,減少混亂,爲讀者提供清晰的結構。 有時,你可能會在居中佈局上增加一點小技巧,如將文本居中,但是文本塊本身不居中。或者將文本放在頁面的上方,增加緊張性。或者在一個很正式的居中佈局中設置一種非常隨意、有趣的字體。但不論怎樣,千萬不能做的是:設置12磅大小的Times字體,另加兩個回車! 我們的眼睛喜歡看到有序的事物,這會給人一種平靜、安全的感覺。此外也有助於表達信息。 要避免在頁面上混合使用多種文本對齊方式(也就是說,不要將某些文本居中,而另外一些文本右對齊)。 另外,要着力避免居中對齊,除非你有意識地想要創建一種比較正式、穩重(通常也更乏味)的表示。並不是完全杜絕使用居中對齊,有時可以有意地選擇這種對齊方式,但是不要把它作爲默認選擇。 有些出版物可能選擇重複地自底向上伸出(或者沿底部對齊,因此可能有一個參差不齊的頂部,類似於城市的高樓大廈),而不是“像掛在晾衣繩上一樣”沿頂部對齊。不過,不論選擇哪一種技術,都必須保證一致。 如果兩個元素雖然不同,但是區別不大,這時候就不是對比了,而是衝突。 色輪上相對(即完全對立)的顏色爲互補色。由於它們如此對立,所以最佳搭配是一種作爲主色,另一種用於強調。 彼此等距的三種顏色通常會形成一個讓人愉悅的三色組。 另一種形式的三色組稱爲分裂互補三色組。從色輪的一邊選擇一種顏色,再在色輪上找出它對面的互補色,不過並不直接使用這個互補色,而是使用該互補色兩側的顏色。這樣得到的組合會有一種更爲細緻的顏色邊界。以下是這種組合的兩個例子。 暖色(紅色、橙色)是前進型的,會引起我們的注意。目光很受暖色的吸引,所以只需很少的一點紅色就可以產生對比。另一方面,冷色(藍色、綠色)則是遠離型的,總是在我們的視線中後退。即使更大的區域內都是冷色你也未必能注意到;實際上,需要更多的冷色才能產生有效的對比。 羅馬體表示所有字體中從上到下豎直的字體,這不同於斜體或手寫體(這些字體是傾斜或者飄逸的) 手寫體就像奶酪蛋糕,要少用,這樣纔不會讓人覺得噁心。當然,絕對不能將大段文本設置爲這些有趣的字體,而且絕對不能設置爲全大寫。不過手寫體設置得非常大時可能會讓人印象特別深刻。放手去做,千萬不要保守! 舊式體中的所有曲線筆劃都有一種從粗到細的變化,技術上講,這稱爲“粗/細過渡”。筆劃中的這種對比相對比較緩和,這說明它只是從比較細變化(過渡)爲稍微粗一點。如果在曲線筆劃的最細部分畫一條線,這條線將是對角線。這條線稱爲強調線(stress)——舊式體有一條對角強調線。 現代體有襯線,不過它們的襯線是水平的,而不再傾斜,而且這些襯線很細 現代體就像一座鋼鐵大橋,結構很嚴格,筆劃中有劇烈的粗/細過渡(或對比)。因爲不存在筆的傾斜,所以強調線完全是垂直的。現代體看起來往往有一種冷酷、高雅的感覺。

書籍信息

作者Robin Williams
譯者蘇金國,李盼等
出版社人民郵電出版社
出版時間2016-01-01
ISBN9787115404404
分類藝術-設計
格式EPUB
完結狀態連載中
章節數28