導航:首頁 > 萬維百科 > 1920網頁設計尺寸規范

1920網頁設計尺寸規范

發布時間:2020-10-17 04:11:05

1、有誰知道網頁設計的有效范圍最大是多少 我做的1920*1080 有效范圍1200px

很多人都做全屏的1920或者1640px的banner高的話,最低600吧。。。一般可以860px

2、設計1920*1080大小的網頁的內容應該限制多大的尺寸?

一般來說應該在1000px吧,最好先確定使用者的電腦大致解析度的大小。因為很多用戶用的是解析度較低,如果用戶都是大屏瀏覽器居多,那麼就可以寬一點,比如你的客戶是跟網站、設計類有關的,那麼他們電腦的解析度一般比較高,至少是1440px。

3、現在的網頁設計默認的尺寸做多大的

網頁設計合適尺寸,已經有了很大改變,不需要擔心設備尺寸不同的問題,以目前主流形式來看,有以下:

1、pc端網頁的設計稿尺寸是寬度1920px,高度最小是1080px , 主體內容在1200px內就行,比較規范。

2、移動端網頁的設計尺寸可以考慮680px和720px

4、1366*768的解析度,設計網頁尺寸是多大?

無論電腦解析度或多或少,做網頁應該按照這個標准,只需要考慮web頁面的寬度,高度依賴於內容的布局。

現在大多數電腦方便的1280年,1366年,1440年,1660年,1920年,所以web頁面通常設計成一個新的帆布1920px寬,與核心內容控制在1280年,以確保大多數電腦打開網站,可以顯示所有的內容的網站。

(4)1920網頁設計尺寸規范擴展資料:

1366:768解析度:18.5英寸16:9顯示

其他不同大小的普通屏幕的最佳解析度(最佳解析度可能因顯示器的大小而異)

監視器:1440x900(16:10)

20寸顯示器:1600x900(16:9)1600x1200(4:3)

21.5」顯示器:1920x1080(16:9)

22英寸顯示:1680x1050(16:10)1920x1080(16:9)1920x1200(16:10)

23「顯示器:1920x1080(16:9)1920x1200(16:10)」

23.6「顯示器:1920x1080(16:9)」

24英寸顯示:1920x1200(16:10)1920x1080(16:9)

5、720x1280與1080x1920設計尺寸各是多少

設計尺寸包括pixel(px),point(pt),pixel per inch(ppi),dot per inch(dpi),Density-independent pixel(px).

720 x 1280的設計尺寸分別為xhdpi,320,2.0,48dp,96px;

1080x1920的設計尺寸分別為xxhdpi,480,3.0,48dp,144px480。

APP設計尺寸單位各自的定義:

1、px:pixel——【 像素】  電子屏幕上組成一幅圖畫或照片的最基本單元;

2、pt: point——【 點】印刷行業常用單位,等於1/72英寸;

3、ppi: pixel per inch——【每英寸像素數】  該值越高,則屏幕越細膩;

4、dpi: dot per inch——【每英寸多少點】,該值越高,則圖片越細膩;

5、dp: dip,Density-independent pixel——【安卓開發用的長度單位】。

(5)1920網頁設計尺寸規范擴展資料:

IOS界面設計尺寸規范(以iPhone6為例):

一、界面尺寸規范

1、界面尺寸大小是:750x1334px。

2、狀態欄(status bar):就是電量條,其高度為:40px;

3、導航欄(navigation):就是頂部條,其高度為:88px;

4、主菜單欄(submenu,tab):就是標簽欄,底部條,其高度為:98px;

5、內容區域(content):就是屏幕中間的區域,其高度為:1334px-40px-88px-98px=1108px

二、圖標尺寸規范

1、導航欄和工具欄尺寸大小44x44px;

2、標簽欄尺寸大小75x75px

3、導航欄的文字大小最大值是34-36px,標簽欄的圖標下方的文字大小為20px。

4、內容區域的文字大小是:20px 24px,26px,28px,30px,32px,34px。

6、網頁設計的寬度是多少

整個寬度1920px,是為了防止大屏幕邊緣全白的情況。中間的正文部分通常1000px,最多1200px

7、問問網頁設計尺寸?

作為剛入行不久的設計師來說,很快就會網頁設計的項目。那麼,你知道網頁設計的幾個最基本標准嗎?今天,我們就來簡單的了解下,網頁設計幾個最基本的標准尺寸吧。





頁面

布局


網頁的布局主要有兩種:左右型布局和居中型布局。布局的不一致,使可設計的空間也不相同。  

左右結構型

1、左右布局,靈活性強,UI的限制小;  

2、左邊通欄為導航欄,寬度沒有具體的限制,可以根據實際情況進行調整;  

3、右側為內容板塊范圍,是網站內容展示區域。  

居中型  

4、居中布局,中間的黃色部分為有效的顯示區域,用於網站內容的展示。  

5、換句話說,兩邊均為留白,沒有實際用途,只是為了適配而存在。  

6、內容限制區域最好控制在1000px-1200px。  




尺寸

規范


01.

當前最流行的解析度是1920*1080的,在該解析度下,頁面中心區域為1200px以內都可以,建議1000-1200。



其他解析度情況下的尺寸如下:

800*600下,網頁寬度保持在778以內;1024*768下,網頁寬度保持在1002以內;



02.

(1920*1080解析度下)頂部banner尺寸建議1920*500,最頂部信息欄與導航欄建議高度40、126。









字體

設計


網頁中字體也是有使用規范的,合適的字體大小才能展現出最完美的效果,網頁尺寸標准字體不標准也不行(1920*1080解析度下)。

字體設計的總原則是:可辨識性和易讀性。

中文建議使用微軟雅黑字體,英文則建議使用arial 字體。常用的字體大小號有以下幾種:  

1、12px是用於網頁的最小字體,適用於突出性的日期,版權等注釋性內容。  

2、14px則適用於非突出性的普通正文內容。  

3、16px或18px適用於突出性的標題內容。  

4、網站的字體大小並沒有硬性規定具體的字型大小,根據實際情況可以酌情考慮,但是要有限制用偶數字型大小。  

5、字體規格也不需要太多,最好用三種混搭。如果需要更多  

6、層次的區別,可以改變字體顏色或加粗來體現。

8、網頁設計的尺寸大小是多少,寬度應該是多少???

其實也沒有硬性規定,但是為了兼容大多數瀏覽器一般是設置960px,隨著現在瀏覽器解析度的變化,已開始向著1000px,1200px寬度發展,例如淘寶(1000px)京東商城(1200px)。如果需要兼容不同瀏覽器尺寸,現在比較流行的做法是做成響應式的,即根據不同解析度顯示不同的尺寸,工作量也就隨之增加了。貌似國內的大網站也沒有使用。

9、關於網頁設計尺寸和字型大小大小

html頁面中的文字大小在用戶瀏覽器下默認渲染是「16px",也沒有強行規定一定要用多大的,這個要看設計圖來定。

CSS上可以用"em"來替代「px」,em是一個相對的大小,我們可以這樣來設置1em,0.5em,1.5em等,而且「em」還可以指定到小數點後三位,比如「1.365em」。

為什麼要用em,而不用px的關鍵點:

1. IE無法調整那些使用px作為單位的字體大小;

2. 國外的大部分網站能夠調整的原因在於其使用了em作為字體單位;3. Firefox能夠調整px和em,但是96%以上的中國網民使用IE瀏覽器(或內核)。這意味這中國網站的字體大小可以被認為不可調。

(9)1920網頁設計尺寸規范擴展資料:

網頁構成

文字與圖片是構成一個網頁的兩個最基本的元素。你可以簡單地理解為:文字,就是網頁的內容。圖片,就是網頁的美觀。除此之外,網頁的元素還包括動畫、音樂、程序等等。

在網頁上點擊滑鼠右鍵,選擇菜單中的 「查看源文件」 ,就可以通過記事本看到網頁的實際內容。可以看到網頁實際上只是一個純文本文件。

它通過各式各樣的標記對頁面上的文字、圖片、表格、聲音等元素進行描述(例如字體、顏色、大小),而瀏覽器則對這些標記進行解釋並生成頁面,於是就得到你現在所看到的畫面。 

為什麼在源文件看不到任何圖片? 網頁文件中存放的只是圖片的鏈接位置,而圖片文件與網頁文件是互相獨立存放的,甚至可以不在同一台計算機上。

網頁通常有以下元素:

文字資料圖像檔案Applet(在頁面內執行的副程式)超鏈結網頁的合成體為網站,一個網站的開始點為首頁。

10、網頁設計的寬度一般為多少?應該怎麼把握?

百度統計流量研究院對於2017年上半年的解析度使用情況統計得出。

排名第一的是360×640,這是豎屏,一般在醫院、學校中才能見到,暫且不談。

排名第二的是1920×1080,佔比13.07%。

1366×768排第三,佔比6.32%。這說明現在主流的電腦解析度是1920×1080。

排名第七的解析度,1024×768,是最小的電腦尺寸了,僅佔3.13%,很少有人使用。在做pc端的網頁設計時,不用考慮這個尺寸,而應在做pad端和手機端的適配時,將其納入考慮。

而更高級的響應式網站應該是在嚴格的柵格規范下,適應於不同寬度,確保各寬度下的展示效果。但這樣的成本也會相應增加,在開發網站時,需綜合考慮實際需求和開發成本。time(《時代周刊》官網)是個很好的響應式網頁案例。

(10)1920網頁設計尺寸規范擴展資料

網頁設計中的注意事項:

1、網頁設計的尺寸標准:

面向1024-768顯示器解析度開發的網頁尺寸,寬910px;

面向800-600顯示器解析度開發的網頁尺寸,寬778px;

2、網頁設計中的畫布設定:

尤其注意解析度為72 像素/英寸。

3、設計中的網頁字體問題

中文字體:尤其注意「設置消除鋸齒的方法」選項要選擇「無」。

宋體是最常用的網頁字體,12px 是中文操作系統可以表現的最小的字體,內容。

文字大小一-般用兩種,12px 或14px(現在的新的vista據說能表現10px的中文字,但現在使用並不多)。

英文字體:其中英文字體最小表現為10px 字verdana字體是大多數網頁使用的英文字體,比起arial字體更美觀和均衡。

效果圖:

網頁效果圖中的網頁字體,雖然在最後製作網頁的過程中不需要裁剪。但做為設計中不可分割的重要元素,一定要認真使用,因為你不單要設計文字與整體網頁的關系,還要設計字體的樣式表顏色。

與1920網頁設計尺寸規范相關的知識