2022-03-22 11:47:52|已瀏覽:333次
pc端網頁按什么尺寸設計?如果不做全屏,或者主區域沒有全屏設置,可以固定中寬,比如bootstrap的container的固定寬度1170px。下面小編給大家介紹pc端網頁按什么尺寸設計,一起來看看吧。
pc端網頁的尺寸設計規范
如果做一個全屏頁面,設計的大小是1920*960px,然后所有與頁面大小相關的樣式都由JQ控制。
其原理如下:
1、獲取當前瀏覽器可見區域的寬度w,計算尺度系數I= w /1920。
2、在顯示器上繪制分辨率為1920*1080的頁面,然后將該尺寸的所有數據乘以系數I。
3、效果。這樣的頁面看起來就像一張圖片,不管顯示器有多寬,模塊都是一樣的。
4、如果不做全屏,或者主區域沒有全屏設置,可以固定中寬,比如bootstrap的container的固定寬度1170px。
pc端網頁設計的特點
1、可復用性
有完整的設計規范和相應的組件控制,方便視覺和交互設計師復用,無需重復生產,減少工作量,提高工作效率。
2、統一性
通過統一的設計規范,設計師在使用組件控件時,可以避免自己創建組件控件,并維護團隊產品的統一體驗。
3、提升能力
由于組件控件的可復用,直接提高了設計人員的工作效率,節省了大量的時間。設計師可以有很多時間去思考設計和商業背后的邏輯,從而提高自己的設計思維能力。
同時,完整的設計規范是系統的,設計師在閱讀后可以建立自己的設計體系,這對設計的改進有很大的幫助。
4、團隊文化沉淀
團隊有了設計規范后,便于團隊以后做設計依據和參考。無論是新員工的到來,還是老員工的離開,都有利于對接工作,提高團隊的協作效率。
注:尊重原創文章,轉載請注明出處和鏈接 http://m.dedgn.cn/news-id-25920.html 違者必究!部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們,了解更多相關資訊請關注網頁制作頻道查看更多,了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050