材料设计:过去和现在

2025-01-23 23:30:03 49
  • 收藏
  • 管理

    一切有机和无机的事物,一切物理的和形而上学的事物,所有人类和超人的事物,一切头脑、心灵和灵魂的真实表现,都是普遍存在的规律,即生命在其表达中是可识别的,形式永远遵循功能。这就是法律。“--路易斯·沙利文《设计,1896年》

    我还记得4年前,当我加入Android的潮流时,当时移动设备运行的是Jelly Bean操作系统。添加了Google Now等功能和各种用户界面改进,以获得更流畅、更灵敏的感觉。通知系统进行了改进,增加了动作按钮,并可进行扩展。作为一名用户,导航的简便性给我留下了深刻的印象。然后是Android 5.0的时代,随之而来的是材料设计。

    什么是材料设计?

    “专注于用户,其他一切都会随之而来。”

    谷歌“十件事”哲学的第一条原则是强调用户体验高于一切。材料设计是2014年开发的一种视觉语言,以迎合不断发展的设计目的。这种所谓的‘材料’是一种假想的物质,所有的UI元素都是由它构成的。它的行为必须遵循谷歌说明书中列出的一些指导方针。这帮助谷歌开发了一个单一的底层系统,允许跨平台和设备大小的统一体验。以下是一些指导原则:

    没有两块材料可以重叠

    所有材质元素都是不透明的

    任何材质元素都不能折叠或弯曲

    让我们来看看材质设计所基于的关键组件。

    材料设计原理

    “材料就是隐喻”--谷歌的设计灵感来自墨水和纸张等有形物品。例如,自由使用基于网格的布局和卡片代表了用来表达我们创造力的墨水和纸张

    “大胆、图解、有意”--融合印刷设计的基本元素,如排版、网格、空间、比例、色彩和图像的使用,旨在成为用户的视觉指南

    “运动提供意义”--谷歌无疑对其新操作系统的外观和布局进行了改进,但将有意义的动画融入到用户界面中,将Android操作系统推向了更新的高度

    --

    是什么让材料设计脱颖而出?

    材料设计从现实世界的力量中获得灵感。它显然包含了重力和摩擦力等概念。另一件需要牢记的事情是“触觉表面”。想象一下,你有几张纸堆叠在一起,以便为设计中的每一件事创建一个蓝图。这些纸张具有与实际纸张相同的特性;它们可以改变形状和形式-它们根据您的交互作用弯曲和/或拉伸。

    虚实同形与材料设计

    如你所知,设计中的拟态使用栩栩如生的元素来表现现实世界,或者简而言之,真实事物的复制品。它的灵感来自希腊风格的建筑。它试图在二维表面上创造三维效果。以苹果为例,与平板设计不同,之前版本的iOS采用了偏态设计,这是它的继任者。

    --

    --

    你可以很容易地区分这两者。偏形主义强调光线和阴影,让它看起来像是一个三维设计。伪同形最终被证明是有问题的。设计师们表示,它经常感觉是假的,因为它遵循了模仿的路线,从那以后,歪曲形态化就被边缘化了。这就是平面设计作为对偏形问题的回应而产生的,并在数字世界中占据主导地位。

    平面设计从1920年开始的瑞士风格设计中受到了影响。它将极简主义设计推向了一个全新的范式,因为它专注于清洁性、可读性和空间的高效利用。让我们来看看平面设计的几个亮点,以及它为什么被歪曲的设计所取代。

    只使用所需的,不必要的设计元素和动画被删除,以大幅减少加载时间

    色彩多样--平面设计是一个色彩鲜艳的朋友。作为一名设计师,你可以自由尝试各种颜色:大胆的或鲜艳的

    开放空间-实际利用空间,从而使您的设计保持最低限度。这消除了任何不必要的视觉元素

    材料设计是平面设计演变的副产品。这可能看起来像是一个在设计领域没有专业知识的人。这两者之间几乎没有什么关键的区别。让我们来看看材料设计是如何比平面设计更进一步的:

    Digital Telepathy的用户体验/用户界面设计师MK Cook说

    平面设计没有偏态,而材料设计则巧妙地运用了这些偏态。

    平面设计最适合简单的需求,而材料设计最适合更复杂的需求。

    总体来说,平面设计比材料设计更容易开发,加载速度更快。

    材料设计之所以如此特别,是因为它能够与汽车、电视、手机和平板电脑等各种设备兼容。为了应对这一艰巨的挑战,该平台提供了一系列工具和技术来处理各种设备。例如,材质设计基于与密度无关的像素(DIP)进行操作。让我们来看看这是如何帮助克服各种与设计相关的障碍的。

    使用与密度无关的像素:

    与密度无关的像素等于基线密度下的一个像素或160 dpi(每英寸点数)

    它表示为:1px/1dp=160dpi/160dpi,其中‘dp’表示与密度无关的像素或‘dpi’

    使用密度无关的像素有助于处理两个不同的设备,它们具有相同的分辨率,但占用不同的物理空间。因此,只需记住这一点,您就能够在各种设备上调整您的设计布局。

    视频礼仪-Udacity

    材料设计的美丽之处在于,它超越了应用程序布局、按钮等。它也是我们如何与设备交互的一套指导原则。它强调运动动画,将用户的眼睛吸引到屏幕的正确部分。谷歌还为第三方开发人员发布了API,以便将设计语言融入他们的应用程序中。这些API让您可以:

    --

    使用触摸反馈动画响应触摸事件

    隐藏和显示带有圆形分隔缝动画的视图

    使用曲线运动创建更自然的动画

    使用视图状态更改动画制作一个或多个视图属性中的更改动画

    让我们更深入地了解Material Design如何彻底改变Android操作系统的外观和感觉。让我们来观察Google Play Store从版本3开始的演变,一直到它最新鲜的外观。

    Google Playstore v3(蜂巢)

    早在蜂巢推出时,谷歌就引入了一个新的所谓的“全息”用户界面主题。如你所见,Play Store主要是黑色的,每个应用程序类别都有滚动功能。搜索按钮位于右上角,缺少从左侧打开的滑动菜单栏。

    --

    Google Playstore v4(果冻)

    您可以注意到Play Store界面的大量更改。配色方案转向了白色,仍然使用郁郁葱葱的绿色作为次要颜色。每样东西都更干净、更干脆、更光鲜。谷歌专注于所有地方的更大图片,类似于Google Now的卡片样式布局,当然还有推荐。应用程序类别滚动条被停用,按钮的使用开始到位,如下图所示。

    图片提供-android社区.com

    --

    谷歌Playstore v5(棒棒糖)

    这标志着材料设计的开始。侧边菜单(你可以通过触摸左上角图标来绘制)成为构建应用程序的关键方面。它使用了一个持久的搜索栏,速度要快得多,并带有Google Now可访问性。分类按钮是全彩色的,而图标则变成了平白的。自从材质设计开始使用微妙的偏态元素,比如阴影(在下面的卡片中)之后,V4就变得平坦多了。

    --

    Google Playstore V6(棉花糖)

    Playstore推出了更简约、更清晰的棉花糖版本。版本6开始使用英雄横幅来突出显示具有滚动功能的新应用程序,应用程序类别图标现在使用圆形按钮。它主要专注于让用户更容易处理他们可能想要参与的任何Android应用程序测试版测试。

    图片提供-xdaDevelopment ers.com

    Google Playstore v7(Nougat)

    随着Android Nougat的推出,材料设计已经走过了很长一段路,现在有了更智能、更时尚的外观。在版本7中,除了改进的菜单和更智能的推荐部分外,没有太大的不同。谷歌肯定会在运行中添加更多的调整和增强功能。

    我想得出的结论是,在当今以触摸为导向的社会中,过渡动画是首要关注的焦点。谷歌的材料设计无疑让用户体验变得更加丰富,并将继续这样做。材料设计是一种建议使用的语言,因为它必须遵循的指导方针使开发变得更容易。基本上,您不必从头开始,最终用户理解用户界面也不需要花费太多时间。

    材料对您的业务有何帮助?

    资本--设计您自己的用户界面指南是有成本的

    一致性-坚持材料设计意味着您可以融入其他应用程序的外观

    时间-对于较大的项目,如果你不使用指导方针,你肯定会遇到问题和冲突

    如何成功融入材料设计?

    不要忽略材料网格和主键线,因为它是基于印刷的设计

    因为材质设计的基础是纸和油墨,所以只在重要的地方使用阴影。过度使用会引起很大的噪音

    有很多很好的教程和资源共享网站可以帮助你入门

    您还可以参考以下教程链接来帮助您开始学习材质设计。你日常使用的最喜欢的Playstore应用是什么?我们很乐意在下面的评论区听到这一消息!

    --

    上一页:消息应用程序如何帮助您提升博客流量 下一页:最适合网络专业人士的5个网络开发框架
    全部评论(0)