⑴ Android的UI設計中尺寸如何轉換
px ：是屏幕的像素點
in ：英寸
mm ：毫米
pt ：磅，1/72 英寸
dp ：一個基於density的抽象單位，如果一個160dpi的屏幕，1dp=1px
dip ：等同於dp
sp ：同dp相似，但還會根據用戶的字體大小偏好來縮放。
建議使用sp作為文本的單位，其它用dip
針對dip和px 的關系，做以下概述：
QVGA屏density=120； QVGA（240*320）
HVGA屏density=160； HVGA（320*480）
WVGA屏density=240； WVGA（480*800）
WQVGA屏density=120 WQVGA（240*400）
density值表示每英寸有多少個顯示點，與解析度是兩個概念。
不同density下屏幕解析度信息，以480dip*800dip的 WVGA(density=240)為例
density=120時
屏幕實際解析度為240px*400px （兩個點對應一個解析度）
狀態欄和標題欄高各19px或者25dip
橫屏是屏幕寬度400px 或者800dip,工作區域高度211px或者480dip
豎屏時屏幕寬度240px或者480dip,工作區域高度381px或者775dip
density=160時
屏幕實際解析度為320px*533px （3個點對應兩個解析度）
狀態欄和標題欄高個25px或者25dip
橫屏是屏幕寬度533px 或者800dip,工作區域高度295px或者480dip
豎屏時屏幕寬度320px或者480dip,工作區域高度508px或者775dip
density=240時
屏幕實際解析度為480px*800px （一個點對於一個解析度）
狀態欄和標題欄高個38px或者25dip
橫屏是屏幕寬度800px 或者800dip,工作區域高度442px或者480dip
豎屏時屏幕寬度480px或者480dip,工作區域高度762px或者775dip
apk的資源包中
當屏幕density=240時，使用hdpi 標簽的資源
當屏幕density=160時，使用mdpi標簽的資源
當屏幕density=120時，使用ldpi標簽的資源。
不加任何標簽的資源是各種解析度情況下共用的。
布局時盡量使用單位dip，少使用px
dp與px換算公式：
pixs =dips * (densityDpi/160).
dips=(pixs*160)/densityDpi
dp這個單位可能對web開發的人比較陌生,因為一般都是使用px(像素)
但是,現在在開始android應用和游戲後,基本上都轉換成用dp作用為單位了,因為可以支持多種解析度的手機.
以下是這兩個單位的概念:
px (pixels)像素 –一個像素通常被視為圖像的最小的完整采樣，這個用的比較多,特別是web開發,頁面基本都是使用像素作為單位的.
dip或dp (device independent pixels)設備獨立像素 — 這個和設備硬體有關，一般我們為了支持手機上多種解析度,如WVGA、HVGA和QVGA,都會使用dip作為長度的單位
在Android開發我們一般都可以不需要使用px的,但是某一些控制項的屬性沒有直接支持dip,像下面的代碼
android.view.ViewGroup.LayoutParams.height
android.view.ViewGroup.LayoutParams.width
上面這兩個屬性的單位為像素,但是為了兼容多種解析度的手機,我們需要最好使用dip,時候我們可以調用以下的代碼進行轉換.
int heightPx= DisplayUtil.dip2px(this, 33);
mTabHost.getTabWidget().getChildAt(i).getLayoutParams().height = heightPx;
以上代碼可以在我另一篇文章看得到.該功能是設置Tab的高度,單位是像素.以上的單位轉換是為了支持多解析度手機的.
public static int dip2px(Context context, float dpValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (dpValue * scale + 0.5f);
}
public static int px2dip(Context context, float pxValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (pxValue / scale + 0.5f);
}
⑵ ui設計需要會dpi ppi px dp換算嗎
需要的
介紹下各自的定義：
px： pixel，像素，電子屏幕上組成一幅圖畫或照片的最基本單元
pt: point，點，印刷行業常用單位，等於1/72英寸
ppi: pixel per inch，每英寸像素數，該值越高，則屏幕越細膩
dpi: dot per inch，每英寸多少點，該值越高，則圖片越細膩
dp: dip，Density-independent pixel, 是安卓開發用的長度單位，1dp表示在屏幕像素點密度為160ppi時1px長度
sp: scale-independent pixel，安卓開發用的字體大小單位。
以下是換算關系：
一、pt和px
公式一： 1pt= (DPI / 72) px
當photoshop中新建畫布的解析度為72ppi( 即 72dpi時 )， 1pt=1px; 當新建畫布解析度為72*2=144ppi時，1pt=2px
二、ppi和dpi
dpi最初用於衡量列印物上每英寸的點數密度。DPI值越小圖片越不精細。當DPI的概念用在計算機屏幕上時，就應稱之為ppi。同理： PPI就是計算機屏幕上每英寸可以顯示的像素點的數量。因此，在電子屏幕顯示中提到的ppi和dpi是一樣的，可認為
公式二：dpi=ppi
三、ppi計算方法
ppi是指屏幕上的像素密度，其計算方法為：
公式三： ppi= 屏幕對角線上的像素點數/對角線長度 = √ (屏幕橫向像素點^2 + 屏幕縱向像素點^2)/對角線長度
以小米2s為例，該屏幕解析度為720px*1280px，4.3英寸。則點密度為 √ (720^2 +1280^2) /4.3 = 342ppi。
四、px和dp
dp為安卓開發時的長度單位，根據不同的屏幕解析度，與px有不同的對應關系。
安卓端屏幕大小各不相同，根據其像素密度，分為以下幾種規格：
1dp定義為屏幕密度值為160ppi時的1px，即，在mdpi時，1dp = 1px。
以mdpi為標准，這些屏幕的密度值比為：ldpi : mdpi : hdpi : xhdpi : xxhdpi = 0.75 : 1 : 1.5
: 2 : 3;即，在xhdpi的密度下，1dp=2px;在hdpi情況下，1dp=1.5px。其他類推。
公式四： 1dp=(屏幕ppi/ 160)px
以WVGA屏為例，該屏幕為480px*800px，按3.8寸屏算，點密度 √ (480^2 + 800^2) / 3.8 = 245，約等於240，對應於hdpi屏幕，所以該屏幕1dp=1.5px
五、dp和sp
dp和sp都是安卓的開發單位，dp是長度單位，sp是字體單位。sp與dp類似，但是可以根據用戶的字體大小首選項進行縮放。Android系統允許用戶自定義文字尺寸大小(小、正常、大、超大等等)，
公式五：當文字尺寸是「正常」時1sp=1dp，而當文字尺寸是「大」或「超大」時，1sp>1dp。
一般情況下可認為sp=dp。
總結：由於做設計時以xhdpi為模板，xhdpi條件下，1dp=2px。若新建畫布時，將畫布解析度設為144ppi，則1pt=2px=1dp。此時，即可將pt等同於dp。標注長度的時候，將長度像素除以2即為dp值。
PS：在photoshop cc中切圖時，可直接在.png
圖片圖層名稱前加上200%獲得2倍大小的圖，其他比例的切圖以此類推。輸出的兩倍圖不模糊的前提是，該圖是photoshop中用形狀工具畫出來的未被
柵格化的圖形，而不是已被柵格化的圖層或外部導入的圖片。
⑶ UI設計中的尺寸單位概念及換算
pt（point）：絕對單位，又稱邏輯解析度，常用於軟體設計和排版印刷行業
px（pixels）：像素單位（相對單位），在不同的設備(dpi)下大小不同
ppi(pixels per inch)：是圖像解析度的單位，圖像ppi值越高，畫面的細節就越豐富
dpi（Dots Per Inch）：像素密度，即每英寸的像素數量
dp（Device Indepent Pixels）：是獨立於px的單位，簡稱"dip"，與像素密度(dpi)有關。
像素比：不同的Android設備解析度下，像素比不同（關聯dpi;dp;px）
sp（Scale-independent Pixel）：抽象像素，與dp類似。在Android開發中，一般作為文字單位大小。
當系統字體大小為正常時，1sp=1dp
當系統字體大小為大或者超大時，1sp>1dp
⑷ Android 應用的 UI 設計師應當如何如何定義字體的 sp 值
UI設計的效果圖在創建文件時還需要把解析度規范到72像素/英寸，安卓的效果圖一般做兩倍圖，就是720*1280，在解析度為72的情況下，字體的單位不論是「點」還是「像素」大小是一樣的，如果是24號字那就等於24點，24像素，換算成sp的話就是12sp。如果發現字型大小你做的圖中文字太大或太小，很可能是創建文件時解析度不是72。
⑸ iOS開發中，ui設計圖中給的尺寸大小是px怎麼換算，有小數點怎麼辦，字體是除以二，其他的尺寸怎麼處理
我是一個UI設計，回答你其中一點。標注是不能出現小數點的，一定要是2的倍數，甚至最好是6的倍數，這樣開發才能很好計算。
⑹ xcode中設置UILabel時的字體大小與PS中的字體單位px之間如何換算
這與畫布的解析度設置有關，比如說解析度300DPI(Dot per inch)，也就是每英寸有300個點，你再換算到毫米就行了
⑺ 在ui入門學習中，dp和 px怎麼換算
dp和px的換算公式 ：
dp*ppi/160 = px。比如1dp x 320ppi/160 = 2px。
sp：Scale-independent pixels，它是安卓的字體單位，以160PPI屏幕為標准，當字體大小為 100%時， 1sp=1px。
dp也就是dip:device independent pixels(設備獨立像素)。
dp是一種與密度無關的像素單位，在每英寸160點的屏幕上，1dp = 1px。
px（像素）：屏幕上的點。
⑻ uview-uifrom修改字體大小
可以使用vw或vh這樣的「相對」字體大小單位。vw代表文字相對於viewport的寬度，vh則代表相應的高度。在vw的體系中，默認將整個viewport的寬度設置為100vw，以此相對換算文字的大小。 r 例如r
除vw、vh外，還有vmin和vmax兩種相對字型大小單位，其作用是自動選擇相對於viewport寬高而言最小或最大的值，以此作為字體的大小。 r
⑼ Android UI設計字體大小規范
字體的大小安卓裡面也有相應的規范，比如最小字體是多大，文本是多大，按照規范來設計的話就可以保證我們的界面圖整體看起來更加的美觀，而且在使用的字體方面，也是有一個嚴格的規定，英文在安卓裡面使用的是Roboto，中文字體使用的是droid sans fallback，當然現在隨著安卓手機解析度的增加， 中文，字體的選擇也多了幾種，比如中文也可以使用思源黑體等。-來自趣達
⑽ ui標注px ios怎麼轉pt
字體大小的設置單位，常用的有2種：px、pt。這兩個有什麼區別呢？
先搞清基本概念：px就是表示pixel，像素，是屏幕上顯示數據的最基本的點；
pt就是point，是印刷行業常用單位，等於1/72英寸。
這樣很明白，px是一個點，它不是自然界的長度單位，誰能說出一個「點」有多長多大么？可以畫的很小，也可以很大。如果點很小，那畫面就清晰，我們稱它為「解析度高」，反之，就是「解析度低」。所以，「點」的大小是會「變」的，也稱為「相對長度」。
pt全稱為point，但中文不叫「點」，查金山詞霸可以看到，確切的說法是一個專用的印刷單位「磅」，大小為1/72英寸。所以它是一個自然界標準的長度單位，也稱為「絕對長度」。
因此就有這樣的說法，pixel是相對大小，而point是絕對大小。
分清「屏幕效果」和「列印效果」：
在瀏覽網頁過程中，所有的「大」「小」概念，都是基於「屏幕」這個「界面」上。「屏幕」上的各種信息，包括文字、圖片、表格等等，都會隨屏幕的解析度變化而變化，一個100px寬度大小的圖片，在800×600解析度下，要佔屏幕寬度的1/8，但在1024×768下，則只佔約1/10。所以如果在定義字體大小時，使用px作為單位，那一旦用戶改變顯示器解析度從800到1024，用戶實際看到的文字就要變「小」（自然長度單位），甚至會看不清，影響瀏覽。
那是不是用pt做單位就沒這樣的問題呢？錯！問題同樣出現。剛才的例子已經很清楚的說明，在不同解析度下，無論是px還是pt，都會改變大小。以現在的電腦屏幕情況，還沒有一種單位可以保證，在不同解析度下，一個文字大小可以「固定不變」。因為這很難以實現也不是很有必要：全球電腦用戶以億來數，屏幕從14寸到40寸甚至更高都有，屏幕大小不同，解析度也不同，要保證一個字體在所有用戶面前大小一樣，實在是MISSION IMPOSSIBLE。另外，電腦有其自身的調節性。
那在頁面設計中到底是用px還是pt呢？
我認為，這個並沒有什麼原則性差異，就看自己處於什麼角度思考了。
Mac機怎麼情況不清楚，在Windows里，默認的顯示設置中，把文字定義為96DPI（PPI，微軟都將DPI和PPI混為一體，我們也就無須較真了）。這樣的定義，說明了：1px＝1/96英寸。聯系pt的概念，1pt＝1/72英寸，可以得出，在這樣的設置中，1px＝0.75pt，常見的宋體9pt＝12px。在顯示器解析度不變的基礎上（比如現在常用的1024×768），1px大小也就固定不變，改變顯示設置，調整為144DPI，可以得出，1px＝0.5pt，常見的宋體9pt＝18px。原先用12px來組成的一個文字，現在需要18px來組成，px多了，文字就「大」了，更易閱讀了。
所以，px和pt的使用區別，只有當用戶改變默認的96DPI下才會產生：使用px定義文字，無論用戶怎麼設置，都不會改變大小；使用pt定義文字，當用戶設置超過96DPI的值，數值越大，字體就越大。
（附公式：px = pt * DPI / 72) 對了，剛才還提到改變瀏覽器中文字大小的選項，也可以改變網頁的文字大小。但在這種情況下，使用px和pt都是無效的，因為這2個都是有實際「pixel」數值的單位，比如9pt是12px，大小固定。這里要引用新的單位：em，其實就是％。因為當網頁中的字體沒有給出實際的px或pt定義的話，會有一個默認值：12pt即16px，對應瀏覽器中「字體大小」中的「中等」，以這個為標准，變大或縮小。（只適用於IE，在FF中，即便定義px或pt也都可以變大變小）
所以，從這個概念上看，em才是真正的「相對單位」（百分比嘛，當然是相對），而px和pt都是絕對單位（都有固定值）。
在網頁設計中，面向用戶的屏幕的基本單位是px，因此使用px作為單位是最簡單也最容易理解的，而pt也不過是通過了Windows的設置乘上了一個比率轉變成px再顯示，算是繞了個圈子。參考大部分大型網站，包括Adobe和Microsoft，都是使用px作為單位，而且在HTML中，默認的單位就是px，是不是也暗示著px是網頁設計的「內定單位」？
但在Word或Photoshop中，使用pt就相當方便。因為使用Word和Photoshop的主要目的都不是為了屏幕瀏覽，而是輸出列印。當列印到實體時，pt作為一個自然長度單位就方便實用了：比如Word中普通的文檔都用「宋體 9pt」，標題用「黑體 16pt」等等，無論電腦怎麼設置，列印出來永遠就是這么大。又或者在Photoshop中，設置一個圖片中的某個藝術效果的字體是72pt大小，然後分別將這張圖片設為300DPI和72DPI，再列印出來，就可以看出，這2個字體大小完全一樣，只是「清晰度」不同，300DPI更清晰。這是毫無疑問的結果。
最後整理一下所有出現過的單位：
px：pixel，像素，屏幕上顯示的最小單位，用於網頁設計，直觀方便；
pt：point，是一個標準的長度單位，1pt＝1/72英寸，用於印刷業，非常簡單易用；
em：即％，在CSS中，1em＝100％，是一個比率，結合CSS繼承關系使用，具有靈活性。
PPI（DPI）：pixel（dot）per inch，每英寸的像素（點）數，是一個率，表示了「清晰度」，「精度」
PX和PT轉換的公式：
以前在文章中介紹過PX和PT的轉換規則，其實很簡單，pt=px乘以3/4。
比如12px×3/4=9pt大小。
PX和em轉換的公式：
對於PX轉em的方法也類似，就是em=16乘以px，也就是說1.5em=1.5×16=24px