当前位置:首页 » 安卓系统 » android设计规范

android设计规范

发布时间: 2022-02-01 13:28:27

Ⅰ 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 或 Android 设计规范对用户来说很重要吗

废话不多说,希望大家耐心看完后,不要再纠结于尺寸相关的东西了! 一、尺寸及分辨率iPhone界面尺寸:320*480、640*960、640*1136 iPad界面尺寸:1024*768、2048*1536 单位:像素72dpi,在设计的时候并不是每个尺寸都要做一套,尺寸按自己的手机来设计,比较方便预览效果,一般用640*960或者640*1136的尺寸来设计。 Ps:作图的时候确保都是用形状工具(快捷键:U)画的,这样更方便后期的切图或者尺寸变更。 二、界面基本组成元素iPhone的app界面一般由四个元素组成,分别是:状态栏、导航栏、主菜单栏、内容区域。 这里取用640*960的尺寸设计,那我们就说说在这个尺寸下这些元素的尺寸。 状态栏:就是我们经常说的信号、运营商、电量等显示手机状态的区域,其高度为:40px 导航栏:显示当前界面的名称,包含相应的功能或者页面间的跳转按钮,其高度为:88px 主菜单栏:类似于页面的主菜单,提供整个应用的分类内容的快速跳转,其高度为:98px 内容区域:展示应用提供的相应内容,整个应用中布局变更最为频繁,其高度为:734px [下图为了说明我不是瞎掰的:960-40-88-98=734] 至于我们经常说的iPhone5/5s的640*1136的尺寸,其实就是中间的内容区域高度增加到910px。 PS:在最新的iOS7的风格中,苹果已经开始慢慢弱化状态栏的存在,将状态栏和导航栏合在了一起,但是再怎么变,尺寸高度也还是没有变的,只不过大家在设计iOS7风格的界面的时候多多注意下~ 三、字体大小Phone上的字体英文为:HelveticaNeue 。至于中文Mac下用的是黑体,Win下则为华文黑体。 下图是网络用户体验做过的一个小调查,可以看出用户可接受的文字大小。 其实还有个更简单的方法就是找你觉得好的app应用,手机截图后放进PS自己比对调节字体大小咯。 我的音乐——34px 我的、淘歌、发现——30px Muxx——34px 本地音乐——30px 泡沫、邓紫棋——24px 总之,方法是自己找到的,想办法解决问题,自己实践,比别人告诉你印象更深刻不是么? 一、尺寸及分辨率Android界面尺寸:480*800、720*1280、1080*1920。[单位:像素] Android比iPhone的寸尺多了很多套,建议取用720*1280这个尺寸,这个尺寸720*1280中显示完美,在1080*1920中看起来比较清晰,切图后的图片文件大小也适中,应用的内存消耗也不会过高。 二、界面基本组成元素Android的app界面和iPhone的基本相同:状态栏、导航栏、主菜单、内容区域。 Android中我们取用的720*1280的尺寸设计,那我们就说说在这个尺寸下这些元素的尺寸。 状态栏高度为:50px 导航栏高度为:96px 主菜单栏高度为:96px 内容区域高度为:1038px(1280-50-96-96=1038) Android最近出的手机都几乎去掉了实体键,把功能键移到了屏幕中,当然高度也是和菜单栏一样的:96px Ps:写之前我翻了好多关于Android的界面尺寸教程,都没找到像iOS一样具体的规范,或许因为在安卓中这些控件的高度都能用程序自定义,都没有提到具体的尺寸数值,所以就自己找了Android的设计规范,尺寸都是自己在PS中量的。 Android为了在界面上区别于iOS,Android4/s/1gdqoSJh

Ⅲ 安卓和iOS在设计规范上的区别

OS设计规范围绕一个核心,就是“模态”
安卓设计规范如果总结成一句话,就是“任何地方均可点击”

区别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按钮设计
两者圆角尺寸也不同

Ⅳ Android UI设计字体大小规范

Android UI设计字体,由于android厂商和设备之多,目前没有特定的标准,但根据设备的尺寸,有一个建议的原则,如下:

sp和dp一样,是android开发里特有的单位,设计师在做UI设计的时候通常最初是建立320*480这个尺寸的画布开始的,这个尺寸的画布在android分辨率的分类中称为mdpi,在这个尺寸下,ps里的1px就等于android中的1dp,同样,这个时候1点的字就等于android中1sp。

Ⅳ ios界面设计规范和android界面设计规范的区别

IOS扁平,安卓说不定,像oppo是拟物化,CM是原生,MIUI是扁平

Ⅵ Android 平台设计规范有哪些

1、尺寸以及分辨率:

Android的界面尺寸比较流行的有:480*800、720*1280、1080*1920,我们在做设计图的 时候建议是以 480*800的尺寸为标准;

2、界面基本组成元素:

界面基本组成元素包括:状态栏+导航栏+主菜单栏+内容区域;以480*800的尺寸为标准下的 各个元素的高度(其实导航栏和菜单栏每一个应用都或许不一样,android对于尺寸没有太明确的 数据规范)如下:

3、字体:

Android 系统中,Droid Sans 是默认字体,与微软雅黑很像;

4、操作栏:

1、”操作栏”对于 Android 应用来说是最重要的设计元素,它通常在应用运行的所有时间都呆 在屏幕顶部;

2、 操作栏的基本布局:

1向上+2 Spinner视图控制+3 重要操作按钮+4 更多操作:其中,向上按钮,点击后是去到 当前界面的上一个层级,非第一层级界面有此按钮,第一层级界面则无向上按钮;Spinner 是 用于展示内容的下拉菜单,其内容包括视图的快速切换和显示相关内容的完整信息;更多操作 (action overflow)是集合操作栏中不常用的和非重要操作的地方。

5、多面板布局:

多面板布局更多的是针对平板电脑,把手机端的目录视图和详情视图两个层级的界面,甚至更 多的页面,复合展示在同一个界面中,有效地利用平板电脑的屏幕空间,扁平化层级结构,简 化导航。这点在iPad上已经运用得相当娴熟了。

6、选择:

Android4.0中的长按与Android2.3及更早期的版本有很大的不同。早期版本长按操作后,是 出现情境菜单的浮出层。在Android4.0中,长按后在操作栏的位置会覆盖一个临时的情境操 作栏,不再弹出情境菜单浮出层。在临时情境操作栏的环境下,当前界面的内容项允许被单个 处理,也允许被批量处理。

7、返回和向上:

返回按键用在手机全局的虚拟导航栏中,基于用户最近查看的界面历史,采用时间倒序的方式, 连接界面间的关系。向上按钮用在操作栏的左侧,基于层级结构,点击后是去到当前界面的上一 个层级,若当前界面已经是最高一级,则没有向上按钮。

8、主题样式:

推出三套默认主题:Holo浅色主题、Holo深色主题、Holo浅色底+深色操作栏主题。主推app在 这三套默认主题的基础上做设计,以加快app研发效率,但只是建议使用,并没有完全强制。

9、触摸与反馈:

用户触摸应用中的可操作区域,应当在视觉上有响应,微小的反馈会给用户带来很好地效果;

10、按钮:

1、按钮的3种表现形式如下图:

2、对于仅包括图标的按钮,不需要使用背景色;

11、滑块:

滑块的几种表现形式如下图:

12、进度条:

如果某个操作需要花费很长的时间,就需要用进度条的指示和旋转圈的形式来表示:

1、如果你可以知道当前任务完成的比例,那么使用进度条,让用户了解大约还需要多久才能完成;

2、当使用旋转圆圈时,不要配以文字标签。旋转的圆圈已经表明了正在进行后台操作。

13、开关:

用户通过开关作出选择,包括3种形式:复选框+单选按钮+开关;

1、复选框:用户可以在一个集合中作出多个选择:

2、单选按钮:单选按钮允许用户在一个集合中做一次选择;

3、开关:开关控制单个选项的状态;

14、对话框:

应用通过对话框让用户作出决定或者填写一些信息,

1、对话框的左边一般情况下是取消按钮,右边是确定按钮;

Ⅶ Android的UI界面设计,谁知道 现在最新Android系统,例如4.2.2有新规范吗 求分享 求赐教~~~

我们专注做界面UI,有一个很强的团队。希望能帮助到你

Ⅷ 安卓UI界面设计规范标准

简单来说Mobile GUI设计就是手持设备的图形用户界面设计,狭义上来看是手机和PPC,广义上可以推广至手机,移动电视,车载系统,手持游戏机,MP3,GPS等一切手持移动设备。
Mobile GUI的设计基于对手持设备产品的使用特性的理解,对用户的研究和对界面使用情景的深入研究。GUI的设计分为平台内置和主题设计部分,前者需要专业的design house根据厂家的实际产品进行设计分析后进行整体设计,后者则可以经由任何用户进行自主设计,当然后者的设计限制和平台限制都比较大。
目前索爱和三星以及Nokia的S60平台支持用户的Theme自定义设计。
设计研究的流程为:产品特性--用户心理--市场背景--图形设计策略--设计检验--实际设计投放

Ⅸ android系统界面设计最小安全距离是

设计上来说这两个系统有些东西越来越通用了,目前很多Android的应用偏苹果风格,也就是说基本都是采用一套iOS设计模板来适配Android系统。
术语解读和系统平台对比
android是Google公司开发的操作系统。
iOS是苹果公司的移动操作系统。
导航方式不一样
iOS的Tab放在页面底部,不能通过滑动来切换,只能点击。也有放在上面的,也不能滑动,但有些Tab本身可以滑动,比如天猫的。还有新闻类的应用。
Android一般放在页面顶端,可以通过滑动页面来切换Tab,当然Tab可以点击切换,Tab多的话,Tab本身也可以滑动。比如豌豆荚,网络贴吧,。总之,Android啥都可以有。
UI设计规范不一样
比如现在通常设计的尺寸对比如下:
iOS: 750*1334 或者 1242*2208
android:720*1280 或者 1080*1920
单条item的操作
iOS单条item的操作有两种,点击和滑动,点击一般进入一个新的页面,滑动会出现对这条item的一些常用操作,如微信里滑动一条对话,会出现标记未读和删除。
Android中,单条item的操作也有两种,点击和长按,点击一般进入一个新的页面。长按进入一个编辑模式,可以在里面进行批量和其他一个操作,比如删除,顶置等等。比如小米的短信页面;长按也可以弹出情境操作栏dialog,进行操作,比如Android版的微信。
例外的是,Android里面也可以有单条item的滑动,如新版,这种比较少见。AndroidL的短信,可以滑动进行归档。大Android啥都可以有。
实体键
iOS只有一个实体键(音量,电源不算哈),home键,这个键有这么几个功能:
1、按一次,回到桌面。
2 、双击,出现多任务界面
3、iOS8里面,轻触两下Home键,调出单手模式
4 、指纹解锁
Android有四个实体键(现在很多被屏幕上的虚拟键代替,但功效是一样的)4.4一下的分别是back键,home键,menu键,和搜索键。4.4及以上,是back键,home键,多任务键。Android原生是这样,经过优化的Android就不一定了,比如魅族的smart bar,根据当前页面情景变化,不过蛮好用。
Android的back键,在大部分情况下,和页面上的返回功效一样。不过,Android的back键可以在应用件切换,还可以返回主屏幕。这个iOS里面的键不能在应用间直接切换。
浮窗设计元素不一样
Android里可以看到各种浮窗,流量,清理内存等等。iOS暂时还不支持这样的浮窗。越狱的貌似可以。
iOS和Android的UI区别七:图标尺寸和命名规范不一样
1、iOS和Android手机的APP图标尺寸规范和图标命名规范
2、对比PC、iOS、Android等终端APP的交互设计的差异化

热点内容
温十系统如何看处理器配置 发布:2025-01-20 21:59:47 浏览:301
米号源码 发布:2025-01-20 21:55:30 浏览:892
电信四川dns服务器ip 发布:2025-01-20 21:54:51 浏览:91
电脑弹出脚本错误还能继续使用吗 发布:2025-01-20 21:42:29 浏览:585
安卓私密照片在哪里 发布:2025-01-20 21:41:05 浏览:4
同济复试编译原理 发布:2025-01-20 21:33:54 浏览:309
c语言判断字母 发布:2025-01-20 21:31:09 浏览:423
ftp服务器搭建linux 发布:2025-01-20 21:26:05 浏览:334
安卓手机浏览器如何翻译英文网页 发布:2025-01-20 21:21:01 浏览:422
刺客信条枭雄怎么调成低配置 发布:2025-01-20 21:20:51 浏览:709