Android

Echo ：以iOS版手机淘宝历史搜索为例，本文作者希望通过展示的原型图来讨论易遗漏的交互场景，让读者得到收获，并总结出以后如何避免遗漏交互细节与定义。

iPhone X 作为一台全面屏的设备，和上一代的 iPhone 7 还是有着很大的区别，这些区别不仅体现在材质和工业设计上，在界面交互上也有一些差异。iPhone X 的显示屏所能显示的内容和 4.7 英寸的 iPhone 7 一样「宽」（同为 375pt），但在高度方面就比原先多出了 145 pt ，再加上 iPhone X 去掉了最为标志性的 Home 键，这两点直接导致的就是界面的布局和交互会发生相应的变化。

Echo  ：这篇文章是基于我自己的理解对界面交互动效设计 进行了分类整理和总结。

@龙爪槐守望者 ：鉴于国内交互设计 名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计 发展，做出一点微小的贡献。

IOS和Android是移动操作系统中最大的两个阵营。毫无疑问，这两个系统可以说是手机行业里的一个奇迹，并且也在逐渐变得完善。

先说Android平台，自从material design面世以来，市场上很多Android app在设计上参差不齐。可能由于设备及用户使用习惯等各种原因，大多数app都还在以Android 4.0的规范在做设计，当然也有很多app为了省事，直接从iOS上照搬过来。因此，真正以MD为设计基础的应用并不多。下面是一些整体的框架记录，更为详细的交互细节以后再说。

本篇文章属于很初级的内容，之所以写下来，一是为了整理一下自己的思路，二是为了方便初学者们快速了解 Android和IOS在交互上的很多区别。可能有些地方不是完全正确，望多交流。

当你拿到Android的设计需求后，开始着手进行界面的设计，却不知道如何设计才能让用户对界面感到满意，设计出来的界面差强人意，返稿无数以至于一遍遍的修改？如果这就是你现在的状况，那么先别急着重新进行界面的设计，因为你首先得静下心来看一看这篇Android的界面设计规范。

导语：交互设计带来的痛苦和问题，总有种让我们安卓开发者恨铁不成钢的感觉，虽然想吐槽，又无力吐槽。如果你懂得微信交互的设计，那就勇敢的，尽情的去吐槽吧！微信的交互，Android和IOS都是按照各自的交互去展示的，去设计的。比如：列表的删除操作，Android中的微信它就严格遵循了长按删除功能，而IOS就一贯的按照自己的风格，滑动删除；又比如底层四个tab按钮，安卓中可以滑动变换界面，而苹果的只能点击操作；再比如顶层的标题栏安卓中微信的标题栏是不变动的，而IOS的是跟着界面变化的；再比如安卓的微信中点击退出是中间弹框，而苹果的则是底部弹出；再比如选择相册等等很多细节，你要注意去体验，去感受，你就会发现，微信的设计是按照Android和IOS各自的交互规范来设计和实施的。如果这样去设计和做就会大大降低开发者的难度。说到这里聪明的你们，估计想到我下面要说什么了？一个苹果手机用户手机破了，买不起了，一想要是再买个苹果手机，就得卖肾了，于是乎买了一款Android的坚果手机，之后打开微信后，看到好友给他发了一个优衣库的视频的公众号文章，感觉非常不错，直接就把这条链接收藏了，偷偷欣赏完之后，回到家怕被爱玩手机的儿子发现，就想删除这条收藏，哎呦喂，怎么滑动都没有滑动出删除按钮来，最后果真让自己的儿子看到了，听到声音的老婆过来就扇了他丈夫一嘴巴子！

iOS 和 Android 的设计还有许许多多的不同之处，比如字体、Tab bar 设计、物理键操作方式、编辑模式、APP 体现个性的方式……在设计移动端产品的过程中，设计师们可以更多的去思考两者的异同，并且更多的关注一下 Android 系统独有特性的运用，不仅仅节省了开发成本，同时也更好的为 Android 用户所接受。1dp（Android）=1pt（iOS）
以48dp@160dpi计算的话
mdpi 48px (160dpi, 1x) 基础尺寸，已经非常少使用
hdpi 72px (240dpi, 1.5x)低分辨率
xhdpi 96px (320dpi, 2x) 同iOS @2x
xxdpi 144px (480dpi, 3x) 同iOS @3x
xxxdpi 192px (640dpi, 4x) 更大更高更强的分辨率

iOS和Android两个不同的平台，肯定是有很多区别的，下面就从交互的角度，谈谈区别。

今天介绍三个控件，前两个是Material Design（简称MD，下同）规范中的确认弹框（Confirmation Dialog）和全屏弹框（Full-screen Dialog），后一个是iOS规范中的模态视图（Modal View）。下面先说MD中的两个。

本文作者将来总结一下各个控件的特点，方便各位更好的理解这些控件。（更具体的说明请参考：iOS和Android规范解析——警告框（Alerts）对比）（更具体的说明请参考：iOS和Android规范解析——简易菜单、简易对话框和弹出框 ）（更具体的说明请参考： iOS和Android规范解析——简易菜单、简易对话框和弹出框 ）
（更具体的说明请参考： iOS和Android规范解析——底部浮层（上））
（更具体的说明请参考： iOS和Android规范解析——底部浮层（下））（更具体的说明请参考： iOS和Android规范解析——确认弹框、全屏弹框和模态视图）

本文简单介绍了5个Android和iOS设计不同的地方，可以说大部分PM都可能会忽视这些细节。不是大盘点，只是作为思考的引子。

今天我们来介绍上篇文章中的表格中余下的一个控件：工具栏（toolbars）。工具栏是iOS中的控件，Android当中相对应的是固态底板。老规矩，先说Android的控件（虽然这个控件之前已经介绍过了，耸肩）。

今天介绍的是按钮。按钮是设计的过程中，经常使用的一种控件。我们来看看Google的Material Design和苹果的设计规范都是怎么说的。

iPhone界面尺寸 设备 分辨率 PPI 状态栏高度 导航栏高度 标签栏高度 iPhone6 plus设计版 1242×2208 px 401PPI 60px 132px 147px iPhone6 plus放大版 1125×2001 px 401PPI 54px 132px 147px iPhone6 plus物理版 1080…

项目背景： 百度云面世之初是一款网盘类产品，以安全、稳定、易用、快速的体验著称，经历近两年时间的升级优化，百度云已不仅仅只是“网盘”了，在慢慢的朝着平台化的方向不断发展。 旧版的Android客户端随着每一次版…