@刘津legene ：设计师和理发师其实有点像，理发师基本分为三种：一种是只会搞基础发型的，比如寸头、中规中矩的长发、老太太卷头等；一种是只会剪流行发型的（这种发型师还很容易摇身一变成为造型大师，告诉你你应该改变，应该剪目前最流行的某款发型，但实际上可能是他只擅长这款发型）；还有一种是最可遇不可求的，他根据你的脸型、性格等，用最简单的手法量身设计发型，让顾客的气质度立刻得到提升。

设计师和理发师其实有点像，理发师基本分为三种：一种是只会搞基础发型的，比如寸头、中规中矩的长发、老太太卷头等；一种是只会剪流行发型的（这种发型师还很容易 摇身一变成为造型大师，告诉你你应该改变，应该剪目前最流行的某款发型，但实际上可能是他只擅长这款发型）；还有一种是最可遇不可求的，他根据你的脸型、 性格等，用最简单的手法量身设计发型，让顾客的气质度立刻得到提升。

入行这么些年，我接触的设计师也不少，大体也分这几种：只会做基础设计的初级设计师（工）；技艺精湛，能搞定所有流行风格的高级设计师（匠）；能根据产品性格、特征量身打造设计风格的设计大师（师）。那么怎样才能成为第三种设计师呢？

当然，第三种设计师十分的稀少，即使有一般也都处在一个很高的位置上，不一定亲自做设计了。

首先，能够洞穿并还原产品本质

其次，能够通过分析研究寻找方向

第三，能够讲清楚设计思路，并得到大家认同

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供有效的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

来源：莫贝网

仔细阅读MD的规范，似乎写的很清楚，但是如果和Android4.0规范放在一起，还是会发现很多有出入的地方。不过规范的目的是为了培养并迎合用户使用习惯，减少用户认知负担。文字是死的，人是活的，灵活应用才是关键。

在以MD为基础的app设计中，经常会出现以下结构（如图1）

在Android 4.0和material design设计规范中都专门对选项卡进行了说明，但两者的说法不同。

在Android 4.0中，选项卡tabs属于操作栏的一部分，可以很轻松探索 app 中的不同功能,或浏览不同分类的数据集，就是说tabs选项卡是可以作为导航使用的，类似于iOS的标签栏，只是iOS放在屏幕底部，安卓是放在屏幕顶端（如上图2）。

但在material design中，tabs 的作用是将大量关联的数据或者选项划分成更易理解的分组，虽然很容易让人联想到导航，但其本身并不是用来导航的。每个tab的内容应该互相关联并且是在同 一个主题下（如下图）。图中出行方式可以通过tab划分成多种方式，但是搜索、指南、设置却完全属于不同的功能导航。

如此看来，两种规范似乎是相互冲突的，而且只要留心一下你会发现，现在市场上经常是这两种形式都有。googel官方比较推崇应用结构是：左侧导航抽屉+应用栏+tabs（Tab可选），但是同一种结构却有两种不同表现方式。

方式一：谷歌主推形式

侧边栏导航作为应用的主导航，头屏显示应用最重要的功能或内容，如果在较低层级中有多个平行相关视图，可以用Tab结构（当然也可以没有）。这种结 构的关键是主要功能或内容很突出，所以头屏最大化显示，而其他功能相对较弱，不需要频繁切换侧边栏导航（如下图）。谷歌发布的inbox邮箱，左侧导航栏作为主导航，默认显示收件箱页面，用户最常用也最重要的功能是查看收件箱，至于其他的发件箱、垃圾邮件等都可以放在导航抽屉内收起。googel图书顶部是应用栏+tabs结构，此处Tab强调的是在同一主题下的不同归类，而不是导航。

方式二：市场发展

或许是受4.0规范的影响，在左侧导航抽 屉+应用栏+tabs的应用结构中，Tab作为应用的主导航，而左侧抽屉作为辅导航，收纳一些用户不常使用的功能，像用户中心、设置、反馈等。这种结构适 合那些多个相同等级的功能视图需要频繁切换的app，且只需要手指左右滑动就能快速切换Tab视图，这将大大提高应用使用效率。如下图所示，虽然是概念设计（主要是国内安卓应用喜欢延续iOS风格，将Tab放在屏幕底部，米找到合适的例子，且MD没有被普遍应用），但很适合该场景下的示例。这款产品类似于微信，将主要功能导航放在顶部，实现快速切换，侧边抽屉导航放置收藏、状态、设置等次要功能。

以上两种方式并不冲突，关键是看你应用的功能内容。如果你的应用核心功能很突出，且不需要其他功能频繁切换，就选择第一种；如果你的应用有两个或者两个以上相同重要的功能模块，且需要频繁切换，比如微信的即时聊天和朋友圈，那就尝试第二种。

Android部分暂时就到这里，来看看iOS。如果展开来讲，体系太庞大，暂且用一张图表示，虽然都是很基础的内容。

另外，Android和IOS很明显的差异是层级返回和编辑选择。

1、层级返回

IOS平台没有实体返回按键，所以涉及层级间的导航，app界面本身一定要有返回按钮，而实体home键只负责应用退出。Android平台有物理 返回按键，且点击返回的是动作流。比如，在搜索界面，点击搜索框调出软键盘，再点返回按键，不是返回上一页，而是收回弹出的软键盘，它强调的是返回上一个 动作的界面，而非层级关系。在Android平台上的app，如果应用本身含有返回按钮，返回的是上一层级，设计的是层级间的导航。另外，在安卓app的首页点击返回按键，就是退出应用。可看如下关系图

2、编辑选择

对于编辑选择功能，IOS有明确的入口，通常在导航栏 上有编辑按钮，点击后进入编辑模式，通常可以多选，同时底部或顶部会增加工具栏，用来处理多选内容。当然也可以单选删除，通过点按向左滑动删除，或者是点 击按钮从底部呼出操作菜单，逐个删除。但Android是通过长安方式进入编辑模式，此时操作栏被一个临时情景操作栏覆盖（情景操作栏可以覆盖顶部操作栏 和底部操作栏），界面内容允许单个或多个操作（如下图）

以上部分其实都是一些平台规范总结，将区别大且重要部分整理出来，也是为了方便阅读查看，后期会持续更新一些其他交互内容。

作者：butter
来源：jianshu

@琛桑要做芝麻艺人 ：作为入行不久的交互设计师，我发现自己在交互设计的实践中无法顾及到方方面面，是存在思维盲区的。其中有欠缺经验的原因，也有自身知识局限的问题。进入开发阶段后，每次需要修改交互时，心里都会有些惭愧，感觉为小伙伴们带来了不必要的工作量。

蓝蓝注：国庆期间，我几乎每天都花时间看行业内各优秀人才的视觉和演讲实录，发现他们好可爱，大都坦率、真诚、乐于分享，把自己知道的好东西分享给更多的人。让这个行业不断的在进步，也同时收获着应得的名声和财富。

罗子雄不是特有名，这是我第一次看到他的演讲，但如行云流水，准备充分，却讲演自然无痕，生动有趣，颜值爆表。做为一个设计师，从98年到2015年，17年的时间，从菜鸟到大牛，分享的干货，值得学习。

在路上，我们都在路上，不断着提高着自已审美，反省着不足，努力的向各行各业的精英学习着。

国庆期间，我没有让自己做一些日常的工作，那些上班再去做就好了。

假日，应超脱日常的思维，做一些前赡性、长远性、必要的思考和学习。

蓝蓝注：这篇文章写的非常具体，对于一个公司的初级和中级网站，比较实用，可参照。

一、感官体验：呈现给用户视听上的体验，强调舒适性

1. 设计风格：符合目标客户的审美习惯，并具有一定的引导性。

网站在设计之前，必须明确目标客户群体，并针对目标客户的审美喜好，进行分析，从而确定网站的总体设计风格。

2. 网站LOGO：确保logo的保护空间，确保品牌的清晰展示而又不占据过分空间。

3. 页面速度：正常情况下,尽量确保页面在5秒内打开。如果是大 型门户网站，必须考虑南北互通问题，进行必要的压力测试。

4. 页面布局：重点突出，主次分明，图文并茂。与企业的营销目标相结合，将目标客户最感兴趣的，最具有销售力的信息放置在最重要的位置。

5. 页面色彩：与品牌整体形象相统一，主色调+辅助色不超过三种颜色。以恰当的色彩明度和亮度，确保浏览者的浏览舒适度。

6. 动画效果：与主画面相协调，打开速度快，动画效果节奏适中，不干扰主画面浏览。

7. 页面导航：导航条清晰明了、突出，层级分明。

8. 页面大小：适合多数浏览器浏览(以15寸及17寸显示器为主)。

9. 图片展示：比例协调、不变形，图片清晰。图片排列既不过于密集，也不会过于疏远。

10. 图标使用：简洁、明了、易懂、准确，与页面整体风格统一。

11. 广告位：避免干扰视线，广告图片符合整体风格，避免喧宾夺主。

（蓝蓝写在前面，这篇文章我很欣赏，很有共鸣！做产品和做ui设计是一样的，要用心，要有主人翁心态，意识到这是为自己做的，百分百投入去做，受得了委屈，成得了事，不怕做的不好被客户批评。要从失败中汲取价值和可改进的地方。但如果把自己看得太小，只把自己看成一个打工仔，这样的层次和胸怀不可能成为一个真正能做好产品的产品经理及好的设计师。）

我觉得我是360最大的产品经理，当然，我认为这不是因为我有多么成功，而是因为我曾经是最大的失败者，曾经在用户体验上犯了非常巨大的错误，甚至被别人骂得狗血喷头。很多人看到的是我投资和参与做的成功产品，但没有看到背后还有很多不成功的功能、不成功的产品，这些失败没有被大家所关注和记得。但正是这些经验教训，才帮助我做出更好的产品。我觉得要成为优秀的产品经理，还得有“四心”。

用心：对自己对产品负责任

大家可能会觉得我讲了一个特虚的“用心”，不是。大家会觉得我在产品上有一些心得，实话说每次做一个新产品，我也不是拿出几个锦囊，也不能三分钟就有灵感，我也花很多时间看同行的产品，去论坛看用户评论，然后也花很长时间用产品，每个产品都是要呕心沥血。有时候感觉做产品像是妈妈十月怀胎生孩子，就算你成功养育了三个孩子，第四个孩子不用十个月，三个月就生出来，可能吗?还是要经历十个月的痛苦孕育过程。我觉得用心，对自己负责任，对自己做的产品负责任，是一个产品经理的基本前提。

事实上，很多产品经理应该自省，你们做产品真是为自己在做，还只是在执行老板的旨意或上级的命令，是真的在用心吗?

很多人认为自己只是公司的一颗螺丝钉，甚至还不是。但如果把自己看得太小，只把自己看成一个打工仔，这样的层次和胸怀不可能成为一个真正能做好产品的产品经理。所以我希望产品经理们在公司上班的时候，也不用管公司是不是你自己的，拿出一点创业精神。很多人会说我又不是创业者，我干吗要创业精神。那换个方式思考，难道非要自己办公司才能把一个产品做好吗?在别人的平台上花着老板的钱，花着公司资源，做不成是公司交学费，这多好。如果在公司能把自己充分调动起来，把一个产品做到，让产品在市场获得成功，将可以给自己积累声望、人脉关系，当然也可能是积累经验教训，但即便是教训也能够为你下一次成功做铺垫。

即便自己出去做一个公司，你真觉得你做产品的能力就有所提升、完全不一样吗?未必。我常跟产品经理讲，你心里要有一个大我，要对产品负责任，要把产品看成你自己的产品，我认为每个人都是有潜力的。很多产品经理也在努力做产品，但仍能挑出很多问题，事实上他也尽到了工作职责，仅仅靠尽到工作职责，很难成为优秀产品经理，还得真的用心。

黑白灰的经典配色是永恒不变的教父级色彩，也是含蓄内秀的典范。今天@飞屋睿UIdesign挑选了13个优雅的黑白灰配色网站，同学们也可以拿来作为网页设计时色系风格的参考 >>>

@飞屋睿UIdesign ：在经典配色中，可能每个人都不会否认黑白灰的永恒魅力。虽然人们总是想“outstanding”，眼球抢夺，注意吸引……但想要把用户永远留住，除了第一印象，更多需要日后方方面面的细节。况且在我们的身边已经太多色彩大爆炸了，我们颜色识别系统也许到了某一峰值，总也想要有停下运转的时刻。这时，黑白灰的配色就从一大堆颜色中尤为突出，甚至能让人心恢复平静，这也是这两年开始盛行极简风格的原因。

编者按：福尔摩斯说猜是不好的习惯，视觉设计的同学们平时习惯了让感性带动设计，可能还没看过今天这类设计文。这篇由@百度MUX 集结整个团队，历时3个季度总结的2015年趋势预测，行文科学严谨，有理有序，对加深对界面设计的理解非常有帮助 >>>

【今年人气最高的资源+教程，同学你不看一眼么？】 >>> 《年度颁奖盛典！2014年的设计资源大盘点》

视觉设计是一门随着时代发展与社会变迁，随着人类认知提升与生活环境变化，而不断进化的专业学科，无论是从小众喜好走上大众审美，还是从零星的创意苗头转为流行趋势，它都代表了一个时期人们审美取向与内心述求。与此同时伴随着城市生活节奏加快、人们生活方式日新月异，如今的优秀设计不仅要具备产品使用的功能性，更要符合未来人群的生活方式和潜在审美需求。而作为设计师需要具备敏锐的洞察力与捕捉趋势的能力，充分消化和理解潮流设计元素，不断汲取其中的精华养分，历练实践转化与效果表达的掌控力，才能具备更加开阔的视野、独到的品味和充满灵性的设计感觉。

“苹果是否做用户研究？”

这个颇具争议的问题，黄峰给出自己与苹果用户体验布道师Mark Kawano沟通的结果。苹果撤掉了专门的用户研究团队，但其职能被设计师团队所消化与分担。真正专业的用户体验设计师，对于基础的用户研究已具备执行与分析的能力。大规模的定量研究由内部或外部其他专业团队来完成。

“在产品创新过程中，谁该主导产品的设计？PM or UX？”

黄峰认为PM和UX本为一家，需要紧密协作。PM是一个非固定岗位，也是一种qualification，即无论是研发、设计亦或项目管理，在满足条件的情况下都可以成为某个产品的产品经理。同时黄峰也直言，目前多数企业的多数PM实质上并非产品经理（Product Manager）,  更多的是项目经理（Project Manager）。真正的产品经理（Product Manager）是需要为产品的Vision, Strategy, Roadmap, 市场反馈监测与产品调整等负责，这才是真正的UX顶尖人才的终极目标。黄峰以电影行业为例子，生动阐述了UX在产品/服务创新领域的定位和价值与电影中的导演与其他专业的关系有几分相似。在他看来，理想中的产品经理更需要全面的UX能力，我们当下不必拘泥于某个历史留下的title, 关键还是看实际的工作内容和定位。