绍兴公司网站建设:四个设计教训材料设计文档

2019.08.21 绍兴公司网站建设

110

材料设计 是一种新的视觉语言谷歌创建统一它的各种产品。 当谷歌宣布材料设计的概念,它还发布了一些文档让好奇的头脑浏览他们的视觉指南。

 材料设计文档 是一个美妙的资源设计应该如何处理。

 

谷歌文档的新设计师,希望从一个行业领导者如何创建一个视觉审美。 这也是一个巨大的资源为经验丰富的设计师,看看谷歌认为。 这个组织良好和考虑文档给谷歌的设计师的思想带来洞察力。 文档包含了大量经验教训; 我阅读它,想与你们分享一些很棒的外卖。

用运动来建立有意义的人际关系

绍兴公司网站建设材料设计很多重视运动,并在动画设计。 一个很大的原因是让用户清楚地看到他的行为如何影响一个接口。 谷歌使用的一个示例添加一个图片专辑。 如果你看一看下面的例子你会发现重叠界面消失。 这是有两个原因:清晰、喜悦。 首先,它为用户建立一个视觉层级上看到的一个接口。 虽然这在技术上是不正确的,因为接口不层; 它允许用户理解接口在一个更简单的方法。 这是清晰的。

比较,到下一个图像的过渡实际上是不存在的,重叠的界面就出现了。 震动——这是第二个原因淡入淡出是首选,它还没有建立任何视觉的理解。 新界面就似乎并没有给用户任何的理解他的行动和传入视觉变化之间的关系; 这是一个错过了快乐的机会。

“避免艰难的削减。 努力削减突兀,让用户工作太难理解过渡。” 视觉上的连续性

密切注意排版

材料设计指南有一个广泛的字体部分。 显而易见的结论是要注意排版,以提供最好的阅读体验。 这将有助于使整个体验更好。 很多设计将专注于用户界面细节像按钮,但实际上可能迎合排版吗? 它不是经常谈论的东西。 在排版部分你看到多少努力谷歌的设计师。

在线HTML电子邮件模板编辑器

 明信片 你可以在线创建和编辑电子邮件模板没有任何编程技能! 包括100多个组件来帮助您创建自定义邮件模板的比以往任何时候都要快。 现在试一试 免费!

了解更多其他产品

绍兴公司网站建设 

”是有道理的,文本是相同的颜色作为背景很难读。 不太明显的是文本与太多的对比,可以难以阅读。 特别是对黑暗的背景。 ” 标准样式 

行高和颜色被明确定义为用户带来最好的体验。 甚至Roboto也被重新定义,以改善其易读性跨各种平台。 此外,显示一段的方式很重要,因为有差距和孤儿让阅读体验更加困难。 关注并消除诸如挂短词或用连字符连接词很长一段路。

 

利用颜色

大多数人注意到的第一件事材料设计大胆而明亮的配色方案。 如果你看看颜色部分的文档,您将看到很多颜色。 这是一个伟大的的几个原因。 首先,大胆的颜色是一个了不起的方式来提供任何谷歌UI的个性。 没有错,创建一个与一个奇妙的配色方案设计; 这是一个很好的改变iOS7出来时,它庆祝光灰度的颜色。 此外,谷歌的方式设置指南颜色清晰,是一个很好的参考如何使用颜色。

让我们面对现实吧,颜色可以可怕特别是有很多颜色可供选择。 虽然谷歌提供了一个巨大的颜色范围,它有一些伟大的指导如何使用它们。 谷歌开始陈述显而易见的事实:限制你的颜色选择,在需要的时候使用不同深浅的灰色,明智地使用的颜色。

 

“大胆的使用颜色在UI强烈鼓励大油田。 不同元素在UI将颜色的不同部分的主题。 工具栏和较大的颜色块将主(颜色)。 这是应用程序的主要颜色。状态栏应该是深色[…]色彩原色。 ” UI颜色应用程序 

所有这一切都归结到可用性

的最后一个部分在材料设计文档似乎是非常重要的。 可用性和可访问性部分提到很多问题一个设计师需要思考当创建一个应用程序或接口。 本节提醒人们,不管你的设计需要访问。

”一个产品可以当所有人无论力量可以驾驭它,理解它,并用它来实现他们的目标。 一个真正成功的产品都可以访问尽可能广泛的听众。” 可访问性

文档要求你回答一些严肃的问题:你的产品是如何访问没有声音,颜色或屏幕上。 可以轻松残疾用户使用你的产品?

这部分文档的跳进细节为导航,可读性和指导和反馈给你清楚地知道你的产品需要解决什么样的问题。 如果你读完它你会发现指出的一些问题是很明显的事情例如确保最低触摸屏元素是48像素48像素,这样一个典型的人类手指可以与元素不太小了。 一些更具体的,比如确保链接有一个适当的和有意义的标题。

" 给你的链接的意义 。 每个链接的目的是清楚了吗? 通用的锚文本像“点击这里”不能解释一个链接的目的。 把链接的链接文本本身的目的。 更好的解决方案“点击这里”是一个具体的链接“设备设置。 “一些辅助技术模式让用户扫描链接,忽略其他内容,使导航更有效率。 ”

随着技术的广泛增加用户,如此重要的关注可用性。 很高兴看到一个整体部分专用材料设计文档的可用性和可访问性不断提醒我们,我们的产品——无论它们是什么——需要由各种各样的用户访问。

结论

绍兴公司网站建设鼓励你去深入观察 材料设计文档 这是免费在线。 这是一个惊人的资源向伟大的建议和外卖。 作为学习工具的新设计师以及学习更多关于界面设计感兴趣的人。 这也是一个温故知新的有经验的设计师想要先睹为快的设计思想一个行业的领导者。

 


最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP