頁面排版學習筆記

 　　排版是什麼？

　　排版是將文字、圖片等元素在版面調整，使版面布局條理化的過程。一般來說，透過來版，讓人們更容易的去閱讀、接受這些提供給他們的資訊。

　　為什麼要提供良好的排版？

　　一個良好的資訊傳遞需要幾個要素來達成，分別是對的內容與對的方式以及對的人，唯有這三個要素都成立的時候，資訊就能夠有效率的被使用者給接受。排版扮演著內容與使用者之間溝通的橋梁，良好的版面設計讓使用者不需要特別的努力、訓練就可以瞭解提供的內容;相反，糟糕的排版可能會讓使用者拒絕接受這些內容。

　　排版最重要的四個要點

　　排版設計中有非常多需要注意的細節，各種細節也會因為不同的情境、需求而不同，底下列出了四項排版最重要的要點，如下：

　　1. 對齊（Alignment）

　　任何東西都不能隨意擺放，每一個元素之間都有某種視覺關系。利用對齊建立一個清楚整齊的外觀。

　　2. 親密（Proximity）

　　彼此相關的內容應靠在一起，反之不相關的內容保持距離。利用親密性，強調畫面的組織與架構 。

　　3. 重復（Repetition）

　　重復視覺要素的顏色、字體、大小、空間等，增強條理性，也增強了整體一致性。

　　4. 對比（Contrast）

　　避免頁面上元素太過相似，如果它們不同，哪就讓他們截然不同。讓重要的內容引人注目 ，讓使用者間看到它們。

　　參考資料：寫給大家看的設計書、完形心理學

　　文字排版要點

　　文字是內容的本質，人們透過文字、句子來闡述知識，讓我們透過瞭解文字排版，讓文字更容易被閱讀、被接受：

　　1. 使用適合閱讀的字體

　　字體大小與使用者螢幕大小、使用距離有關，清楚瞭解使用者使用的環境與習慣後，選擇一個適當的大小。

　　2. 選用適當的字體

　　有些中文字體的英文版本其實是不合適的，挑選與中文字體相對應的英文字體作為搭配的字體。

　　3. 設定恰當的行高

　　也就是“文字密度”，太擠的文字在換行時，眼睛不容易找到下一行的起點，較不容易閱讀。

　　4. 設定恰當的段距

　　清楚的段落區分，讓讀者可以清楚地瞭解現在正在閱讀的段落。

　　5. 注意段落的寬度

　　注意文字最後顯示的設備大小，太寬或太窄的段落寬度都會造成閱讀上的困難，一行文字以45字元~75字元是比較恰當的。

　　6. 清楚的區分標題與內文

　　使用對比的方式(例如顏色、大小、位置)將內文與標題清楚的區分開來。

　　從認知心理學看排版

　　人們會將鄰近的事物視為一體

　　紅色跟藍色放在一起容易疲勞

　　大寫文字難以閱讀

　　閱讀與理解是截然不同的兩件事

　　如果人們感覺這個字體不易閱讀，他們會把這種困難的感覺轉化至文意本身，並因此覺得文章所談到的內容難以執行或難以理解。

　　較長的欄寬能提高閱讀效率，但人們偏好較短的欄寬。

　　適時的應用進階展開，減少一次顯示的資訊數量

　　分類資訊

　　提供明顯的線索

　　參考資料：瞭解人，你才知道怎麼設計

　　從設計法則學習排版

　　80/20法則

　　不要對設計中所有的元素一視同仁。應該利用80/20法則來評估各元素的價值、鎖定重新設計與最佳化。

　　希克定律(Hick’s law)

　　當選項增加了，下決定的時間也增加。

　　倒金字塔法則

　　以重要性遞減的順序呈現資訊。先呈現最重要的資訊，之後才是附加的詳細資料。當呈現資料的效率很重要時，就使用倒金字塔法則。

　　提高信噪比

　　同一顯示中，相關資訊與不相