ios和Android的设计规范区别

用户头像
成都/产品设计师/6年前/2445浏览
ios和Android的设计规范区别
用户头像
忻芸

整理了一些Android和ios的设计规范区别

1.系统平台对比

  ios是苹果公司的移动操作系统;

  Android是谷歌公司开发的操作系统;


2.UI设计尺寸不同

  通常设计的尺寸分别如下:

  ios设计尺寸:750*1334或者1242*2208

  Android设计尺寸:720*1280或者1080*1920


3.字体不同

  ios设计字体:英文字体使用Helvetica,中文字体使用苹方;

  Android设计字体:英文字体使用Roboto,中文字体使用思源黑体(Noto);


4.基础组件不同

  ios:状态栏高40px,导航栏高88px,标签栏高98px;

  Android:状态栏高50px,导航栏高96px,标签栏高96px;


5.图标设计区域


6.导航方式不同

  ios的Tab放在页面底部,通过点击切换,不能滑动切换。但有些Tab本身可以滑动,比如天猫;

  Android的Tab一般放在页面顶端,可以通过滑动页面来切换Tab,也可以通过点击切换,如果Tab多的话,Tab本身也可以滑动;


7.导航栏标题位置

   ios导航栏的标题在中间,返回键旁边可以有返回字样或者上一层级的名称;

   Android导航栏的标题通常是和返回键靠着,两者的箭头样式也不同;

  如果只做一套,可以把标题统一放在中间,返回键旁边也可以不放指示文字,用户大多数也习惯了。


 

8.弹窗

  名称不一样:安卓称之为dialog,iOS中称之为alert,需要用户对此弹框进行操作后才能继续执行其他任务;另外轻量级提示,在各自平台中的名称也不同,安卓中的习惯叫toast,iOS中的习惯叫HUD;

  • Toasts一般出现在屏幕下方,HUD出现在屏幕中间。

  • Toasts一般是灰黑或黑色半透明,HUD一般是毛玻璃半透明。

  • 每次产生的Toasts内容不可改变,HUD内容可以改变(比如调节音量时出现的HUD)



9.日期选择控件样式不同


45
Report
|
70
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
UI
UI
UI
UI
大家都在看
Log in