《寫給大家看的設計書》學習筆記

2022-07-30 23:15:17 字數 1388 閱讀 2380

優秀的設計就這麼容易……

學習四大基本原則;

認識到自己沒有運用這些原則;

應用基本原則;

四大基本原則物理位置的接近就意味存在著關聯。

親密性意味著存在關聯。

圓角比指教更加簡潔,更突出。

正文中的字型大小不一定非得12點,做為正文的輔助資訊,如期號和新聞髮型年份,字型通常可以小到7或8點。

設計技能需要逐步提高,要先從簡單的表達開始。

用留白來對元素進行分組。

小結

根本目的:實現組織性。

如何實現:統計眼睛停頓的次數來數一數頁面上有多少個元素。如果頁面上的項超過了3~5個(取決於集體情況),就要看看那些孤立的元素可以放在一組建立更近的親密性,使之成為乙個視覺單元。

要避免的問題:

不要僅僅因為有空白就把元素放在角落或**。

避免乙個頁面上有太過孤立的元素。

任何元素都不能在頁面上隨意安放。每一項都應當與頁面上的某個內容存在視覺聯絡。

居中會讓邊界太「軟」,讓文字聯絡在一起一條看不見的線會更明確,因為現在有一條「硬」的豎邊。這就使左對齊和右對齊的文字看起來外觀更清晰,效果更分明。

居中對齊是初學者最常用的對齊方式,這種對齊看起來很安全,感覺上也很舒服。居中會建立一種更正式,更穩重的外觀,這種外觀顯得更中規中矩。如果要居中起碼也要有藝術性。

文字居中的原則:頁面上只能使用一種文字對齊:所有的文字都左對齊,右對齊或者全部居中;有時你可能喜歡在同乙個頁面上同時使用左對齊和右對齊文字,不過一定要確保讓這些文字以某種方式對齊。

做為優秀的設計都可以在對齊的物件間畫出「對齊線」,即使這些設計總體表現為匯集了大量奇特的內容,甚至動感實足,這種「對齊線」也很明確。

小結

在設計中統一性是乙個重要的概念。要讓頁面上的元素看上去統

一、有聯絡而且彼此相關,需要在各個單獨的元素之間存在某種視覺紐帶。儘管這些孤立的元素在頁面上的物理位置可能並不靠近,但是通過適當放置,可以讓它們看上去是有聯絡而且相關的,並且與其他資訊統一。

根本目的

對齊的根本目的就是讓頁面統一而有條理

如何實現

要特別注意元素放在**。應當總能在頁面上找出與之對齊的元素,儘管折兩個物件的物理位置可能相距很遠。

要避免的問題

要避免在頁面上混合使用多種對齊方式。

另外,要著力避免居中對齊,除非你有意識地想要建立一種比較正式、穩重(通常也更為乏味)的表示。並不是完全杜絕使用居中對齊,有時可以有意地選擇這種對齊方式,但是不要把它做為預設選擇。

筆記 《寫給大家看的設計書》

摘錄,於2017年2月24日 1.四大原則 親密 對齊 重複 對比 2.親密 將相關的項組織在一起,物理位置的接近意味著存在關聯 3.親密即資訊分組,使其成為乙個視覺單元 4.對齊 任何元素都不能再頁面上隨意安防,每一項應當與頁面上的某個內容存在某種視覺聯絡 6.原則 頁面上只能使用一種文字對齊 7...

《寫給大家看的設計書》

元素分類放在一起。對齊分為 左對齊 右對齊 居中對齊 兩端對齊 慎用居中對齊,居中對齊的 對齊線 強度弱,沒有力度。對首尾運用重複可以很好地收尾,讓讀者讀到尾部視線停留。整個系統樣式進行重複會讓系統樣式保持一致性,使系統各模組 頁面 看上去是乙個整體。頁面上的元素要有對比,以達到吸引讀者的目的。如果...

寫給大家看的設計書 robin willianms

1.優秀的設計 學習四大基本原則 對比 重複 對其 親密性 認識到自己沒有運用的這些原則 應用基本原則 2.親密性 將相關的項組織在一起 物理位置的接近就意味存在著關聯 親密性意味著關聯 把相關的元素分組在一組,使他們建立更近的親密性 設計 要先從簡單的表達開始 清楚地表達關鍵資訊,包括 誰,做什麼...