pc端網(wǎng)頁按什么尺寸設(shè)計

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

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

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

      其原理如下：

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

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

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

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

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

      1、可復(fù)用性

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

      2、統(tǒng)一性

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

      3、提升能力

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

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

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

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

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