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 對市場的粘稠度高,可以說是不可...