ios和Android的设计规范区别

成都/产品设计师/6年前/2390浏览
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
|
69
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
《马到成功》2026马年IP
Homepage recommendation
一梦大唐·长恨歌
Homepage recommendation
8月的“话”
Homepage recommendation
相关收藏夹
ios设计规范
ios设计规范
ios设计规范
ios设计规范
作品收藏夹
UI
UI
UI
UI
作品收藏夹
设计尺寸
设计尺寸
设计尺寸
设计尺寸
作品收藏夹
规范
规范
规范
规范
作品收藏夹
C端-B端 设计规范
C端-B端 设计规范
C端-B端 设计规范
C端-B端 设计规范
作品收藏夹
大家都在看
Log in