本篇文章3018字,读完约8分钟

出于好奇,我第一次读完了两个半小时的主题演讲。互联网上的每个人都在猜测谷歌将如何命名这款产品,它将在未来统一所有的软件和硬件设计风格,就像苹果将如何使用ios 7的平面设计一样。

以前,安卓给我的印象是界面的图标不严谨甚至松散,交互界面杂乱无章,不像ios那样有条不紊,机器与人之间的交互存在一些难以整合的障碍……当安卓用户体验设计主管马蒂亚斯·杜阿尔特(matias duarte)站在旧金山Moscone会展中心的讲台上发布谷歌新一代设计语言——材料设计的演示视频时,安卓带来的所有负面设计印象都让我忘记了。材料的中文直译是“材料”,官方解释取自现实生活中的“纸墨”,即有形实体。

重新关注设计 Google以Material Design打造文艺范儿

谷歌一直以其高度发达的人工智能和在公众印象中接受成千上万海量数据的能力而闻名。然而,“设计”这种非理性的、更直观的、有点文学化的东西,显然与谷歌的理性工程思维相去甚远。当杜阿尔特宣布材料设计将成为谷歌设计的风格并在所有谷歌产品和设备中实施时,这意味着在人们的印象中,谷歌不仅仅是一家工程数据公司。

重新关注设计 Google以Material Design打造文艺范儿

从纸和墨水中学到了什么

在《材料设计指南》中,对于如何体现纸和墨的意义的官方解释来自于物理空,如界面的视觉光效、空的表面纹理和交互式动画动作。为了在交互界面中围绕这三个原则设计一种新的语言,我们必须重新思考整个底层架构,谷歌从传统的图形设计中吸取了教训。

众所周知,“飞机”这个词已经存在了数百年,它的实际生活随处可见,如:路边公交标志、机场大厅导游标志、品牌包装盒等...它的功能和认知度在日常生活中是不言而喻的,正是因为这种普遍性,各大企业现在都在从它那里寻求差异化的设计突破,比如接近这一概念的windows modern和ios 7。

回顾过去这三大阵营的设计理念,每一种风格都大相径庭:holo总是将几何图形的立体视觉效果叠加在原始图标上;现代完全引入了平面识别系统,将屏幕的每个像素贡献给内容;在ios 7之前,skeuomorphism模拟真实的事物来实现简单的人机界面交互。当微软对传统平板电脑概念的印象不足以引起业界的震惊,而app store的概念刚刚出现时,“用户体验”在2009年还是一个非常新的词,产品的文化和情感表达也不像今天这样猖獗。这将带来一个问题:从什么时候开始每个人都开始关注设计并使用除技术之外的“情感”因素来制造产品?

重新关注设计 Google以Material Design打造文艺范儿

2007年iphone发布后,应用商店的概念诞生了,手机也可以像个人电脑一样使用。这使得第三方开发者可以在应用商店等移动平台上自由交易书面软件,而不受windows和渠道运营商的限制。当软件数量翻倍时,用户将尝到甜头,平台的实力将满足用户和开发者的利益,其影响力将变得更强,优秀的软件将立即诞生,从而形成三者双赢的局面。

重新关注设计 Google以Material Design打造文艺范儿

截至今年,苹果已经向开发者支付了超过100亿美元的支票,这导致许多开发者将精力花在设计移动平台上的优秀软件上,然后为这些平台设计具有规模效应的应用程序,这可以支撑一个职业生涯。作为产品另一个不可或缺的重要角色,设计师可以发挥作用。当所有这些平台、用户和开发人员在良性循环中发展时,每个人的精力都可以集中在产品上。除了用工程逻辑思维编写每一个功能步骤之外,产品的美观、文化和可操作性需要用优秀的设计经验来完成。

重新关注设计 Google以Material Design打造文艺范儿

苹果在空之前取得成功之后,设计不仅要展现在皮肤表面之外,还要融入人类的主观感受,如文学、历史、音乐和艺术,这些都是众所周知的。这些非理性的情感因素使每个人都关注产品的人文精神。

在竞争的压力下,这也是微软在2010年引用windows phone的灵感设计从瑞士飞机到windows 8的现代手机的原因之一。后来,苹果也在乔尼·伊夫(jony ive)的领导下改变了自己的风格,因此今天谷歌将开始从传统的纸墨文化概念中寻找出路。

谷歌如何将“纸和墨水”的传统定义与产品联系起来?从材料设计指南中可以看出,下拉菜单和主界面通常由排列整齐的卡片连接,卡片所携带的信息贯穿始终。卡式设计历史悠久。我们可以在网络和移动客户端上随处看到它,但谷歌是唯一一个彻底贯彻这种风格的公司,因为与网页不同,卡片可以无限扩展,没有边界。它的特性与纸币和普通纸张有相同的实际边界数,并且可以像纸张一样自由折叠和收缩。

重新关注设计 Google以Material Design打造文艺范儿

卡片和纸具有相同的特性,可以相互连接。它们的简单易用是毋庸置疑的。因此,卡片和纸张之间的联系可以被看作是谷歌学习传统纸墨材料的一个典型例子。

平面、卡片、抽象

平面——在人类的潜意识中,所有看到的三维图像都被转换成一个平面,没有这个平面上外界强烈的光影反射,自然法则带来的一切透视都将不复存在。在这样一个由四个基本点组成的空房间里,人眼只能观察到一个角度,而这个空房间里的所有物体只有一张脸,所以当我们在this/きだだ时

谷歌通过平面识别系统中点、线和面之间的联系来塑造材料设计。与windows modern不同,google始终保持界面的交互流程顺序,左右对齐,上下比例对称,界面上悬挂圆形操作按钮,划分上下左右关系。谷歌的有序设计使用“线”来区分界面区域,“点”来控制功能流,“面”来滑动界面切换以显示材料。当这种整洁的布局让人一目了然时,它就形成了谷歌自己的风格卡。

重新关注设计 Google以Material Design打造文艺范儿

卡片形成对于材料设计的重要性是显而易见的。可以说,谷歌对统一设计的雄心是由于这种风格的逐渐形成,这不可避免地让人想起去年对谷歌地图的修改。左侧的状态栏与标题中的搜索栏一起在搜索框中重新设计,其位置位于页面的左上角。所有的地图功能信息都隐藏在这个搜索栏中,然后所有的信息都以卡片的交互方式呈现出来。谷歌地图的这次修订表明,谷歌已经为这种新的语言材料设计铺平了道路。

重新关注设计 Google以Material Design打造文艺范儿

如果用卡片来代表谷歌的设计,平面和抽象分别对应微软的现代和苹果的ios。谷歌的卡片既没有像微软那样完全去除屏幕上所有带边框的边界线,也没有像苹果那样在去除纹理、光影的基础上添加时尚、动态的渐变和抽象符号。谷歌希望建立一个统一的跨平台的亲和卡风格的材料设计之路。(本文来自“商业价值”,互联网上独家的第一个钛媒体)

重新关注设计 Google以Material Design打造文艺范儿

(关注更多钛媒作者的意见,参与钛媒微信互动(微信搜索“钛媒”或“泰美提”)

三链:吃昆虫、吃厕所和油炸??3.模纸锻造,模具模具模具模具模具模具模具模具模具模具模具??. 95镣铐和镣铐??0.07%锝58.....

当前流行度:0

[娇娇]http://itougu.jrj/view/189514.j.....

当前流行度:0

1.1 .涓涓细流??邦邦、邦邦、邦邦、交邦和廖廖??要坚强,要坚强。.....

当前流行度:0

你知道,你知道,你知道,你知道,你知道,你知道,你知道,你知道,你知道,你知道,你知道,你知道,你知道,你知道........

当前流行度:0

缇落入三条锁链??3镝??6铥??0(乌桕脂含有3条链吗??4镝??4铥??0)死,死,死,死又死,4.72??......

当前流行度:0

那墙,墙,墙和墙呢??钳子里有丰富的镰刀、叉子、叉子、nan和链条,这些都是銮棒的来源.....

当前流行度:1

你想挑起镝,破坏哮喘吗??缇,汤,汤,3汤和柊镶嵌??链条??4."敌鲁,缇,汤,汤,汤."??.....

当前流行度:0

咸丰、大树、细垴、十二寸、相互涓涓??环秀细链,涓涓细流,砸铙钹,甩铙钹,砸铙钹,砸铙钹,砸响,砸得咝咝作响??葛格·岳格·柊.....

当前流行度:0

来源:国土报中文版

标题:重新关注设计 Google以Material Design打造文艺范儿

地址:http://www.g3gw.com/new/15716.html