手機ui設計時畫素和清晰度是多大

2021-03-07 02:34:48 字數 3613 閱讀 3293

1樓:北大青鳥

就目前市場狀況而言,各種手機的解析度可以這樣判斷:

1、iphone

iphone的螢幕尺寸各不相同,說的是邏輯畫素尺寸,這確實是讓人很頭疼的事情。如果想用一套設計涵蓋所有iphone,就要選擇邏輯畫素折中的機型。

從市場佔有率資料來看,目前最多的是iphone5/5s的螢幕。倍率為2,邏輯畫素320x568。上升勢頭最猛,未來有望登上第一的是iphone 6的螢幕。

倍率為2,邏輯畫素375x667。

按照這兩種尺寸來設計,都是比較主流的做法。可以兼顧短一些的iphone 4s,大一點的6 plus也不會過於空曠。

不過在切圖的時候要注意,由於iphone 6 plus的3倍圖是由2倍圖放大而來,所以點陣圖要注意保證清晰。

2、android

都說android碎片化嚴重,但它現在反而比ios好處理。因為如今的android螢幕邏輯畫素已經趨於統一了:360x640,就看你設成幾倍了。

想以xhdpi為準,就把dpi設成72x2=144。想以xxhdpi為準,就把dpi設成72x3=216。

對於那些比較老的低端機,寬度是480px的那批,畫面確實會小一些,顯示內容會更少。稍微留意一下,重要內容儘量保持在介面中上部分。

當然,這些機型不出一年就會被邊緣化,基本淘汰。現在能運轉的也是當作功能機在用,軟體多了必卡無疑,使用者體驗無從談起。不作考慮也是ok的。

3、web

手機端網頁就沒有統一標準了,比較流行的做法是按照iphone 5的尺寸來設計。倍率2,邏輯畫素320x568。

這樣的做法比較實在,倍率2的螢幕無論在ios還是android方面都是主流,而且又是2倍螢幕中邏輯畫素最小的。所以**的尺寸可以保持在較小的水平,頁面載入速度快。當然,缺點就是在倍率3的裝置上看,**不是特別清晰。

如果追求**質量,願意犧牲載入速度,那麼可以按照最大的螢幕來設計。也就是iphone 6 plus的尺寸,倍率3,邏輯畫素414x736。

總結一下:移動端的尺寸比pc端複雜,關鍵就在倍率。但也正因為倍率的存在,把大大小小的螢幕拉回到同一水平線,得以保證一套設計適應各種螢幕。

站在這條水平線的角度看,會發現它很好理解。

2樓:匿名使用者

1.術語和概念

android手機ui設計解析度基礎知識

screen size(螢幕尺寸)

指的是手機實際的物理尺寸,比如常用的2.8英寸,3.2英寸,3.5英寸,3.7英寸

摩托羅拉milestone手機是3.7英寸

aspect ratio(寬高比率)

指的是實際的物理尺寸寬高比率,分為long和nolong

milestone是16:9,屬於long

resolution(解析度)

和電腦的解析度概念一樣,指手機螢幕縱、橫方向畫素個數

milestone是854*480

dpi(dot per inch)

每英寸畫素數,如120dpi,160dpi等,假設qvga(320*240)解析度的螢幕物理尺寸是(2英寸*1.5英寸),dpi=160

可以反映螢幕的清晰度,用於縮放ui的

density(密度)

螢幕裡畫素值濃度,resolution/screen size可以反映出手機密度,

density-independent pixel (dip)

指的是邏輯密度計算單位,dip和具體畫素值的對應公式是dip/pixel=dpi值/160,也就是px = dp * (dpi / 160)

2. dpi值計算

比如:計算wvga(800*480)解析度,3.7英寸的密度dpi,如圖1所示

圖1diagonal pixel表示對角線的畫素值(=

),dpi=933/3.7=252

3.手機螢幕的分類

1)根據手機螢幕密度(dpi)或螢幕尺寸大小分為以下3類,如圖2所示

圖22)手機螢幕分類和畫素密度的對應關係如表1所示:

low density (120), ldpi

medium density (160), mdpi

high density (240), hdpi

**all screen

qvga (240×320)

normal screen

wqvga400 (240×400)wqvga432 (240×432)

hvga (320×480)

wvga800 (480×800)wvga854 (480×854)

large screen

wvga800* (480×800)wvga854* (480×854)

表13)手機尺寸分佈情況(http://developer.android.

如圖3所示,目前主要是以解析度為800*480和854*480的手機使用者居多

圖3從以上的螢幕尺寸分佈情況上看,其實手機只要考慮3-4.5寸之間密度為1和1.5的手機

4. ui設計

從開發角度講,應用程式會根據3類android手機螢幕提供3套ui佈局檔案,但是相應介面圖示也需要提供3套,如表2所示

icon type

standard asset sizes (in pixels), for generalized screen densities

low density screen (ldpi)

medium density screen (mdpi)

high density screen (hdpi)

launcher

36 x 36 px

48 x 48 px

72 x 72 px

menu

36 x 36 px

48 x 48 px

72 x 72 px

status bar

24 x 24 px

32 x 32 px

48 x 48 px

tab24 x 24 px

32 x 32 px

48 x 48 px

dialog

24 x 24 px

32 x 32 px

48 x 48 px

list view

24 x 24 px

32 x 32 px

48 x 48 px

表25.如何做到自適應螢幕大小呢?

1)介面佈局方面

需要根據物理尺寸的大小準備5套佈局,layout(放一些通用佈局xml檔案,比如介面中頂部和底部的佈局,不會隨著螢幕大小變化,類似windos視窗的title bar),layout-**all(螢幕尺寸小於3英寸左右的佈局),layout-normal(螢幕尺寸小於4.5英寸左右),layout-large(4英寸-7英寸之間),layout-xlarge(7-10英寸之間)

2)**資源方面

需要根據dpi值準備5套**資源,drawable,drawalbe-ldpi,drawable-mdpi,drawable-hdpi,drawable-xhdpi

android有個自動匹配機制去選擇對應的佈局和**資源

3樓:愛

手機ui設計畫素為72

1、用於螢幕顯示畫素為72

2、用於列印,噴繪畫素一般為300

為什麼iPhone手機畫素不高,拍照卻很清楚

雖然說畫素不高,但是它的攝像頭非常的美觀大氣,設計的比較高檔,所以拍照特別清晰。軟體優化拍照,如果大家注意到了紅米note7上的4800萬鏡頭,就會知道高通驍龍660是無法完全支援這顆版4800萬鏡頭的 權,需要通過軟體的輔助優化才能達到4800萬的拍照效果,處理器的支援是從底層支援,而軟體的優化則...

有做UI和UE設計的嗎?UI設計師一般一月拿多少錢

我現在是在做ui設計,但是我這是在工作中自己總結的經驗,現在和專業的團隊在一起做專案,個人覺得前景不錯,你要關注各種優秀網際網路產品的小設計點,一兩年經驗的工資能在1w多,望採納。很多呢,這倆職業近幾年 性發展,月薪也是水漲船高。自然的,薪酬也是分等級高低,技術難度,地地域來定,還有就是公司規模等等...

電商設計和ui設計哪個工作中設計更自由一些,這些需要找個學校去培訓嗎

應該是ui設計更自由一些,畢竟範圍廣一點。如果本身就是ui設計的,而且還很精通設計,互動,使用者體驗,那就不是很需要去培訓。如果不精通不熟練,那還是來創想者學員培訓一下咯。ui設計培訓前景怎麼樣 1 新穎的熱門it行業之一 2 需求量大 3 可以開闊 創新的空間大 4 對市場的粘稠度高,可以說是不可...