安卓设计规范 (幼设计规范)

时间:2024-09-20 20:36:12 来源:风铃百科 作者:管理员
安卓设计规范 (幼设计规范)

iOS和安卓的规划标准有何不同
iOS规划标准环绕一个中心,便是“模态”
安卓规划标准假如总结成一句话,便是“任何地方均可点击”
差异iOS和安卓规划的10个check points
1. 怎么大局导航:
iOS导航tab bar放在底部(顶部手短摸不着)
安卓导航tab个数少用固定tab,个数多用翻滚tab,都在顶部(安卓的硬按键在底部,避免误操作)
(假如品种太多,都能够运用左边抽屉规划)
2. 二级页页头导航条是什么次序:
iOS导航
1 向上箭头+上级页面标题
2 当下页面标题(居中,能够没有)
3 操作(一般就一个)
iOS不需要给出logo
安卓导航
1 向上箭头+logo+当下页面标题
2 Spinner(optional)
3 重要操作(或许多个)
4 更多操作 (省略号竖向)
安卓不需要指出上一级页面标题
3. 查找框规划
安卓查找点击放大镜进入查找
查找框=非模态窗口+左箭头+LOGO+输入框(占位符)
iOS7查找下拉滑出查找框进入查找
查找框=模态窗口,没有左箭头,没有查找按钮
4. 办理列表条目
iOS左滑能删掉条目
安卓长按操作条目(展示contextual menu或许contextual action bar)
ps:安卓4.0现已逐渐承受手势操作,不那么严厉
5. 批量办理条目
iOS右上角有修改按钮,点击进入批量办理
安卓长按条目进入批量办理模态
5. 视觉
iOS主要内容白色,布景淡色,内容与布景衬线切割
安卓不运用布景,全部区域皆可点
6. 挑选分类
iOS运用scope bar或许左上角抽屉规划(汉堡包)
安卓运用下拉菜单spinner(可是很少规划师喜爱)
7. 操作工具栏
iOS一概放在底部,叫split action bar
安卓一概放在顶部右端,叫contextual action bar
8. 产品LOGO
iOS不在导航中显现logo
安卓每一个页面左边顶部都应该显现logo
9. 列表款式
iOS在条目上供给右箭头,提示更多内容(optional)
安卓不放右箭头,全部区域皆可点击,不需要额定提示
10. 按钮
安卓运用扁平方型按钮规划
iOS7主张borderless按钮规划
两者圆角尺度也不同
以上是想到的10处不同,我们能够拿着它去看安卓和iOS上哪些app是契合标准的,哪些app又彻底不明白标准?
iOS和安卓的规划标准有何不同
iOS规划标准环绕一个中心,便是“模态”
安卓规划标准假如总结成一句话,便是“任何地方均可点击”
差异iOS和安卓规划的10个check points
1. 怎么大局导航:
iOS导航tab bar放在底部(顶部手短摸不着)
安卓导航tab个数少用固定tab,个数多用翻滚tab,都在顶部(安卓的硬按键在底部,避免误操作)
(假如品种太多,都能够运用左边抽屉规划)
2. 二级页页头导航条是什么次序:
iOS导航
1 向上箭头+上级页面标题
2 当下页面标题(居中,能够没有)
3 操作(一般就一个)
iOS不需要给出logo
安卓导航
1 向上箭头+logo+当下页面标题
2 Spinner(optional)
3 重要操作(或许多个)
4 更多操作 (省略号竖向)
安卓不需要指出上一级页面标题
3. 查找框规划
安卓查找点击放大镜进入查找
查找框=非模态窗口+左箭头+LOGO+输入框(占位符)
iOS7查找下拉滑出查找框进入查找
查找框=模态窗口,没有左箭头,没有查找按钮
4. 办理列表条目
iOS左滑能删掉条目
安卓长按操作条目(展示contextual menu或许contextual action bar)
ps:安卓4.0现已逐渐承受手势操作,不那么严厉
5. 批量办理条目
iOS右上角有修改按钮,点击进入批量办理
安卓长按条目进入批量办理模态
5. 视觉
iOS主要内容白色,布景淡色,内容与布景衬线切割
安卓不运用布景,全部区域皆可点
6. 挑选分类
iOS运用scope bar或许左上角抽屉规划(汉堡包)
安卓运用下拉菜单spinner(可是很少规划师喜爱)
7. 操作工具栏
iOS一概放在底部,叫split action bar
安卓一概放在顶部右端,叫contextual action bar
8. 产品LOGO
iOS不在导航中显现logo
安卓每一个页面左边顶部都应该显现logo
9. 列表款式
iOS在条目上供给右箭头,提示更多内容(optional)
安卓不放右箭头,全部区域皆可点击,不需要额定提示
10. 按钮
安卓运用扁平方型按钮规划
iOS7主张borderless按钮规划
两者圆角尺度也不同
以上是想到的10处不同,我们能够拿着它去看安卓和iOS上哪些app是契合标准的,哪些app又彻底不明白标准?

Be Clinique by Openlab Architects | Dezeen

7201280与10801920规划尺度各是多少

规划尺度包含pixel(px),point(pt),pixel per inch(ppi),dot per inch(dpi),Density-independent pixel(px).

720 x 1280的规划尺度分别为xhdpi,320,2.0,48dp,96px;

10801920的规划尺度分别为xxhdpi,480,3.0,48dp,144px480。

APP规划尺度单位各自的界说:

1、px:pixel——【 像素】  电子屏幕上组成一幅图像或相片的最基本单元;

2、pt: point——【 点】印刷职业常用单位,等于1/72英寸;

3、ppi: pixel per inch——【每英寸像素数】  该值越高,则屏幕越细腻;

4、dpi: dot per inch——【每英寸多少点】,该值越高,则图片越细腻;

5、dp: dip,Density-independent pixel——【安卓开发用的长度单位】。

扩展材料:

IOS界面规划尺度标准(以iPhone6为例):

一、界面尺度标准

1、界面尺度巨细是:7501334px。

2、状态栏(status bar):便是电量条,其高度为:40px;

3、导航栏(navigation):便是顶部条,其高度为:88px;

4、主菜单栏(submenu,tab):便是标签栏,底部条,其高度为:98px;

5、内容区域(content):便是屏幕中心的区域,其高度为:1334px-40px-88px-98px=1108px

二、图标尺度标准

1、导航栏和工具栏尺度巨细44x44px;

2、标签栏尺度巨细75x75px

3、导航栏的文字巨细巨大值是34-36px,标签栏的图标下方的文字巨细为20px。

4、内容区域的文字巨细是:20px 24px,26px,28px,30px,32px,34px。


同级分类