IOS與Android設(shè)計(jì)要點(diǎn)

IOS

尺寸：320-480 ?640-960 ?640-1136 ?750-1134

40px狀態(tài)欄status : 信號、運(yùn)營商、電量?

88px導(dǎo)航欄navigation ：當(dāng)前界面名稱、跳轉(zhuǎn)等

98px主菜單欄submenu ?: 類似于頁面主菜單 ?

734px內(nèi)容區(qū)域content ：多樣性

IOS7中，蘋果開始弱化satus的存在，出現(xiàn)status+nav合并的風(fēng)格

字體：HelvrticaNeue / 黑體

大小：

長文本：26px/30px/32px,34px

短文本：28px/30px/32px

注釋：24px/24px/28px

@2x表示視網(wǎng)膜的屏幕

Android

尺寸：480-800 ? ?720-1280 ? ?1080-1920

status50px

nav96px

sub96px

content1038px

功能鍵96px


設(shè)計(jì)原則：

遵從-UI能幫助user理解conten并互動，不分散內(nèi)容本身注意力

清晰：文字大小易讀、圖標(biāo)醒目、去除多余修飾、突出重點(diǎn)

深度：視覺的層次與交互

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

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