iOS、安卓、Web端设计规范与常见的设计模式
⼀.安卓和iOS的设计规范
⾸先，我们先看看iOS端
顶部导航和底部的tab是完全不⼀样的，如下图
在iOS端，页眉和页脚都做出了相应的规定，页眉我们称之为导航栏，主要是实现了页⾯的跳转和当前页⾯的操作，底部的页脚通常会设计成⼯具栏和标签栏，⼯具栏主要是放置⼀些我们对于当前页⾯的传统操作，如转发、删除、收藏。其次还能做成标签栏，标签栏主要是实现⼏个主要页⾯或主要任务流程之间的快速切换。在iOS端的⼤量APP都是按照这样的规范去设计的。
我们来看⼀下iOS对页眉的规定有哪些，页眉我们通常叫做导航栏，主要是⽤来实现在不同信息层级之间的导航，有时候也可⽤于管理当前的内容，如图：
那页脚呢，我们通常叫做⼯具栏，主要⽤于放置操作当前屏幕中各对象的控件，⼯具栏即可以放置icon，也可以放置⽂字，⽂字会更加的直接⼀些，相对于icon也会更加占⽤空间，但是呢，⽂字⽐icon可能会更加的通俗易懂，所以，在做⼯具栏设计时，如果想让我们的⼯具栏上可以放置更加功能⼊⼝
的话，建议⽤icon，如果⼯具栏上的功能⼊品不多，可以⽤⽂字。
同时呢，页脚还可以做成标签栏，标签栏让⽤户在不同的任务、界⾯和模式中进⾏切换，但是底部的标签也不能放置过多，最多可承载5个标签，随着⼿机屏幕的不断扩⼤，底部放置的标签也会增多。
然后，我们来看⼀下安卓端
我们先来看⼀下安卓的发展史，在2009年的时候，安卓第⼀次推出了1.5的系统，但真正能够上线为⼤众所接受的是2010年12⽉份推出的2.3系统，那个时候还是挺乱的，没有规范可⾔的。到2011年2⽉份，安卓⼜推出了3.0，3.0第⼀次为平板⽽设计的⼀个安卓系统，也是第⼀次在平板上出现了虚拟的按钮，从4.0开始，统⼀了⼿机和平板的规范，在3.0的基础上延续了虚拟导航的存在。
2014年10⽉⼜推出了5.0，5.0出了⼀份⽐4.0介绍更加详细的平台规范，这个平台规范后来影响了每⼀代安卓版本的开发。
从2009年推出的安卓1.5的版本开始，它叫纸杯蛋糕，后⾯也延续了这种以⾷物命名的⽅式，⽐如甜甜圈、闪电泡鞭、优格冰激凌等等。
安卓从4.0开始没有配备硬件按钮，把虚拟按钮作为4.0的标配，与iOS把导航栏放在底部标签栏上不同，安卓把⼀些重要的操作放在了底部的页眉部分，这是因为安卓已经有了底部的虚拟按钮了。页眉在安卓系统叫操作栏，主要⽤于实现APP内视图的切换和层级间的导航，还会放置⼀些重要控件。在4.0的操作规范⾥有⼤量的元素，像返回按钮、下拉菜单、操作按钮，但是这种下拉菜单有个不好的地⽅是：⽐较重，⼀个⼩的地⽅放置了很多操作元素。所以在规范⾥也是推荐了下图2所⽰的这种标签式导航，来实现对不同页⾯之间的切换跳转。
除了把下拉菜单进⾏拆分之外，右上⾓还有很多⼤量的操作按钮在，当你的页⾯有很多操作按钮需要去放置，就会显得很拥挤，这个时候，我们可以尝试把右上⾓的操作按钮放到底部，虽然我们把⼤量的操作按钮放到底部会增加⼀引起误操作的风险，但是会让页⾯变得更加的简洁。web端登录
2013年苹果公司推出iOS7，iOS7抛弃了拟物化的设计，采⽤了扁平化的设计，2017年安卓推出了5.0，那个时候已经是扁平化盛⾏的时代，安卓在5.0之后会了让界⾯变得更加有质感，在界⾯上加了Z轴，安卓推出的页⾯布局是在Z轴的空间上有更多的空间变化，让界⾯更加的有质感和触感，在Z轴上不同层次的变化，使得页⾯呈现出更多的层次感 。安卓5.0是安卓系统很重要的⼀个⾥程碑，整个安卓系统变得趋于稳定，在后⾯的⼏代迭代中基本上没有太⼤的变化，更多是基于性能上的优化。
安卓在5.0的时候⼤⼒推崇抽屉式导航的使⽤样式，和4.0相⽐，在5.0⾥⾯安卓也是把主要的导航和操
作元素放在页⾯的上⽅，叫作应⽤栏，应⽤栏是以前安卓系统中的操作栏，是⽤来显⽰应⽤的标识，应⽤导航，内容搜索以及其他操作。
在4.0的时候，安卓的操作栏上放有下拉菜单，页⾯可以进⾏切换，在5.0的时候，这些页⾯放在左侧的抽屉⾥⾯，这样显得页⾯⽐较⼲净。
如果你的产品在⼀级导航下还有⼆级导航，这个时候我们可以把⼆级导航放到页⾯中，实现在某⼀个主导航下⾯进⾏⼦导航的切换。
1.2.平台常⽤控件
控件全称叫控制元件，它是⽤户通过控件来操作界⾯状态或设定状态。
两个平台都有控件库，当你想要设计某个功能的时候，你可以到控件库⾥看看，如果有我们需要的，可以直接使⽤，
时间选择器
⽐如我们要设计⼀个闹钟，我们可以看到在iOS端和安卓端都有⾃⼰的时间选择器的控件，那么我们在iOS端选择上下滑动的时间选择器，在安卓端运⽤可视化的时间选择器即可。这样我们不⽤去设计，开发⼈员也不⽤去写代码了。
还有⼀些控件，像表⽰进度读取的样式，有⽆限循环指⽰器，还有进度条指⽰器，那如果选择叫呢？
进度条相对于⽆限循环指⽰器的最⼤优势是：它可以明确告诉⽤户，整个任务需要多少时间以及当前所处在什么状态下。⼀般⽆限循环指⽰器⽤于⽐较短的等待，进度条适⽤于等待时间⽐较长的时候。
1.3.平台常⽤⼿势
⼿势应⽤在移动端有两个好处，⼀个是⽐较直觉化，⼀个是⽐较⾼效，随着未来⼿机屏幕直越来越⼤，我们可以点击的范围会越来越⼩，这时候⼿

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。