|
Post by account_disabled on Jan 27, 2024 1:25:23 GMT -5
体验——使用预测性的、具体的和相关的图像,并可能使用交互式叠加层在不需要时隐藏它们。 展示如何合并照片和信息的示例 展示如何合并照片和信息的示例。(图片来源) 材料设计的物理方面 与平面设计不同,材质设计广泛使用所谓的纸影。这个阴影应该像一张纸躺在明亮的表面上。它模拟数字对象的 3D 存在。材料设计源自材料世界。最著名的例子可能是 Gmail 图标,它使用灯光效果让您想起传统的信封。 Gmail 图标是如何从传统信封衍生而来的 Gmail 图标是如何从传统信封衍生而来的。(图片来源) 除了谷歌的官方图标集之外,设计师还进一步采用了这种方法,制作自己的图标并根据自己的需求调整视觉语言。这可能并不完全符合材料设计背后的最初想法,但这并不。 意味着它不能很好地工作。例如,来自迪拜的Muhammad Yasir发布了免费的PSD素材图标集。还有更多 免费图标。_ 为材料设计师设计的方便图标集 为材料设计师提供的方便的图标集。(图片来源) 卡 在材料设计中,内容总是以卡片的形式呈现,卡片使用层次结构、背景 购买电话号码列表 图像和内容来“提供上下文和更强大的信息和视图的入口点”。事实上,卡片效果很好,因为它们应该在紧凑的概述中放置适量的信息,并通过视觉元素进行增强和支持。卡片有多种变体,具体取决于您要填写的内容,但通常您会显示操作或在内容块中提供信息。 卡片是新的风格瓷砖 卡片是新型瓷砖。 在 Material Design 中,Google 还提倡启动屏幕,这听起来可能像是来自酸甜可口的 Flash 时代的一个不错的启动屏幕。但是,上下文可能需。 要它们:例如,在中间时间,当您的应用程序需要一些时间来获取数据或提供反馈时。它对于入职也可能有用。 材料设计中的动画 通过动画实现材质设计的流畅体验。有许多有趣的材料设计动画,通常它们非常微妙,但是当组合在一起时,它们建立了一种连续性和愉悦感。 Polymer 入门套件,用于为网络创建类似应用程序的动画 Jovie Brett 在 Dribbble 上绘制的材质设计插图。乔维在 Dribbble 上。 您可以在下面找到一些示例和免费提供的示例: 材料设计:动画示例 主题演讲材料设计动画模板 Material Design 动画合集,带有 HTML/CSS/JavaScript,位于 CodePen 上 Material Design:免费 After Effects 项目文件 聚合物入门套件 高分子材料设计元素 聚合物材料设计游乐场演示 按钮演示页面 波。
|
|