|
Post by account_disabled on Jan 27, 2024 1:20:49 GMT -5
画视为渐进式增强,承认这种体验并不适合每个人的材料设计文化。那时,响应式动画——我们还没有考虑太多的概念——可能也会变得重要(不要与响应式设计中的动画混淆,这也可以令人愉快)。 不过,可以采用的是颜色、间距、字体和图标。事实上,您可以使用相当多的资源在需要时快速获得所需的内容。 材料设计字体 如果你研究一下材料设计排版指南,你会发现谷歌只积极推广一种主要字体:Roboto,这是对 Android 机器人的巧妙参考。在打造专门针对亚洲市场的用户体验时,您还可以使用Noto,其垂直指标与 Roboto 兼容。当然,这两种字体都可以在 Google Fonts 上找到,Roboto 的源代码可以在 GitHub 上找到,并且该字体已在 Apache License 20 下发布。 显然,。 Roboto 经过精心设计,以适应材料设计的目的,因此它具有高度通用性,并且完全支持西里尔文、拉丁文、希腊文和越南文(当然还有扩展字符集)。字体有多种粗细可供选择,从细细、普通、中等、粗体和黑色( 100–300–400–500–700–900) ;斜体变体也是如此。该系列 购买电话号码列表 可以与 Roboto Condensed 系列和 Roboto Slab 系列一起使用。 Roboto 字体的一些变体 Roboto 字体的 6 种非斜体变体。 材质设计颜色 当谈到颜色时,谷歌还提供了广泛的指南。颜色定义明确,我们为 Photoshop 和 Illustrator (ZIP) 准备了一个小调色板,您可以立即使用。您还可以使用非常方便的材质调色板生成器,它将帮助您创建自己的自定义配色方案。 红色和琥珀色之间的一系列颜色 类似于应用程序的自定义调色板预览。(图片来源) 虽。 然谷歌已经建议了一些有效的限制在设计 Android 应用程序时,尽管有一些限制,您仍然可以留出足够的空间来发挥创造力,发挥界面的美感。 红色和琥珀色之间的一系列颜色 红色和琥珀色之间的一系列颜色。 Android 中的典型颜色 Android 中的典型颜色模式。 材质设计图标 图像学很棘手,因为它可能含糊不清。但在材料设计中,用户体验的视觉方面至关重要,并且强烈鼓励广泛使用图标。事实上,谷歌已经开源了一套全面的材料设计图标集。您还可以在MaterialUp上单独下载所有图标,甚至将它们集成到您的 WordPress 主题中。 一组材质图标 来自MaterialUp的一组图标。 图像是一个重要因素,但往往它不能单独存在:为了产生更强的视觉冲击力,它需要配套的摄影或插图。此外,谷歌还鼓励使用。
|
|