1. 首頁 > 生活 > >

網站設計的尺寸規范 網頁設計規范尺寸

小知識



文章插圖
網站設計的尺寸規范 網頁設計規范尺寸

文章插圖

在建站網站時，你需要先對網頁設計尺寸有所了解 。不同瀏覽器、不同終端設備的流行尺寸也不一樣，就pc端網頁設計尺寸而言，目前比較常見的分辨率是1920*1080，1366*768 。
根據百度流量研究院的數據顯示，2019年10月份我國網民訪問PC網頁的主流設備分辨率為1920*1080，百分比為42.94% 。也就是說，大部分的屏幕分辨率都已經超過了1366*768，在適配網頁時則不需要對1366寬度以下的尺寸做特殊處理 。所以你在設計時采用1920px標準比較好 。
手機端網頁設計尺寸則比較多樣，尺寸繁多，包括IOS和安卓 。通常情況下，內容區為750px或960px或者1080px的，一般不小于750px像素大小（寬度） 。
關于蘋果，你可以參考這個移動端網頁設計尺寸標準：
圖片來源：蘋果官網
關于安卓，你可以參考這個表格：
【網站設計的尺寸規范 網頁設計規范尺寸】圖片來源：博客園
如果需要兼容不同瀏覽器、不同終端設備的顯示尺寸，現在比較流行的做法是做成響應式網站，即根據不同分辨率顯示不同的尺寸，不管你是在使用手機、iPad，還是電腦，頁面都能自動切換分辨率、圖片尺寸及相關腳本功能等，兼容多個終端 。
由于現在用戶們訪問網頁的設備五花八門，因此響應式網站已經是大趨勢 。不過如果你自己開發，比較困難，還不一定能做好；目前比較流行的方式是直接使用響應式自助建站系統，直接選個模板再稍加編輯，就能快速生成一個響應式網站，自適應各終端平臺，比較簡單 。
具體制作方法如下：在「上線了」選擇“創建網站”，再選擇一個你喜歡的模板：
本展示頁所提供的模板及元素僅供展示功能效果，未經授權不得應用于其他用途
點擊模板進入編輯頁面，在這里你可以【添加新版塊】，添加你需要的功能，包括商店、博客、定價表、自定義應用、產品展示、標題、相冊、留言表單……熱門版塊排列位置靠前，你可以參考下大家常用的版塊，選取自己需要的 。
網站的文字、圖片都可以修改替換，版塊有多種布局，不管什么布局，都是可以適應不同終端，你可以自由搭配 。
在左上角【設置】里，你可以設置網站域名、網站標題、描述、關鍵詞等 。做好并預覽無誤后點擊左下角“上線”即可 。
以上就是web網頁設計尺寸規范的相關知識了，其實非常簡單，希望這個科普對你有用~