? 響應式網站越來越常見,一個入口,多個終端可訪問。我們通常在響應式網站設計過程中會注意以下幾點
? 1.盡可能在多樣的設備上測試?
? 在設計領域,大多數設計師在設計他們的網站時,只會在少量的設備上測試,做響應式網站的時候也一樣。要測試完所有設備是不可能的。其實應該根據自己的用戶進行有針對性的測試,這樣操作性更強。
?
? 2.圖片的響應式設計
? 對于響應式網站的設計和開發(fā)過程中,圖片的設計一直是一個重點關注的對象。其中最主要的就是圖片需要根據用戶瀏覽終端的不同而隨之發(fā)生變化。并且不會出現顯示不全、展開有空白、圖片牧戶等情況。其次就是觸摸屏上使用手勢操作幾乎是用戶的本能了。所以,在設計響應式圖片的時候,滑動操作等手勢操作賦予用戶更多的權力,讓體驗更加逼真。?
? 3.用戶體驗度的建設
? 用戶體驗度是一個網站是否可以生存下去的根本原因之一,其中響應式網站的用戶體驗度就更加重要了。響應式網站建設中最常見的錯誤就是在pc端瀏覽是一切正常,但是到手機端或平板上的時候就變得很奇怪,這對用戶體驗度是很不好的。所以響應式網站建設時應該在多個不一樣的閱讀終端進行瀏覽、測試,反復確認無誤后再上線。
? 4.字體不用優(yōu)化
? 不幸的是,太多設計師覺得這點是對的。他們注重在設備和網頁上的大小,卻不注重用戶實際看到的大小,一個網站必須有很強的可讀性,而且響應式網站字體的考慮是非常重要的。?
? 5.斷點?
? 斷點可以讓頁面布局在預設的點進行變形,也就是說,在臺式桌面上顯示3欄,在移動設備上僅顯示1欄,大多數CSS屬性都可以實現斷點之間的變形。斷點放置的位置通常取決于內容,比如,如果一句話要換行,你可能就需要加上斷點,但斷點使用時需要謹慎如果搞不清內容之間的邏輯關系,很容易弄的一團亂。
掃描二維碼分享到微信