《寫給大家看的設計書》小實踐

寒假閑著無聊重新看了這本書,我從來沒有學過設計與排版,這本書算是入門書了,淺顯易懂,359頁的書前半部分仔細闡述了設計的四大基本原則,后半部分通過一些實例綜合運用這四大原則進行改進,我也拿其中一個實例練了練手,下面有曬圖,新手請多包涵~

首先還是先復習下四大原則

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

重復(Repetition)
讓設計中的視覺要素在整個作品中重復出現。可以重復顏色、形狀、材質、空間關系、線寬、字體、大小和圖片,等等。這樣一來,既能增加條理性,還可以加強統一性。

對齊(Alignment)
任何東西都不能在頁面上隨意安放。每個元素都應當與頁面上的另一個元素有某種視覺聯系。這樣能建立一種清晰、精巧而且清爽的外觀。

親密性(Proximity)
彼此相關的項應當靠近,歸組成一起。如果多個項相互之間存在很近的親密性,它們就會成為一個視覺單元,而不是多個孤立的元素。這有助于組織信息,減少混亂,為讀者提供清晰的結構。


動手實踐下吧~

左邊是原圖,右邊是修改圖:


  1. 對比:標題采用黑底白字,增加對比度,而突出的主題詞attitude的字號比其他更大,并且采用了青色,與其他字的顏色區別開;
  2. 重復:標題、正文、底線的顏色重復,lessons from的下劃線與底線的重復;
  3. 對齊:大部分采用左對齊,右下角的作者和日期采用右對齊,而正文的右邊界線和署名的左邊界線有條隱形的對齊線;
  4. 親密性:原圖中每行的行間距都差不多,修改后的圖把相關元素聚在一起,Raising three children as a single mom應該是一個集合體,所以用一個框合起來,并且把它與標題的間距拉大,與署名的間距也拉大。

學習設計天賦是很重要,天賦是成為大師的必備條件。但是只要勤奮的學習和刻意的練習就能讓你的設計水平比普通人高出一節,所以,加油吧~

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 本書講了什么 復雜的設計原理在本書中凝煉為親密性、對齊、重復和對比這4個基本原則。作者以簡潔明快的風格,將設計所必...
    少穻閱讀 2,163評論 0 14
  • 關于約書亞樹的故事 小時候,只是在電視上和收音機里聽到格桑花這種花,覺得這種名字的花應該生長在西藏,所以就認為此生...
    尼克努努閱讀 792評論 0 0
  • 企業之所以業績不好,是因為員工的動力不足。員工之所以不能像老板一樣全力以赴、沒日沒夜的工作,主要的原因是他不是為自...
    商道學問閱讀 421評論 0 0
  • 夜深。 薇薇安在小床上酣睡。 我在她一側的大床上難以入睡。 墨爾本的夏還有一截拖沓的尾巴。今天把她熱得夠嗆。小孩子...
    米馬閱讀 100評論 0 1
  • 發布有半個月了,今天周末來玩下。 1.15 的發布說明: https://code.visualstudio.co...
    wkevin27閱讀 3,157評論 1 1