android与苹果的设计规范,Android及IOS设计规范简介

什么是交互设计规范？

就是交互设计的统一规则，对设计风格、设计规则的约定。页面怎么布局？使用何种控件？等等

为什么需要设计规范？

快速实现产品设计

统一用户在平台当中的行为习惯，就如同在交通系统中，红灯特指停，绿灯特指行，如果某个城市改变了这一规则，其他地方的人来到这里，将会引起交通瘫痪。

使用设计规范时的注意点

在没有更好的设计方案时，尽量遵守设计规范

特殊情况下，不必拘泥于设计规范，一切以用户的使用场景为基准

常见的设计规范

页面规范

IOS页面规范

页眉(导航栏)：

用于不同信息层级之间的导航，有时候也用于当前页的管理，比如从二级页返回至一级页，对当前页的内容的删除功能等

内容区

页脚(工具栏或标签栏)

工具栏主要是当前页面的一些操作，可以用icon或文字操作，操作较少时，建议用文字，较多时，建议用icon，使得页面更简洁

标签栏用于在不同的任务、界面和模式中切换，一般不超过5个

Android页面规范

安卓4.0中常见页面布局

几种常见的页面布局，图片来自网易云课堂

大而全的主操作栏

主操作栏(Action Bar)+ 顶部次操作栏

主操作栏 + 底部工具栏

主操作栏 + 刺激操作栏 + 底部工具栏

页眉(操作栏 Action Bar)

实现app中内试图的切换和层级间的导航(如返回上一级)，还会放置一些重要按钮

安卓5.0 (Material Design)中的一些改变

页眉中的操作栏改为应用栏(APP Bar)

应用栏在以前版本中叫做操作栏，用来显示应用的标识，应用导航，内容搜索以及其他操作

如果有二级导航，可以放在页面中

常用控件

什么叫控件？

就是控制元件，用户通过控件来操作界面状态或设定状态，打个类比，将房间比作页面，那么控件就是房间的开关、门把手等

控件库

如果控件库拥有对应控件，尽量直接调用

IOS地址：

material design控件库：

常用手势

常用操作手势

使用手势操作的优势：触摸是人类天性，降低使用成本

注意点：安卓是长按删除；IOS是左滑删除

IOS设计规范的发展历史

(略)

Android设计规范的发展历史

2010年，推出安卓2.3系统，此版本设计混乱，无统一规范

2011年2月，推出为平板设计的安卓系统

2011年，推出安卓4.0，开始统一手机和平板规范

2014年，推出安卓5.0，也就是Material Design

安卓设计规范发展史

android与苹果的设计规范,Android及IOS设计规范简介相关推荐

android仿苹果悬浮窗,Android仿IOS悬浮拖动按钮
拖动效果开发是我们有时候需要一些快捷通道,类似ios系统的拖动方块. Android6.0及其以上版本手机使用悬浮窗功能会正常使用,在23及以上版本下编译,悬浮窗权限默认是关闭没有权限,然在23以下 ...
android与苹果平板生态,Android和Apple平板电脑的性价比比较
Android和Apple平板电脑的性价比比较当今市场上的平板电脑类型相对丰富,并且有许多品牌,大约30个左右,它们之间的竞争异常激烈. 市场上无休止的产品的出现使消费者做出了未定的选择. 我不知道 ...
android系统（9）---android工具网站
网站介绍:http://www.androiddevtools.cn/ AndroidDevTools 收集整理Android开发所需的Android SDK.开发中用到的工具.Android开发教程 ...
android 仿苹果小组件,安卓玩烂的小组件 iOS怎么又给捡起来了？
在所有用户的认知中,新系统区别于旧系统的第一印象永远是外观上的变化,例如iOS7的扁平化设计.iOS 10的控制中心.iOS 13的深色模式. 而在即将推出的iOS 14中,最直观的变化莫过于重新设计 ...
android打败苹果,苹果iOS打败安卓的另一面：配件多于Android
苹果和安卓的比较就没消停过.最近,有人经过比较发现,其实,苹果在另一方面也能将安卓给打败.那就是苹果产品的配件数量高于安卓产品的配件.苹果的这一优势在未来的很长一段时间都持续的保持着. 由于Andro ...
ios 比 android 精致,苹果没创新了？这七个方面，iOS 14比Android 10简直强太多
说到国内最具争议的手机品牌,小米绝对是首当其冲,尽管手机出货量高居全球第四,IoT更是稳居全球第一,但由于缺乏自研芯片,小米始终被诟病缺乏创新:而说到国际上最具争议的手机品牌,原因同样是创新,不同于小 ...
android和苹果微信大小,如何禁止安卓Android或苹果IOS手机在微信中网页放大？
做H5项目,在手机微信端打开网页,由于一些手机的字号设置的很大,所以网页也会随之放大,这样就影响了网页整体美观.那么,怎样才能阻止手机微信里的网页放大呢? 下面是安卓Android和苹果IOS的处理代 ...
android 修改 dpi_设计规范 | Android系统
一.基础概念 1.1 屏幕尺寸屏幕尺寸指的是手机屏幕的物理尺寸,一般用屏幕对角线长度表示,以英寸(inch)为单位.如,小米M4尺寸为5英寸. 1.2 屏幕密度由于Android属于开源系统,任何 ...
android广告平台刷量,数据显示：Android平台广告营收首超iOS
据国外媒体报道,Opera Mediaworks移动广告平台最新数据显示,来自Android系统的广告营收在2015年第一季度里首次实现超越iOS,不过后者仍然拥有最高的营收/曝光率比,即同等流量下, ...

android与苹果的设计规范,Android及IOS设计规范简介

android与苹果的设计规范,Android及IOS设计规范简介相关推荐

最新文章

热门文章