Hi,are you ready?

准备好开始了吗?
那就与我们取得联系吧

有一个互联网项目想和我们谈谈吗?您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与你取得联系。当然也欢迎您给我们写信或是打电话,让我们听到你的声音

Smartwind 沙漠风互联网整合营销

地址:深圳市福田区泰然四路创新科技广场一期A座1304

业务热线: 0755-83739169

大客户专线: 18098908287

售前QQ:3290449062

E-mail: sales@szweb.cn

合作意向表

您希望我们 为您提供什么服务?

预算

点击更换

APP开发资讯 APP开发资讯

资讯

22 2018/10

IOS&Android基础规范

APP开发资讯 / 沙漠风风享 2018/10/22

在从01打造一个产品的过程中,很多设计样式与规范在大部分产品中是通,提前准备好这部分内容在设计过程中可以起到事半功倍的效果

今天简单介绍一下苹果及安卓平台的基础设计规范。


首先,从平台的页面布局上看,两大平台布局方式上明显存在差异,如图:

IOS和安卓差异图.png

我们对两大平台分别从页眉、页脚进行详细解说,先是IOS平台,

IOS的页眉,也就是我们说的导航栏,用于实现在应用不同信息层级结构间的导航,有时也可用于管理当前屏幕内容。具体效果如下图:

IOS的页眉.png

在顶部放一个标题,表示当前页面的一些内容,在左侧有个返回按钮,这个按钮是依赖于当前页面是属于第一层级还是第二层级,如果属于第二层级,就需要有一个返回的按钮,以及返回上一级的标题是什么,然后右上角有个设置的入口,这样看还是抽象的话,那就直接看实际效果的,具体效果如下图:

页眉、页脚.png


熟悉了IOS页眉的设计,再来看页脚的,IOS的页脚,也就是我们说的工具栏,用于放置操作当前屏幕中各对象的控件,具体效果如下图:

工具栏上既可以放icon,也可以放文字,看个具体例子就知道怎么用了,具体效果如下图红色圈中形式,

工具栏.png

至于选择icon还是文字,要根据实际情况抉择,如果功能入口很多,icon是更好的选择。如果功能没有那么多又想表达更加清晰的意思,建议使用文字。

IOS的页脚除了是工具栏外,还可以是标签栏。标签栏可以让用户在不同的任务、界面和模式中进行切换,图7是常见的设计方式,

常见的设计方式.png

具体的可以看下appstore的设计,

但是值得注意的是,底部标签不要太多,最多5个。

在了解了IOS平台页眉页脚的设计规范后,这时候来对比下Android平台在这上面的设计有何不同,首先还是从页眉上说明;

Android的页眉放置的是操作栏(action bar),用于实现app内视图的切换和层级间的导航(返回上层),还会放置一些重要控件。常见的设计方式如下图:


页脚.png


在设计时遵从最基本的原则也是体现一个交互设计师的专业性,认识设计规范也是为了避免在工作上犯了最不应该犯的错,希望上面的总结对你有所帮助。


以上内容由沙漠风为您提供!更多有关深圳APP开发APP定制微信平台开发微信小程序开发等互联网应用服务都可以联系我们!热线:0755-83739159 或致电大客户专线:18098908287 陈经理!

上一条: APP推广有哪些方法

下一条: APP表单有哪几种类型

返回

新案例