在現(xiàn)如今的多屏互動的時代，響應式網(wǎng)站設計在日常生活當中扮演的角色越來越重要，而衡量一個響應式網(wǎng)站是不是優(yōu)秀的，全看它是不是有靈活精巧的布局，網(wǎng)站的布局的合理與否直接影響到網(wǎng)站的響應后效果，那么做好響應式網(wǎng)頁設計要注意什么呢？

1.精心挑選字體將為你贏得靈活而高效的排版
        自從客戶端字體（Font Face）被引入網(wǎng)頁設計中之后，網(wǎng)頁設計師們便擁有了將不同字體用于自己設計中的自由。此前，他們只能使用特定的，與網(wǎng)頁安全兼容的字體
與之形成對比的是angelfire 網(wǎng)站，這個站點使用了多種不同的字體，看起來混亂，不專業(yè)。

2. 突出顯示標題
        網(wǎng)頁排版的一個特點就是標題在版式中占據(jù)突出位置。別致的標題能吸引用戶在你的網(wǎng)站停留更久。為了實現(xiàn)這一點，你可以利用字形（glyphs）和連字（ligatures）技巧創(chuàng)造外觀更獨特的標題。
連字指的是看起來似乎是連接在一起的字母。例如，單詞“fish”中的f和i在某種字體里可能聯(lián)成一體（fi）。通過瀏覽器的字體設置功能或借助“文本渲染——優(yōu)化清晰度”（Text Rendering- OptimiseLegibility）特性， 你可以輕松地實現(xiàn)連字效果。火狐瀏覽器已經(jīng)設置了默認的連字符。在某些字體中使用特定的連字組合效果能為你的網(wǎng)頁版式增加美感和風格。在網(wǎng)頁排版軟件的Text, Type 或Open Type目錄中，一般都可以開啟或關閉連字效果。當合適的字母相鄰出現(xiàn)時，這些軟件會自動為它們設置連字效果。請注意這個網(wǎng)站中優(yōu)雅的連字。這些優(yōu)美的字體如果用于網(wǎng)頁標題中的話，無疑會為訪客帶來更為卓越的用戶體驗。

3.合理搭配不同大小和顏色的字體
        正如下面的圖片所傳遞的信息一樣，我們在網(wǎng)頁設計中必須選擇能在桌面端和移動設備屏幕上都清晰顯示的字體。一款字體在印刷品中與在數(shù)碼設備中顯示的效果是不同的。因此我們必須理解font family屬性，風格和效果。根據(jù)W3C對于CSS字體的規(guī)定，Serif, Sans-Serif, Monospace, Fantasy 和Cursive等字體都具有font family屬性。第二，應根據(jù)網(wǎng)站的主題或分類來選擇字體。這樣才能確保你的網(wǎng)頁能引起目標受眾的共鳴，達到想要的效果。襯線字體同樣能用于提升文本的閱讀效果，強化要傳達的信息。這里的問題是，襯線字體的特性決定了它只能在高解析度的屏幕上正常顯示，在低解析度的屏幕上可能會導致糟糕的結(jié)果。因此建議你在短標題中使用藝術字體，在正文中采用更簡潔的字體。

4. 在響應式排版中，調(diào)節(jié)行寬十分重要
        必須對網(wǎng)頁中的行寬（line length ）進行調(diào)節(jié)，因為字體的行寬與排版的響應程度息息相關。響應式設計也包括在不同尺寸的屏幕上字體所發(fā)生的自適應式改變。所以調(diào)整字體的行寬是必須的。理想的行寬為每行文本中字符數(shù)量在45-47之間，包含空格和標點。 長的限度我45-85個字符。這是對人們的閱讀習慣和眼動規(guī)律做出研究后得出的結(jié)論。根據(jù)這一結(jié)論，有專家建議網(wǎng)頁內(nèi)容采用左對齊的排版方式，因為人的視線在閱讀時一般會按照從左至右的方式在水平方向上運動。

        網(wǎng)站suite 將沒行文本的字符數(shù)限定為75個。正如你能看到的，頁面中的文本看起來十分優(yōu)美，能讓用戶懷著興趣一直讀下去。嗨創(chuàng)免費自助建站平臺，用精湛的專業(yè)技術讓客戶更便捷， 重要的是!嗨創(chuàng)免費為大家開放建站，無需花費高額的資金就可以得到您滿意的、用戶體驗性極強的響應式網(wǎng)站，也可以根據(jù)自身行業(yè)以及企業(yè)需求自主建立更適合您的響應式網(wǎng)站。

5、不要優(yōu)先為桌面版設計
        開發(fā)者通常會犯的一個常見錯誤，他們設計網(wǎng)站時優(yōu)先考慮桌面版，因為在這些人眼中，將基于桌面版的網(wǎng)站轉(zhuǎn)變?yōu)獒槍ζ渌O備的響應式web設計是件很輕松愉 快的事情。但是，這個發(fā)生在計劃規(guī)劃階段的錯誤本身會變成一個非常巨大的問題。甚至會造成返工，當然，大量的錯誤也會蔓延出來。

6、不應隱藏內(nèi)容
        響應式設計通常會有更少的空間展示圖片和內(nèi)容，但是這并不意味著你的內(nèi)容應當被忽略。你不得不采取一種方式重新安排內(nèi)容，使其能夠保證易讀性。這個比較容 易實現(xiàn)，可以通過創(chuàng)建導航鏈接并且使用錨，是用戶在一個頁面中能看到他們一直在尋找的內(nèi)容。那些通過CSS布局控制內(nèi)容隱藏的應當明白，這些內(nèi)容依然會被 加載，因此，你通過為用戶提供完整的觀看體驗也沒什么大不了。簡單而言，用戶不應該由于他們所使用的設備而遭受開發(fā)者的“懲罰”。