pc端網(wǎng)頁按什么尺寸設(shè)計(jì)？如果不做全屏，或者主區(qū)域沒有全屏設(shè)置，可以固定中寬，比如bootstrap的container的固定寬度1170px。下面小編給大家介紹pc端網(wǎng)頁按什么尺寸設(shè)計(jì)，一起來看看吧。

      pc端網(wǎng)頁的尺寸設(shè)計(jì)規(guī)范

      如果做一個全屏頁面，設(shè)計(jì)的大小是1920*960px，然后所有與頁面大小相關(guān)的樣式都由JQ控制。

      其原理如下：

      1、獲取當(dāng)前瀏覽器可見區(qū)域的寬度w，計(jì)算尺度系數(shù)I= w /1920。

      2、在顯示器上繪制分辨率為1920*1080的頁面，然后將該尺寸的所有數(shù)據(jù)乘以系數(shù)I。

      3、效果。這樣的頁面看起來就像一張圖片，不管顯示器有多寬，模塊都是一樣的。

      4、如果不做全屏，或者主區(qū)域沒有全屏設(shè)置，可以固定中寬，比如bootstrap的container的固定寬度1170px。

      pc端網(wǎng)頁設(shè)計(jì)的特點(diǎn)

      1、可復(fù)用性

      有完整的設(shè)計(jì)規(guī)范和相應(yīng)的組件控制，方便視覺和交互設(shè)計(jì)師復(fù)用，無需重復(fù)生產(chǎn)，減少工作量，提高工作效率。

      2、統(tǒng)一性

      通過統(tǒng)一的設(shè)計(jì)規(guī)范，設(shè)計(jì)師在使用組件控件時，可以避免自己創(chuàng)建組件控件，并維護(hù)團(tuán)隊(duì)產(chǎn)品的統(tǒng)一體驗(yàn)。

      3、提升能力

      由于組件控件的可復(fù)用，直接提高了設(shè)計(jì)人員的工作效率，節(jié)省了大量的時間。設(shè)計(jì)師可以有很多時間去思考設(shè)計(jì)和商業(yè)背后的邏輯，從而提高自己的設(shè)計(jì)思維能力。

      同時，完整的設(shè)計(jì)規(guī)范是系統(tǒng)的，設(shè)計(jì)師在閱讀后可以建立自己的設(shè)計(jì)體系，這對設(shè)計(jì)的改進(jìn)有很大的幫助。

      4、團(tuán)隊(duì)文化沉淀

      團(tuán)隊(duì)有了設(shè)計(jì)規(guī)范后，便于團(tuán)隊(duì)以后做設(shè)計(jì)依據(jù)和參考。無論是新員工的到來，還是老員工的離開，都有利于對接工作，提高團(tuán)隊(duì)的協(xié)作效率。

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