小编推荐：MaterialUI出来也有段时间了，但是大家对他的理解好像还都不是很统一，本文写得感悟虽然不是全面地总结但能对MaterialUI有个特征性的认识，也是极好的。 如果你读过Google的Material设计文档，你就会发现其对细节和深度的注重。在文档中你能学到很多东西。其中最为重要的一项，就是其证明了编写复杂视觉风格指南是完全可能的。尽管可能困难重重，但还是可能的。特别是对于Google复杂多样的产品组合来说。 如果你想学习视觉设计，就应该认真研究一下Material设计是如何处理不同元素或要素的。Google的文档详细介绍了18种不同的设计元素，从按钮到菜单再到标签等等等等。那么，通过分析这些设计元素能给我们带来哪些收获呢？ 接受变体 文档中仅按钮就有很多不同的规则。《素材设计》中介绍了三种不同的按钮类型：浮动、突起和扁平。在《素材设计》所介绍的各种不同界面中要只使用单一的一种按钮类型是非常困难的。 同时，要保证各种不同界面之间的一致性也不容易。然而，为了保证最佳设计效果，Material设计采用了三种不同的按钮类型。其所采用的方法就是将设计改造成有时看似不太好的模式。 为主要按钮选择按钮类型要取决于按钮的重要地位、屏幕上的框架数量以及屏幕整体布局情况。按钮的使用 按钮方面的部分指南比较具体，还有一部分比较模糊。总而言之，指南思考的非常透彻。指南中就如何使用以及何时不使用按钮有非常详尽的说明，以方便设计师开展工作。而这正是这份指南的美妙之处，其将设计的决定权交给了设计师。 注意容易被遗忘的要素 你在设计界面时是否会经常考虑弹窗或提醒模块？Material设计文档中有专门介绍对话框的一节。通常来说设计师不会从对话框入手进行设计。但在使用对话框时，它们同样属于设计的一个组成部分，需要相应的处理。 指南中有关对话框的部分非常详尽。其介绍了需要在其中使用的按钮类型以及相应原因。另外，指南还对对话框的架构进行了解释，其内容详实并且透彻。 如果每个标签上的文字不超出最大按钮宽度（例如常用的确定取消按钮），那么推荐使用并排按钮。对话框 如果文字标签超出了最大按钮宽度，则可以使用层叠按钮容纳文字。对话框 指南中对对话框中应包含哪些类型的内容和操作进行了详细说明。这部分的介绍非常有趣，同时这也是经常被忽视的一个部分。其介绍道：为了创造出有力的样式指南和设计语言，所有设计要素没有大小之分，都非常重要。 一切为了可供性 文档用很大篇幅强调了可供性。从新创建并统一设计语言的唯一目的，就是为了实现跨浏览器设备的可供性。一份高质量的样式指南应当将可供性融入设计语言，以求创造出高质量的设计指南。 标签的可供性就是显示相关的内容组。标签的说明应当简洁的介绍标签相关的内容祖。标签 Material设计文档中介绍标签所使用的方式非常精彩。其并不是把标签视为导航工具的一种形式，而是作为另一种浏览内容的方式。标签栏等特定元素也存在着局限这种观点非常新颖。显然，编写Material设计文档的设计师不仅考虑到了样式，还考虑到了元素的功能性，以免其被误用。 如果不同元素的功能得到了清楚明确的界定，那么这些元素的使用方式必然也就会被局限。反过来说，这样将有助于提高可供性。如果某个元素能够以不同的方式反复使用，就会给用户造成误解。 标签可以方便探索和切换应用中不同的视图或功能区域，或用于浏览不同种类的数据集。标签 打造你自己的元素 浮窗能够在移动平台屏幕底部以及台式机左下角以弹窗的形式提供有关操作的少量反馈信息。在屏幕上，他们会覆盖所有元素，包括浮动的操作按钮。浮窗和提示栏 提示栏和浮窗类似，但其中不包含操作内容，因此无法滑出屏幕。浮窗和提示栏 Material设计文档中有一个很有趣的部分叫做浮窗和提示栏。这个设计名词可能不太常听见；浮窗和提示栏是我们已经知道的设计元素。如果你读了下面的注解再看一下下方的图片，就能够理解浮窗和提示栏其实就是简单的弹窗通知。 但文档里面的介绍却非常细致。Materila设计文档对弹窗进行了分类。这是其设计语言的需要。浮窗和提示栏类似于对话框但实际却不同；因此他们是两个分离的概念。Materila设计文档将它们区分开的原因是其需要它们执行不同的功能。创建新元素是没问题的。和Materila设计文档中其他部分一样，浮窗和提示栏也有专门的指南使用、案例、度量和颜色。 通常，我们会忘记这些元素不能以多种或新方式使用。有时候，区分弹窗的两种不同功能这种简单的问题也能讲出很深的道理，着实有趣。另外，不要忘了你可以加入可能被视为过时的元素，或者你自以为存在实则不然的元素，并以这种方式来革新你的设计。对小玩意的革新能够给未来的设计带来巨大的改变。 你和Material 亲自读一下Material设计文档，给我们讲讲你的心得体会吧。这套简单明了的文档能够给你带来设计方面的大量信息。 来源：ui中国 翻译：蒋灿 原文地址：designmodo
哈密瓜如何挑选买哈密瓜有什么技巧？哈密瓜挑选有什么绝窍？哈密瓜有哪些挑选方法？以下三农网就作简单介绍，供网友们参考。一、观察皮色一般绿皮和麻皮的哈密瓜成熟时头部顶端会变成白色；黄……最好的课程当属来源：华尔街日报时间：20081028EMBA课程从不吝于许下重诺：把崭露头角的经理人打造成羽翼丰满的商界领袖，传授战略性思维、激励团队和拓展业务的才能。那么哪些学……孩子撒谎怎么办可能有许多家长都曾经为〔b〕孩子撒谎〔b〕而苦恼过，在上期育儿热线中，我们已经谈了孩子撒谎的几种主要原因，下面我们来谈谈父母应该怎样做，才能更好地避免孩子撒谎，以及孩子撒谎时，……海豚不会攻击人类吗为什么不攻击人类特定的食物：海豚生活在水中。水中的一些鱼类以及虾类等是它们特定的食物，它们已经习惯了吃这种食物，人类的味道跟这些食物不同，因此它们不会将人类当成猎物而伤害人类。智商高：海豚非常……苹果手机用快充伤电池吗苹果手机用20w快充对电池的伤害其实并不大，可以说是微乎其微，所以，大家也不用太担心使用20w充电头对手机有影响，现在都比较普遍了，而且苹果电池本身就很费电，一般用手机长了电池……水母应该怎样科学养殖操作方法01：hr水质：水母对亚硝酸盐很敏感，且不喜欢常常换水，因此建全的水质在饲养水母的过程中是非常重要，我们可以少量多次的方式在水母水族葙中逐量地加入硝化细菌，协助水……植物嫁接方法一劈接嫁接的方法有很多，接下来我们就来讲一下植物嫁接方法一（劈接）操作方法01：hr首先我们想要劈接的话要准备以下材料：保鲜膜、小刀、、剪子、嫁接枝、柳树枝。02：……白天时选择什么求救信号比较合适白天的时候选择SOS求救信号比较合适，也可以选择用烟来吸引别人的注意力，用镜子或者会反光的物体，来反射太阳光也可以。有不少人喜欢到荒野徒步旅行穿越，可是由于环境太过陌生或……说说你看过最烂的一部电影下面就让小编来为大家讲解一下说说你看过最烂的一部电影？希望能帮助到大家。五秒之内，说出你看过的最烂的一部电影的名字，你的答案是？操作方法01：hr第一部：《逐梦演艺……在截图的四种方法windows10的功能改革了不少，今天小编就来说说windows10截图的四种方法。操作方法01：hr可以选择同时按下WinShiftS键来截取任意屏幕区域，但是……手机怎么关闭与开启看点号的推送虽然现在aclasstaghrefwiki10458IQMwDHW44。html手机aQQ的功能越来越丰富，但是各种服务号的通知推送也特别令人讨厌，特别是手机QQ动态页面的各种……小米手机如何用线控式自拍杆亲测可行操作方法01：hr找到手机的设置进入手机设置页面。02：hr让下拉可以看到更多设置这个选项，点击进入。03：hr点击该页面当中的耳机与音效选项，如图所示。……