ios和Android的设计规范区别

用户头像
成都/产品设计师/6年前/2462浏览
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.日期选择控件样式不同


46
举报
|
71
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
智能家居中心 简约 UI设计组件库
手表表盘UI系列
APP/小程序商业项目UI模板|99个高保真UI+79个原型
UI界面 组件
钱包ui模板
【新年UI图标】礼物/活动icon
【新年UI图标】30个图标
3D渐变流体抽象矢量UI背景图
【新年UI图标】珠宝icon
【新年UI图标】影音icon
户外旅行飞机情侣假日出行
新能源APP应用UIKit
【新年UI图标】旅行icon
高级感金属拟物 UI设计组件库
3D卡通UI界面图标可爱插画免扣素
Security Camera UI kit
【新年UI图标】积分icon
【新年UI图标】活动icon
我的钱包-UI界面设计-app
高级表盘系列UI源文件
盲盒APP UI设计
UI 登录界面设计模板包
拟物风质感写实UI卡片合集源文件
你可能喜欢
相关收藏夹
UI
UI
UI
UI
大家都在看
登录注册