作為一家網(wǎng)絡(luò)公司，經(jīng)常會(huì)被問網(wǎng)頁設(shè)計(jì)的最佳分率是多少？市場(chǎng)上筆記本電腦、顯示器和其他類型的互聯(lián)網(wǎng)設(shè)備類型和尺寸各異，這讓選擇變得很困難。但別擔(dān)心，我們?cè)O(shè)法確定了最適合設(shè)計(jì)師和客戶的解決方案。

?

桌面分辨率

首先，讓我們誠實(shí)地說：沒有單一的標(biāo)準(zhǔn)，我們可以寫一本書來介紹它，但仍然無法涵蓋所有細(xì)節(jié)。

?

是否需要針對(duì)桌面分辨率準(zhǔn)備項(xiàng)目設(shè)計(jì)？

這點(diǎn)一定要作為前提考慮進(jìn)去，最好的解決方案是按比例縮放網(wǎng)站，但如果想設(shè)計(jì)表現(xiàn)有所不同，就一定要事先與開發(fā)人員討論這個(gè)問題，縮放可能會(huì)改變編碼方法。

?

設(shè)計(jì)在更大的屏幕上看起來會(huì)怎樣？例如2560×1440?

通常有兩種方法：按比例擴(kuò)大項(xiàng)目或在側(cè)面添加空白。

但天空是極限，如果您有其他想法，歡迎留言評(píng)論哦~

?

注意垂直尺寸

在設(shè)計(jì)元素或高度相關(guān)部分時(shí)，請(qǐng)記住頂部的瀏覽器欄和操作系統(tǒng)底部導(dǎo)航。如果您的目標(biāo)分辨率是1440×900，則假設(shè)您的設(shè)計(jì)在1440×700上也需要看起來不錯(cuò)。如果您的英雄部分需要全高，請(qǐng)不要在上面放置太多元素，并允許它適應(yīng)用戶的實(shí)際屏幕尺寸。

?

提示：在設(shè)計(jì)較長(zhǎng)的滾動(dòng)頁面時(shí)，值得添加水平參考線來標(biāo)記第一個(gè)折疊。這樣，您將能夠更好地了解布局在瀏覽器中的顯示效果。