美文网首页移动应用
IOS与Android设计要点

IOS与Android设计要点

作者: kayki | 来源:发表于2016-05-10 14:15 被阅读15次

IOS

尺寸:320-480  640-960  640-1136  750-1134

40px状态栏status : 信号、运营商、电量 

88px导航栏navigation :当前界面名称、跳转等

98px主菜单栏submenu  : 类似于页面主菜单  

734px内容区域content :多样性

IOS7中,苹果开始弱化satus的存在,出现status+nav合并的风格

字体:HelvrticaNeue / 黑体

大小:

长文本:26px/30px/32px,34px

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

注释:24px/24px/28px

@2x表示视网膜的屏幕

Android

尺寸:480-800    720-1280    1080-1920

status50px

nav96px

sub96px

content1038px

功能键96px

设计原则:

遵从-UI能帮助user理解conten并互动,不分散内容本身注意力

清晰:文字大小易读、图标醒目、去除多余修饰、突出重点

深度:视觉的层次与交互

相关文章

网友评论

    本文标题:IOS与Android设计要点

    本文链接:https://www.haomeiwen.com/subject/holyrttx.html