Material design

从今天开始，将介绍iOS和Android设计规范中关于导航的部分。今天要介绍的两个控件，经常容易混淆以至于用错。请各位读者仔细阅读，防止以后用错。

说到产品设计规范，大家一定不会陌生。一套好的产品设计规范，将产品设计模块化、通用化、标准化，不仅能够为产品建立起统一的交互规则与品牌视觉，让用户拥有更好的产品体验、对产品风格有更深的认知，更重要的是，它能够减少产品设计人员的设计工作量，提升产品设计的效率。

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

在很多人眼里，Google的产品一直与优雅设计无关。但现在，搜索巨人比其他互联网巨头都懂得如何打造一款设计优雅的软件（互联网）产品，如果你不相信这个判断，不妨放下你对苹果产品的钟爱，做个深呼吸，好，现在我们来对比一下Google与苹果在移动操作系统的设计：Android vs iOS。

自从去年google在android新版本Lollipop提出的material design概念后，在世界各地疯狂地掀起一阵material design热。Material design不仅看起来令人惊叹，也是一个前所未有的设计理念。不仅对设计师的影响深大，对开发人员亦是。

Material Design（以下简称MD）是Google在Android 5.0发布后主推的ue设计规范，旨在解决Android平台设计风格不统一的问题，其核心理念“材质化”是基于拟物与扁平之间的设计，强调真实世界元素的物理规律与空间关系，既避免了拟物设计的低效问题，又解决了太“扁平”带来的交互层级困惑，个人很认同这种设计理念。本次我们在进行一款孵化型产品－明星App的设计时，也采用了这种设计理念，与大家分享一下实战经验（由于是设计讨论，本次关于这款产品的来龙去脉就先不细表咯）。

控件作为组织界面最基础的元素，相信大家都不会陌生，今天想谈谈这个不起眼的话题。文章从现实的控件过渡到软件界面，再用三大输入法的控件作为实际案例解说，全文干货满满，来收！扩大词汇量有助于提高你在某种语言上的表达能力，扩大「设计词汇量」可以帮助你更好地进行设计。但要记住，界面设计真正的艺术在于：解决正确的问题。

说起 Style Guide （即设计规范），大部分人的第一反应就是 Material Design 和 iOS Human Interface Guidelines，我自己就是靠读这两份文档逐渐入门设计领域，国内外的设计师、开发者们自然也是对它们了然于胸。来大公司实习之后，接到的第一个任 务就是维护、优化团队的设计规范网站，同时最近也经常和饿了么、随手记等互联网公司的设计师或产品经理探讨如何沉淀团队的设计。

[核心提示] Google 为什么要换 logo，这个新 logo 是以什么样的理念和思路设计出来的？来听听 Google 设计团队自己的解释吧~

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

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

用了两个星期时间断断续续读完iOS的guidelines英文原版，原文是写得有点啰嗦，所以精选了以下觉得比较重要的点，并加以自己的解释；当然如果你有时间，还是推荐阅读英文原文。首先是因为翻译的版本基本是不全的、旧的，就像ISUX的翻译的对比原文就会发现中间省略了好多。本文的作用并不像多数的翻译那样，让你粗略地了解里面的内容，而是精选出一些点使你体会到苹果的设计思想。 我读guidelines的目的不仅仅是要看他们是怎样规定的，而是要看他们为什么这样规定，在了解了制定规则背后的原因之后不仅便于记忆规则本身，还能了解苹果的设计思路，当吸收了设计思路之后，就不再是墨守成规，而是更自信和灵活地运用规则，甚至创造属于自己的规则。就像tweetie发明下拉刷新手势之后苹果反而把这种手势加进了自己的guidelines。 读英文原版还有一个显然易见的好处就是熟悉专业英语表达，guildlines的措辞显得优美而精确，值得去读读。

首先要说这里写的“微信公众号”不是指微信的公众号服务，而是指企业申请公众号以后企业在公众号里提供服务。

如下为规范汇总页，里面囊括了许多大家熟知品牌的规范。1.Brand Style Guide Examples

之前的一系列文章，为大家介绍了iOS和Android规范中，各种弹出物的用法，罗列如下：

今天推荐的这7个神器，有经典款也有新人版，不过大致贯穿了UI设计的整个工作流程，从排版、配色、切图到标注、预览，都有对应的良心神器推荐 ，非常适合刚入门的UI设计师，当然，有两款谷歌刚出的神器，也值得老手们来瞧一瞧。

虽然如今好的配色方案已经唾手可得，但为数据可视化找到合适的配色方案，却仍是一项巨大挑战。

Pc端使用平台：手机端使用平台：红米2增强版 自带浏览器 MIUI6.6.2.0（KHJCNCF）|稳定版

不论移动端网页和APP之间有着怎样的争论，移动端APP的快速发展都是不争的事实，各种客户端的开发和接入已经成为常态。用户对于自己喜欢的品牌和服务，总期待官方能推出客户端，也正是在这种期待和需求之下，催生出越来越多的APP。