1. 確保性能是你主要的目標(biāo)

      不管現(xiàn)在移動(dòng)設(shè)備的網(wǎng)絡(luò)連接速度有多快，在建立網(wǎng)站時(shí)都推薦為設(shè)別配備慢的網(wǎng)絡(luò)連接。例如，由于4G網(wǎng)絡(luò)在現(xiàn)代國(guó)家是受限制的，因此你需要特別注意設(shè)計(jì)移動(dòng)友好的網(wǎng)站，能在2G和3G網(wǎng)絡(luò)上完美的運(yùn)行。確保網(wǎng)站的加載時(shí)間非常迅速。

2. 采用圖像方式

      對(duì)于每一個(gè)響應(yīng)式網(wǎng)站，圖像是一個(gè)很關(guān)鍵的元素。不像基于桌面的門戶網(wǎng)站，一張很大的圖片可以一個(gè)很好的指引。在移動(dòng)優(yōu)化的網(wǎng)站上使用一張這樣的圖片，對(duì)于網(wǎng)站所有者并沒有好處。因此，需要裁剪圖片或者整個(gè)刪除圖片，原因非常簡(jiǎn)單，小屏幕的移動(dòng)設(shè)備沒有能力按照預(yù)期的方式顯示圖片。在為不同的移動(dòng)設(shè)備設(shè)計(jì)網(wǎng)站時(shí)，采取一個(gè)合適方便的圖片管理計(jì)劃并遵守它。有些情況下，你需要為桌面和其它移動(dòng)訪問者創(chuàng)建一個(gè)圖片的多版本。

3. 避免包含導(dǎo)航菜單

      由于響應(yīng)式網(wǎng)站的目標(biāo)是類似平板和智能手機(jī)的小屏幕，所以建議隱藏主菜單導(dǎo)航。可以選擇用圖標(biāo)結(jié)合可以提示用戶菜單的方式代替。例如，你可以設(shè)計(jì)一個(gè)簡(jiǎn)單的下拉式菜單，它可以滑下或者擴(kuò)展到覆蓋整個(gè)屏幕。這也意味著，如果導(dǎo)航包含的元素超過三個(gè)，你可以只設(shè)計(jì)一個(gè)可以打開特定菜單的圖標(biāo)。

4. 試著嘗試多個(gè)軟件程序

      對(duì)大多數(shù)網(wǎng)站設(shè)計(jì)師，創(chuàng)建一個(gè)復(fù)雜的響應(yīng)式web設(shè)計(jì)可能會(huì)從選定的軟件程序中得到幫助。例如，使用一個(gè)類似‘Moboom’的模板創(chuàng)建一個(gè)相當(dāng)簡(jiǎn)單的布局是有效的，但是對(duì)于復(fù)雜的布局，你可以會(huì)選擇像GoMobi一樣的特定軟件，對(duì)于移動(dòng)用戶，它可以幫助你設(shè)計(jì)一個(gè)極好的網(wǎng)站布局。

5. 簡(jiǎn)化網(wǎng)站導(dǎo)航

      盡管傳統(tǒng)的電子商務(wù)網(wǎng)站有創(chuàng)建復(fù)雜導(dǎo)航方案的方法，你可以更進(jìn)一步，使用一個(gè)可以被可預(yù)測(cè)的標(biāo)簽提供的健壯的導(dǎo)航菜單。如果在瀏覽一個(gè)最受歡迎的電子商務(wù)網(wǎng)站，你會(huì)發(fā)現(xiàn)它包括了一個(gè)簡(jiǎn)單而清晰的導(dǎo)航系統(tǒng)，從而讓訪問者能體驗(yàn)公司提供的產(chǎn)品和服務(wù)。

6. 充分利用Google網(wǎng)頁設(shè)計(jì)標(biāo)準(zhǔn)

      如果你是一個(gè)響應(yīng)式網(wǎng)站開發(fā)的初學(xué)者或者已經(jīng)開發(fā)了一些響應(yīng)式網(wǎng)站，但是你不滿意，那就有必要去了解一下Google的設(shè)計(jì)標(biāo)準(zhǔn)。除了獲取針對(duì)智能手機(jī)關(guān)于響應(yīng)式設(shè)計(jì)的優(yōu)秀建議和技巧外，你也會(huì)了解你需要做的事情—如何使網(wǎng)頁在不同的手持設(shè)備上快速加載。

7. 讓你網(wǎng)站的內(nèi)容可讀

      為了閱讀特定的文本片段，讀者需要對(duì)其放大或縮小，這不是一個(gè)好的建議。作為一個(gè)經(jīng)驗(yàn)，確保文本大小足夠大，因而即使在小的屏幕設(shè)備上也是可讀的，建議將文本設(shè)置成16px、12pt或者1em。

8. 了解網(wǎng)格和斷點(diǎn)

      當(dāng)設(shè)計(jì)響應(yīng)式網(wǎng)站時(shí)，確定你對(duì)斷點(diǎn)很熟悉。此外，還需要了解網(wǎng)格系統(tǒng)，這允許你在網(wǎng)頁設(shè)計(jì)中實(shí)現(xiàn)行和列結(jié)構(gòu)。

9. 對(duì)于高分辨屏幕，用兩倍大小的圖片

      按照這個(gè)建議，你需要兩倍大小的圖片，以讓圖片在高分辨率值的屏幕上看起來很銳利。同時(shí)，需要保證不會(huì)對(duì)網(wǎng)站的加載時(shí)間產(chǎn)生負(fù)面影響。

10. 考慮屏幕方向

      根據(jù)數(shù)據(jù)統(tǒng)計(jì)，41%的人使用直式(縱向)定向，59%的人喜歡橫向定向。因此，你需要采用某中方式來設(shè)計(jì)你的響應(yīng)式網(wǎng)站，讓它在橫向和縱向看起來都是極好的，特別是橫向。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://m.dedgn.cn/news-id-21192.html 違者必究！部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注網(wǎng)頁制作頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050