《網頁設計Design × Idea 關鍵50》筆記

ㄧ、文字

1.三行以上的文章，一定要設定行距。


2.中文字較多的文章務必加大字距。


3.網頁的安全區域在左上角。


4.照片與圖片說明不可分離。


5.文繞圖編排觀念：「將各元素放入方框中，再進行排列配置」。




二、色彩

1.檢討配色時，應從輕重和密度下手。


2.先決定背景，再決定元素的色彩。


3.想分割內文時，可為各段落套用不同色彩。


4.要為整體頁面添加重量感時，應運用明度、飽和度和色調漸層色。




三、結構

1.先從形式出發，再確定設計範疇。


2.元素較多時，應採取縱向結構（Portrait mode）；元素較少時，則採取橫向結構（Landscape mode）。


3.優先度低的資訊可用標籤或折疊的方式處理成隱藏狀態。


4.草稿是重量不重質。




四、圖形

1.運用類型時，必須先製作範本（雛形）。


2.圖示不該使用文字。


3.所謂的顯眼，一定是依據周圍物體的相對狀態來判斷。


4.不要讓 Logo 周圍的留白被其他元素入侵。


5.圖樣的對稱性會帶給人安定感。




五、版面配置

1.賦予元素先後順序後，再加以配置。


2.要讓使用者在頁面中順暢移動，就得製作出引導線（動線）。


3.時時謹記元素皆包含於方框（box）中。


4.元素若無在邊緣留白，就無法被視為獨立的資訊區塊。


5.從具意義的小單位著手，就不容易做出難懂的資訊。


6.先決定出頁面上端、下端等大範圍區域，再將各元素一一配置進去。


7.運用格線系統，能為頁面帶來一貫性。


8.注意朝水平方向分割頁面的水平流向線。


9.想要提升視覺效果，可以嘗試旋轉元素。


10.元素旋轉的角度、邊緣留白、移動、陰影等視覺效果，正是視覺的呈現重點。


11.將各元素看成模組來組織頁面。