UI筆記

?神器:Corener Editor ? 插件描述:變形的形狀后還可設(shè)置圓角

【系統(tǒng)規(guī)范】

IOS啟動頁規(guī)范

iPhone4?? 只需要適配啟動圖片,如果不適配上架會被拒?? Default-320w-480h@2x.png 分辨率 640 * 960

iPhone5 ? 只需要適配啟動圖片,如果不適配上架會被拒?? Default-320w-568h@2x.png 分辨率 640 * 1136

iPhone6?? Default-375w-667h@2x.png 分辨率 750 * 1334

iPhone6P?? Default-375w-667h@3x.png 分辨率 1242 * 2208

iPhone6P? 橫屏,把豎屏的圖片橫過來就行,如果不適配上架會被拒?? Default-667w-375h@3x.png 分辨率 2208 * 1242

icon的統(tǒng)一性:斷點,安全框

icon圖標(biāo)尺寸原理:比如 @1x 40*40 @2x 80*80 @3x 120*120

區(qū)域:點擊的按鈕&圖形不得小于 Retina屏幕 88x88px? 普通屏幕 44x44px

切圖:小于左側(cè)尺寸的以png-24空白區(qū)域切圖

命名:兩倍圖以@2x做后綴

單獨存在的部件尺寸必須是【偶數(shù)尺寸】

【適配方案】設(shè)計建議設(shè)計尺寸iphone5? ? ? 適配iPhone6時乘以3/2

按iPhone5尺寸(640*1136)?按iphone5模擬尺寸(320*568)標(biāo)注,6Plus微調(diào)bug 輸出@2x&@3x png圖片資源

適配6plus內(nèi)容全部必須得放大1.15倍


【舒適值字體建議】以iphone5 @2x尺寸舉例,設(shè)計商業(yè)app時可參考

導(dǎo)航欄navigation bar標(biāo)題字體? 36,38,40,42

主要內(nèi)容標(biāo)題字體 28,30,32,34 ? (*如標(biāo)題 名稱 正文 依照產(chǎn)品特性選用字體)

次要內(nèi)容字體 24,26,28 ?(*如說明 副標(biāo)題等 依照產(chǎn)品特性選用字體)

次要內(nèi)容字體 20,22,24 ?(*如說明 小標(biāo)題 時間 地理位置等 依照產(chǎn)品特性選用字體)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容