材料设计:当今的网页设计

材料设计

自Google开发并在Google I / O会议上宣布将近两年以来, 材料设计 作为将要实施的设计规则,尽管起初它侧重于Android操作系统中内容的再现,但它旨在成为Web和任何平台上的趋势,今天我们可以证实这一点。 尽管有时我们会提到它,但事实是我们从未停止深入了解此编码,因此今天我们将回顾其原理及其最典型的功能。

材料设计的主要特征是什么? 它与平面设计运动有什么关系?

对于网页设计的这种趋势怎么说?

它的名称来自其最实际的意义,物质或材料需要以尽可能有效的方式进行组织和构造,您将专注于此。 该运动首先寻求灵活性,人体工程学以及折叠和简化网站构建的能力。 但是,不仅空间尺寸将占据重要位置,时间也将占据重要位置,因为现在元素将在特定时间占据特定位置,也就是说,动态性也将是关键因素。 此外,这些因素将不可避免地受到智力和逻辑的指导,最终导致对现实主义的追求和对物理物质的空间表示,事实上,它考虑了物理定律以及元素(图像,按钮,面板...)不能互相交叉,因为它们的重量和视觉密度更大,而它们要做的是彼此重叠。

顺序,清晰度,可读性

所有这些原则当然都来自图形组件的管理和分发方式,包括排版,而排版首先是一个清晰易读的解决方案,文本结构将是常规的,流畅的,可视层次结构,其原因是使用了更多内容。或更弱的色调会产生对比度,而对比度也会因尺寸和顺序而有所差异。

照明与现实

逻辑首先体现在照明效果的使用以及灯光和阴影的管理上。 照明是接近程度,相关性和情况的重要指示器,这就是为什么它将成为影响我们所讨论的层次结构的基本工具的原因。 现在,按钮,图像和所有元素将具有阴影,这些阴影将指示接近程度,并有助于我们将自己定位在网络舞台上。

运动是吸引注意力并引导观众的最有效工具

在用户的眼中,它的语言将是显而易见的,图形化的并且具有启发性。 当选择一个选项或工具,它会接近我们,扩大它的尺寸成反比,当我们停止使用。 此外,如果绝对需要引起我们的注意,则该项目将更改颜色或闪烁。

节奏,顺序,语言

让我们不要忘记,我们内心深处是以一种话语方式讲话。 我们遍历了Web设计提供给我们的资源,因此所有具有技术表现力的参数都具有含义:从外观顺序(例如,首先显示图像,然后是浮动按钮),到显示速度,方向是什么他们做到了,他们走向了什么目的。 所有这些都是很重要的,因为不仅可以指示用户信息的来源,而且可以简化旅程,并且可以对元素进行排列以便使阅读过程直观,轻松和愉快。 毫无疑问,动画和动力是基本支柱。

无限编码

我们正在审查的所有这些原则或标准都是为在任何媒体和平台上实施而设计和开发的,无论其性质和显示的屏幕尺寸如何。 通过手机,平板电脑或计算机。 所有可能的支持和目的地都支持这种视觉语言,实际上,其横向性和兼容性是其基本要素之一。

平面设计与材料设计不同

尽管它们有很多共同点,例如对最响亮的极简主义的承诺,但两个代码之间也存在巨大差异。 但是,它们并不是不兼容的,可以完美地组合以获得最佳的效果,但是我们将在以后的文章中讨论。


发表您的评论

您的电子邮件地址将不会被发表。 必填字段标有 *

*

*

  1. 负责数据:MiguelÁngelGatón
  2. 数据用途:控制垃圾邮件,注释管理。
  3. 合法性:您的同意
  4. 数据通讯:除非有法律义务,否则不会将数据传达给第三方。
  5. 数据存储:Occentus Networks(EU)托管的数据库
  6. 权利:您可以随时限制,恢复和删除您的信息。

  1.   耶尔科·阿尔法罗(Yerko Alfaro)

    弗兰,我发现您的出版物非常有趣。 西班牙语没有太多有关此主题的信息。 因此,如果您有兴趣,可以在我的博客上找到Material Design规范的西班牙语翻译。 像您一样,我的兴趣是将信息传递给最多的人,以便他们可以利用它。

    问候

  2.   平面设计工作室

    很好的文章! 我对“材料设计”一无所知,但对“平面设计”一无所知。 我将尝试遵循一些技巧。

    问候
    David