Gremlin Works https://gremlinworks.com.tw/

0愛的鼓勵 0訂閱站台

響應式網站（Responsive Web Design）的設計是因應移動平台的用戶大量增加而想出的一個對應方法， 簡單的來說，就是網頁的圖文內容，會依不同的裝置螢幕大小，自動調整出適合的排列。近年來由於行動裝置的普及，使用行動上網的機會也越來越高，傳統網頁設計無法滿足多種裝置的呈現，也因此帶動響應式網頁設計成為目前網頁設計的主流。在進行響應式網站的設計時，製作出吸引人且方便使用的頁面便是非常重要的，這次將為您介紹關於響應式網頁的文字排版小原則。

什麼是好的排版？基於我們想用文字來傳達訊息的立場上，讓使用者好閱讀資料，在排版的時候就必須注意以下幾點：適當的間距、擺放位置、文字字體以及字體的大小。只要注意以上四點，就可以確保文字是易於閱讀的。在大多數情況下，設計師非常擅長幫您找到合適的字體，因此，我們將重點關注其他三個因素。

第一步是設置內文的字體大小，行高和間距，此過程稱為排版。首先使用包含用戶所需信息的頁面進行排版，選擇內文的字體大小，行高和寬度時，建議使用實際要放上的內容做測試。如果您還沒有實際內容，請使用文章較長的句子而不是隨意的文字，這將有助於您更精準的判斷選擇的字體大小與行高、間距。 也因為響應式網頁會在不同的裝置上有不同效果，在測試的時候請依照使用習慣查看排版結果，在行動裝置上與電腦上的排版會略有不同，請實際測試看看以便挑選最適合的編排。

永遠記住好排版的定義：沒有完美的排版，你只是在尋找容易讓人閱讀文字的方式。在這樣做的同時，您需要與其他人一起測試您的排版選擇（朋友和同事也會成為優秀的測試人員），以確保您的選擇是恰當的。