網(wǎng)頁(yè)設(shè)計(jì)中網(wǎng)頁(yè)寬度如何選擇

對(duì)于不懂網(wǎng)頁(yè)設(shè)計(jì)的人士來(lái)說(shuō)，頁(yè)面寬度高度永遠(yuǎn)是個(gè)謎。對(duì)于不同的電子設(shè)備，顯示屏的高度寬度都是有差別的。今天創(chuàng)新互聯(lián)就給大家簡(jiǎn)單介紹一下網(wǎng)頁(yè)的高寬度如何選擇。

頁(yè)設(shè)計(jì)的其中一步就是畫布創(chuàng)建，這也是困擾我們的一個(gè)難題。由于市面上存在多種前端技術(shù)的應(yīng)用，以及一些歷史問(wèn)題、設(shè)計(jì)場(chǎng)景差異等因素的影響，我們?cè)谒阉鲗挾冗@類問(wèn)題的時(shí)候，獲得的結(jié)果會(huì)有非常多的版本，導(dǎo)致更加迷茫。

對(duì)于任何設(shè)計(jì)網(wǎng)頁(yè)的項(xiàng)目，寬度設(shè)定的標(biāo)準(zhǔn)都是不同的，而在選擇寬度的過(guò)程里，需要考慮 2 個(gè)核心因素：1. 設(shè)備因素2. 展示類型

在瀏覽器中，有右側(cè)滾動(dòng)條的因素影響，并且主體內(nèi)容的兩側(cè)也要預(yù)留出內(nèi)邊距。所以，我們創(chuàng)建的網(wǎng)頁(yè)內(nèi)容區(qū)域，是小于 1280 或者 1024 的。而得出具體的內(nèi)容區(qū)域尺寸的方法，是通過(guò)網(wǎng)頁(yè)的刪格系統(tǒng)計(jì)算出來(lái)的。即(Axn)- i = W。

對(duì)于網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō)，重要的參數(shù)就是內(nèi)容區(qū)域的寬度，但也有一些元素是例外，很多人可能發(fā)現(xiàn)網(wǎng)頁(yè)有一些元素是超過(guò)正常的內(nèi)容區(qū)域的(無(wú)論是對(duì)一般顯示模式或是自適應(yīng)模式)，常見(jiàn)的就是頂部的導(dǎo)航欄和底部的頁(yè)腳區(qū)域。比如打開(kāi)某寶無(wú)論拉伸得多長(zhǎng)，內(nèi)容區(qū)域固定是 1190 寬，而導(dǎo)航欄卻永遠(yuǎn)撐滿整個(gè)瀏覽器。所以，我們不會(huì)將這些內(nèi)容的寬度計(jì)算在內(nèi)，在設(shè)計(jì)稿中只要設(shè)計(jì)了這樣的元素，和前端人員適當(dāng)溝通和標(biāo)注，就可以獲得想要的效果。

創(chuàng)新互聯(lián)總結(jié)一下：

1、適配分辨率為“1024乘768”的，顯示類型“定寬”，內(nèi)容寬度為“950、970、990”。

2、適配分辨率為“1280乘800”的，顯示類型“定寬”，內(nèi)容寬度為“1180、1090”。

3、適配分辨率為“所有寬度”的，顯示類型“自適應(yīng)”，內(nèi)容寬度為“1920、1024、640”。

創(chuàng)新互聯(lián)關(guān)于 PC 端網(wǎng)頁(yè)設(shè)計(jì)寬度的設(shè)定介紹到這里就結(jié)束了，希望對(duì)大家有幫助。如對(duì)文章內(nèi)容有疑問(wèn)可以電話聯(lián)系我們或者在官網(wǎng)給我們留言。

當(dāng)前標(biāo)題：網(wǎng)頁(yè)設(shè)計(jì)中網(wǎng)頁(yè)寬度如何選擇
文章起源：http://muchs.cn/news46/278746.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、微信公眾號(hào)、網(wǎng)站制作、服務(wù)器托管、App開(kāi)發(fā)、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)