“九個字”領你進入設計師的的大門
好吧,我承認第一次做標題黨有點緊張,一開始就招了。
其實這只是一本書的讀后感——《寫個大家看的設計書》。在“產品經理必讀書目”、“設計師入門必讀”之類的書單中見到過很多次,前段時間花了幾天的時間讀了一遍,確實有所收獲。
一開始是想用自己的文字,將這本書的精華壓縮成一片“五分鐘內看完,并輕松理解”的文章。不過似乎高估自己的能力,道行太淺還是別獻丑了,就希望有需要的朋友,能有所獲,如果看了我寫的能有興趣去看看這本書,也算是達到目的了。
這本用通俗易懂的語言,配以直觀風趣的插圖,闡述了初級設計工作需要掌握的基本設計原理和字體設計技巧。這些原理和方法論同樣可以應用于生活的其他方面。
涉及到的設計原理總結為“九個字”——親密性、對齊、重復、對比。
親密性:
What?
親密性是將相關的項組織在一起,使他們的物理位置相互靠近,從而相關項將被看作凝聚為一體的一組,而不再是彼此無關的片段。
Why?
其根本目的是實現頁面的“組織性”,只利用簡單的空間親密性關系,就能自動實現條理性和組織性,使得所表達內容更容易閱讀和被記住。
How?
利用親密性建立關聯主要是物理上位置靠近,空間關系的遠近或者留白劃分區域、將信息分組,使相互間關系密切的內容自然地聯系在一起,關系相對獨立的內容各自分開。
一個簡單的檢驗方法是將眼睛瞇起來看你設計的畫面,統計眼睛停留的次數來觀察界面上有多少元素能真正吸引你的注意力。如果有過多次停留,如超過5次(視具體內容而定),則說明孤立元素或干擾信息過多,需要將其中一些建立更親密的聯系。
Attention!
避免畫面中過多孤立元素;
不同層級元素間不要使用相同大小的空白;
同分組中在很有親密性的元素間建立聯系,如不屬于同一分組一定要分開。
對齊:
What?
對齊是指任何元素都不能在頁面上隨意安放,每一項都應當與頁面上的某個內容存在某種視覺聯系。包括居中對齊、左對齊、右對齊。
Why?
對齊的目的是使得界面設計產生“統一性”,使得界面元素看上去統一而有聯系,存在某種視覺紐帶。人眼喜歡看到有序、整齊的東西,給人以平靜、舒適、安全的感覺,不過也不排除產生打破規則的不對齊設計。
How?
對齊提供了把內容組織在一起的依靠,雖然那些對齊線是不可見的,但是確實使得內容產生了一種強有力的邊界。設計時特別注意元素的安放,為所有元素在頁面中找到與之對其的元素。瞇上眼睛看,找到頁面中明確的線。
Attention!
避免在頁面上使用多種對齊方式,尤其是居中對齊和左、右對齊的混用;
著力避免居中對齊,除非想創建正式、穩重、莊重的感覺;
可以刻意的打破對齊規則,產生突出效果,不過在打破規則之前一定要清楚規則是什么,也就是說,要讓界面符合某種規則,才能在局部打破規則。
重復:
What?
重復是指設計的某些方面需要在整個作品中重復多次的出現,可以是粗體、線條、符號、顏色、設計要素、空間關系等等,為表現設計的“一致性”。重復是設計的基礎。
Why?
重復可以將作品的各個部分連在一起,從而統一并增強作品。為了使頁面保持“一致性”,以及增強視覺效果。重復是一種控制讀者視線的視覺技巧,可以提高信息的清晰度,使得內容易于閱讀,還可為作品帶來一種專業性,權威性,讓人感覺到,設計是經過深思熟慮的。
How?
有意識的進行設計元素的重復出現,或者增加一點設計上的變動,使得一個重復元素的不同變體更明顯、生動的出現。可以找到現有的重復、如標號、圖標、線條,并將它加強。
Attention!
避免過多的重復同一元素,讓用戶產生厭惡感;
避免同一頁面出現太多種重復元素,造成混亂。
對比:
What?
如果兩個元素不同,就會產生對比,但是如果存在某種不同,但有差別不大,則是沖突。對比可以增加視覺效果,但是沖突往往會造成混亂,所以如果兩項不完全相同,那就讓他們截然不同。
Why?
對比是增加視覺效果最有效的途徑之一,可以吸引讀者注意,同時還能在不同元素之間建立一種有組織的層次結構。人類的眼睛喜歡看到有對比的東西,對比可以增加信息的趣味性、可讀性。
How?
可以通過字體的選擇、線寬、顏色、形狀、大小、留白等產生對比效果。但是一定要產生強烈的對比。
Attention!
重要的話說第三遍,如果要對比,就不要畏畏縮縮,讓他們截然不同!
避免使用過多的對比造成界面信息混亂。
后話
以上介紹了書中主要講述的四大基本設計原則,他們是相輔相成共同產生效果的。比如使用對比產生分區的同時也在利用親密性原理,文章小標題的加粗同時用到了對比和重復等等。我們自己也可以在生活中找到很多良好的設計,那么就可以看看是不是利用了這四個基本的原理,才會讓你感覺到“這個設計真好”的。
書中之后的部分還講到了顏色的運用和字體的設計,不過同樣離不開親密性、對齊、重復以及對比四大基本原則。內容較多,感興趣的朋友可以去找個電子版看看。書圖片較多,文字很少,讀起來很輕松快速??赡軙o人留下沒什么東西的印象,不過如果認真去體會,或許會發現,這本書其實就是一個利用了其闡述的設計原則的好作品。
其實不僅僅是做平面設計,生活中的很多事與物都會涉及到這樣那樣的基本原則,只是更加抽象了。比如做演講時需要分段落組織內容,運用到了廣義的親密性原理,展覽時作品都對齊擺放,闡述方案時會進行方案對比,穿衣打扮時會有配飾之間的風格重復和呼應。
提高視覺敏感度、才能越來越多的發現身邊好的設計靈感,從而提升自己的眼界與水平。
以下是在看書之前和之后我的簡歷的對比,效果還是挺明顯的(忽略內容吧,跟某產品大牛學的,把關鍵信息都打上碼,把臉摳掉)。
本文由 @迷糊 原創投稿,并經人人都是產品經理編輯。未經許可,禁止轉載。
- 目前還沒評論,等你發揮!