參考書目
上週看了一本書Robing Willianms著的《寫給大家看的設計書》:
設計排版中的四大基礎四大基礎原則:
親密性;
對齊性;
重複性;
對比性。
把書中的內容總結如下:並在網上找了有趣的案例,先動動手。
拿進入餐廳的過程作為例子:我們在此過程中接收到的資訊:
網上找了一家餃子館的選單,從親密性和對齊性原則出發,對選單排版資訊作出調整。
調整前VS調整後
1、親密性
組織整理資訊,減少混亂,為讀者提供清晰的結構。
我們在收集資料的過程中,元素常常是單個孤立的,找到多個元素間的相近的關係,成為一個視覺單元。(物理位置的接近就意味著存在關聯)
有意識地注意你是怎麼閱讀的、你的視覺這麼移動:從哪裡開始;沿著怎樣的路徑;到哪裡結束;讀完以後,接下來看哪裡?
整個過程應當是一個合理的過程,有確定的開始,而且有明確的結束。
目的:實現組織性,更美觀有條理
怎麼做:眯著眼睛看真,看看視覺元素視覺單元有沒有3-5個。
2、對齊性
任何元素都不能在頁面上隨意安放,每個元素都應當與頁面上的另一個元素有某種視覺上的聯絡,建立清晰、精巧而去清爽的外觀。
頁面對齊的好處,得到一個更內聚的單元。統一性
即使對齊的元素物理位置是彼此分離,但在你的眼裡(以及你的心裡),他們之間也會因一條看不見的線把彼此聯絡在一起。
目的:使頁面統一而且有條理,
怎麼做:找出與之相對齊的元素,儘管兩個物件的物理位置相距很遠。
3、重複
讓視覺中的要素在作品中重複出現。可以是顏色、形狀、材質、空間關係、線寬、字型、大小和圖片,加強統一感、條理性。
把無意的重複變為有意,利用重複將一系列出版物從視覺上係為一體。
視覺元素的重複可以將作品中的各個部分連在一起,統一增強整個作品,保持一致。
目的:統一,增強視覺效果。使讀者易於閱讀。
怎麼做:增加重複的元素,整體的版式,建立新的重複元素,增強設計的效果提高資訊的清晰度。
4、對比性
避免頁面上的元素太過相似,兩個元素要截然不同。如果元素(字型、顏色、大小、線寬、形狀、空間等)不相同,那就乾脆讓他們截然不同。讓頁面引人矚目,常常最重要的一個因素。
對比需要強烈,吸引眼球,組織資訊、清晰層級、在頁面上指引讀者,並且製造焦點。
兩個目的:1)增強頁面的效果,看起來有意思,可讀性;
2)有助於資訊的組織,引導邏輯關係,從一項到另一項的流程關係。
怎麼做:透過字型、線寬、顏色、形狀、大小、空間其中一項對比一定要強烈。
尋找生活中有趣的素材,用PPT整理一下。
修改前
修改後
歡迎留言談談,你對文章的看法。
感謝大家的時間。