iosapp設(shè)計單位用dp(app設(shè)計規(guī)范和設(shè)計指導(dǎo)原則)
簡單來說,以160dpi的設(shè)備為準(zhǔn),該設(shè)備上1dp=1px如果屏幕密度大,1dip代表的px就多,比如在320dpi的屏幕上,1dip=2px即1dp代表2個像素在app開發(fā)時,最好用dp來做界面的布局,以保證適配不同屏幕密度的手機 dp和px的換算公式。
pt 即 point,有兩個含義一是印刷行業(yè)常用單位,是一個標(biāo)準(zhǔn)長度單位,絕對大小,1pt = 172 英寸 = 035mm二是 iOS 開發(fā)用的基本單位,當(dāng)設(shè)計師以 1 倍尺寸進行設(shè)計 375pt × 667pt 并給出標(biāo)注稿時,開。
常見場景印刷行業(yè)常用單位IOS開發(fā)基本單位PS中的字體單位總結(jié) 雖然印刷行業(yè)單位與IOS開發(fā)基本單位都叫pt,但是兩者無論是概念還是數(shù)值都不盡相同,此pt非彼pt思考 為什么要單獨設(shè)定pt與dp為開發(fā)單位,而不是用px。
蘋果6s 的尺寸750px 1334px,6s Plus的尺寸就是1242px 2208 px兩者之間的關(guān)系就是15倍,怎么說呢,就是6s之類的手機想要變成Plus,我們設(shè)計師稍微想要偷懶一下設(shè)計,只需要整體擴大15倍,比如圖標(biāo) 來分析一下界面的尺寸規(guī)范 首先是。
這樣,所標(biāo)注出來的圖單位是dp,字體單位是sp 然后,基于360*340,輸出1x 15x 2x 3x的切圖,分別對應(yīng)安卓開發(fā)的4個文件夾 然后,基于360*640,輸出@1 @2 @3的切圖,對應(yīng)IOS的切圖。
單位 不難發(fā)現(xiàn),真正決定顯示效果的,是邏輯像素尺寸為此,iOS和Android平臺都定義了各自的邏輯像素單位iOS的尺寸單位為pt,Android的尺寸單位為dp說實話,兩者其實是一回事 單位之間的換算關(guān)系隨倍率變化 1倍1pt=1dp=1pxmdpi。
sp 與 px 的換算公式sp*ppi160 = px 是不是看起來dp和sp一樣,在Android設(shè)計原則中,有提到這兩個單位,他建議文字的尺寸一律用sp單位,非文字的尺寸一律使用dp單位例如textSize=quot16spquotlayout_width=quot60dpquot。
dp不考慮密度,px考慮密度比如一個640*568屏幕用dp都是統(tǒng)一的尺寸,px有的大有的小 sp用來設(shè)textview的常年搞ios,android僅有初步了解,如有錯誤請多包涵。
所以,當(dāng)你的app需要適配多個dpi模式的時候例如同時適配mdpi與hdpi,若你在wvga下做設(shè)計,你需要將你的各數(shù)值都為3的倍數(shù),并在切圖標(biāo)注時將所有的數(shù)字除以3乘以2換算成dp,這樣開發(fā)的同一套layout就能用在兩個不同的。
其中XHDPI往往指的是具有類似于蘋果Retina顯示屏顯示效果的屏幕各種屏幕尺寸查閱 Screensizes 印刷品的最小單位,表示一個印刷顏色點,類似px,只有相對大小,用在印刷行業(yè)1英寸上打印的墨點數(shù)量,密度單位,只用在印刷。
也可以查到設(shè)備的分辨率,即在橫縱切上的像素點數(shù),也叫物理像素,單位是邏輯像素在兩個平臺的單位名稱也不同,iOS是pt, Android是dp, 設(shè)計師可以就是讓同一套APP的UI設(shè)計,在不同尺寸分辨率比例的移動終端設(shè)備上都能。
android開發(fā)中,文字大小的單位是sp,非文字的尺寸單位用dp,但是我們在設(shè)計稿用的單位是px這些單位如何換算,是設(shè)計師開發(fā)者需要了解的關(guān)鍵 簡單理解的話,px像素是我們UI設(shè)計師在PS里使用的,同時也是手機屏幕上所顯示的,dp是開發(fā)。
95不可以,手機端的尺寸必須是偶數(shù)的,不僅僅是安卓,ios也是,因為手機端會有不同的尺寸,縮放起來要保證不變形等比像素清晰誠筑說有一個關(guān)于UI app規(guī)范的文檔您可以找找看,會有很大的幫助的偶數(shù)偶數(shù)哦。
相比其他移動端上的瀏覽器,iOS 8并沒有支持有些功能dp單位的getUserMedia訪問本地硬件設(shè)備,捕獲音頻和視頻的ApiWebRTC網(wǎng)頁即時通信@viewport 聲明DatalistWebP圖片iPhone 6 和 iPhone6 Plus iPhone 6 和 iPhone6 Plus 是蘋果繼 iPho。
Mobile GUI的設(shè)計基于對手持設(shè)備產(chǎn)品的使用特性的理解,對用戶的研究和對界面使用情景的深入研究GUI的設(shè)計分為平臺內(nèi)置和主題設(shè)計部分,前者需要專業(yè)的design house根據(jù)廠家的實際產(chǎn)品進行設(shè)計分析后進行整體設(shè)計,后者則可以經(jīng)由。
單位dp的最大優(yōu)勢是可以防止同樣的分辨率在不同物理尺寸的屏幕上帶來的差異 可以讓UI適配得足夠精細,而不是完全等比例縮放 可以做到一定程度的定制,足夠精細。
遵循這些步驟,你的 App 就能同時在 iOS 和 Android 保持完美!1 總體的樣式 從 iOS7 以后,Apple 就一直在采用扁平化的設(shè)計模式,去除了所有不必要的紋理和陰影等效果和早些年間的版本完全不同Google 的新 MD。
掃描二維碼推送至手機訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。