首页 > 教程 > 关键词 > 扁平化设计最新资讯 > 正文

扁平化设计与Material Design区别在哪里?

2015-04-29 13:44 · 稿源:960px

两种相似的设计风格,一个基于另一个。一个是新热事物,另一个,有人猜测,已经以自己的方式成为一种时尚。一个是自发的——适应设计的趋势,另一个却是有目标——专用的设计指导规范。

你可能明白了扁平化与Material Design之间的冲突了。

但是,他们之间不同是什么呢,本质上是一个比另一个更好?在某些用途上更好?实际上,一些人想知道它们之间的差别有多大,让我们从最基本的开始:拟物化设计的身影出现在每一个身上。

拟物化设计

拟物化设计, 在这个背景下,设计是为了模拟真实的物理世界。通常,这需要设计的在线应用的形式看起来像他们的真实世界的变体,比如像电子合成器软件,做的像键盘。这种界面的设计方式,在大部分的时间里占据了主导的地位。

问题是,这不是基于数字设备可用性设计的,或者所有的旋钮和按钮可以用鼠标或触屏操作,它看着只是模仿真实事物的外观。

实际上,设计圈得到的结论是,需要其他东西,这将去掉所有的复古的装饰元素,然后给他们留下的东西是,可用性放在第一位。所以他们从界面设计移除所有痕迹的拟物化设计,创建了扁平化设计

扁平化设计

扁平化设计,在许多方面,基于最基本的元素进行设计。它选择删除任何样式,那些令人捧腹的三维表现方式,像投影,渐变与纹理。它只关注与图标之间的联系,字体和颜色。

这是第一个在数字媒体设计上连贯的风格,一个利用互联网的独特的属性和用户的需求,快速发现的简单按钮,直接配色方案为了快速识别的元素,和简洁的图标。

外观在扁平化设计里面是次要的:重点是原始的功能。简单的图标隐喻甚至可以省略一些网站的内容, 引导用户进行操作,仅仅基于它的颜色和图片。此外,它加速加载时间和高或低分辨率屏幕上看起来显示一样好,提供更加可靠的用户体验。正因为如此,对设计者和用户来说它会让事情更容易。

赞成的意见

它拥抱了屏幕的限制基于这些去工作,而不是尝试去做别的事情。

流线型的设计,摆脱不必要的图形和动画元素,减少加载时间。

没有拟物化元素,你的读者能很快速度发现内容。

删除所有不必要的设计选择,使网站设计速度更多

扁平化设计的简化网站不断地适应浏览器,可以非常容易做出响应。

反对的观点

扁平化设计可能限制、约束你去使用简单的颜色,形状和图标。

如果走得太远,很容易不小心创建一个毫无特色的和看起来一般的网站

一些网站,或应用程序,需要复杂的视觉线索来指导用户来进行如何使用,这是扁平设计的一个主要的失败点。一个常见的抱怨是,静态的矢量图形,它缺乏阴影,边缘很难分辨是否可点击按钮

它的普遍性很难创建一个看起来很独特的网站或应用程序。

有一点需要注意,这是一个2010年代中期独特的审美,你的网站很快会过时,如何你不计划去重新设计你的网站,时间相对会很快。

Material Design

扁平化设计的评论家,认为这走的太远了,消除所有的拟物化比较激进,即使是有用的。进入,借用Material Design层的概念,使用阴影,将数不清的图像进行编辑和分离;斜面和动画,它利用自然交互关联深度与重要性。

Material Design,是由谷歌开发的一套设计标准,在这个文档中,它有无数独特而有趣的特性,但也许是最明显的是它提出了平面像素的Z轴概念。事实上,它在扁平化设计上面增加了一些拟物化,创造 了一种一群二维平面飞机浮动在对方指定的海拔印象。

想象一张纸,能够随意随意扩展收缩,重塑自身,融合和分离。现在把它们一个个叠放起来(他们也可以漂浮空中),然后在每张上面画一个网站要素。简而言之,这就是Material Design的概念。

然而Material Design并不是完美的设计文档的特征。它也并非一成不变的铁杆定律。试着更多的把它想成问我未来设计的物理框架和模板。它的设计具有普遍适应性,就像安卓穿戴手表一样,能响应屏幕的各种尺寸,甚至是不同形状。Material Design的应用在其他app开发商中也在推广。

Material Design是安卓应用设计的标准,因为它被应用到提及的穿戴设备上。它是否应该用到IOS上是引起不断争论的源头。有人争论说保持谷歌外形很有必要。其他人则认为它和剩下的操作系统相互冲突。孰对孰错,全看你自己的决定。

赞成的意见

三维安排让程序更易于互动:比如阴影被安排用来显示分层。

和扁平化设计不同,Material Design都有详尽明确的一套参考,没有什么需要你去猜测。

如果你想开发一个多平台的东西,比如一个网站和一个安卓应用,Material Design对所有设备都提供统一的体验。这样的话就会增加用户使用方便性,进而巧妙地促进你的品牌化。

如果你对动画感兴趣,Material Design是个不错的方法因为它自带了许多这一类型的动画。没有它们你就只能动手画了。

反对的观点

不管喜欢与否,Material Design不可避免的和谷歌关联。如果你想使自己远离这点,为你的网站或应用创造一个独特的特性,使用谷歌指引来实现要困难的多。

不是所有的系统都能实现预期帧频。而且你很难知道该怎么做才能提高那些不可实现者的可用性。

动画会耗尽手机用户的电池。

强制开发者们遵守设计指南可能会进一步扼杀个体创造力,阻碍更多动画和装饰特点的发展。

总结

Material Design和扁平化设计真的没有那么大的天壤之别:两个都用同样干净和最低的美感。当扁平化界面被分割,你基本能从中想到质感界面。尽管Material Design动画广泛收到表扬,但是总结起来也不过是更加用户友好化。事实上,没有人说你不能把二者的美感相结合,用Material Design激活一成不变的扁平化网站。

在我看来,扁平化网站很实用。比起满是动画和复杂图片的网站,它们的下载速度更快。如果你要设计一个极为简单的网站,针对使用不同设备,技术经验水平不等的各种用户,或者只是重视用户体验多于形式,扁平化设计正适合你。如果你对在网站上放各种动画或动态图片无感,主要对原始的简单化和可用性有兴趣,毫无疑问我会推荐你选择扁平化设计。但是如果你想创建一个有动画的更加花哨的网站,当然要选择Material Design。

(教程作者:designmodo)

  • 相关推荐
  • 大家在看
  • i云保放大招“稳就业” 保险营销扁平化是关键

    保险行业“开门红”因疫情遭受重创后,目前已有序进入复工复产期。同时,来自各平台的保险人才招聘需求日渐旺,据不完全统计,截至目前已有多个保险业垂直平台积极发布数十家保险公司的人才招聘信息,招聘岗位多达1600多个,几乎涵盖集团各部门及旗下各类公司的各级机构,大有雨后春笋之势。与此相对的是,保险科技服务平台i云保积极响应中央“稳就业”的号召,凭借扁平化的组织架构、科技赋能从业者,使得平台保险代理人脱落率下?

  • 异度之刃2TIGER! TIGER!怎么玩 轻松五万分TIGER高分技巧

    异度之刃2中虎的人造异刃是需要你玩TIGER! TIGER!的小游戏来获取各种晶片的,很多玩家还不知道TIGER! TIGER!怎么上五万分,下面就来为大家详细的介绍一下攻略。

  • BIGO成日本艺人宣传吸粉新战场

    据日本媒体报道,日本人气偶像锦户亮和赤西仁将在全球直播社交社区Bigo Live开启直播,并在全球范围内征集其合作节目“NO GOOD TV”的创意选题,而用户有趣的观点和评论将在该平台实时直播。此消息一经推送,瞬间点燃了日本、中国乃至全球粉丝的热情,点赞叫好声不断,粉丝们为即将到来的线上会面而兴奋不已。据了解,锦户亮和赤西仁也是Bigo Live迎来的最重磅的日本艺人。锦户亮和赤西仁都是日本家喻户晓的人气偶像。锦户亮是风靡日本的?

  • Windows Insider现启用Dev/Beta/Release Preview新名称

    ​从某种角度来说,Windows 10 的成功很大程度上归功于 Windows Insider 项目的良性循环。该项目不仅让用户提前体验各种新功能,也帮助微软构建了完善的测试系统和反馈机制。在成功运行超过五年之后,近日微软宣布对 Windows Insider 项目进行一些调整。

  • 联合国基金会致信感谢全球BIGOer

    近日,联合国基金会(United Nations Foundation)致信BIGO,对其成功举办的全球抗疫零时差演唱会表示祝贺,并对全球BIGOer的热心捐款表示感谢。今年五月,BIGO推出的全球线上 24 小时音乐筹款活动吸引了近 400 万人观看,汇聚了BIGO全球社区的力量,为新冠肺炎团结应对基金筹措善款。据悉,来自全球的 456 位主播经过层层选拔,最终选出分布在世界各个时区的近百位才艺达人参与了BIGO当天线上演唱会,为全球观众全天不间断地奉上了?

  • 黑曜石新作《Grounded》将玩家变成蝼蚁

    为防止玩家吓尿,黑曜石贴心地在游戏中设置了蜘蛛恐惧症缓解模式,滑动杆调整值越高,蜘蛛就越萌:开发单位表示外形变化只起示意作用,不影响实际体验及游戏难度。如果玩家依然无法战胜恐

  • 特斯拉Model Y开启国际交付

    DoNews 6月11日消息(记者 刘文轩)特斯拉(Tesla)周二正式开始首款Model Y车辆国际交付。Teslarati发现,已经有加拿大温哥华的客户在Instagram上展示他们购买的最新款特斯拉全电动汽车。该车主在Instagram分享了一张照片,照片中有一辆深蓝色Model Y被送到加拿大新车主的手中。特斯拉温哥华展厅顾问Charlie Wang也证实了这一消息,Model Y在6月开始在温哥华交货。Model Y长续航版本在加拿大的起步价为75990加元,约59720美元;性

  • iG夏季赛大名单 网友表示:真有你的極

    IG战队在6月1日正式公布了2020LPL夏季赛的阵容名单,这份名单中的选手人数比春季赛还少了乐言,其他位置上几乎没有变动,对于这样的阵容,网友们表示:真有你的,極。

  • 特斯拉弗里蒙特工厂Model 3总装线或有减少 一条改为Model Y总装线

    6月10日消息,据国外媒体报道,特斯拉位于加州弗里蒙特的组装工厂,在今年一季度已开始组装去年3月份推出的跨界运动型多用途汽车Model Y,部分幸运的消费者已经收到了他们此前预订的这一款电动汽车。特斯拉跨界运动型多用途汽车Model Y但从外媒最新的报道来看,弗里蒙特工厂的Model Y总装线,可能是此前用于组装Model 3的生产线。弗里蒙特工厂Model Y总装线此前可能是Model 3总装线,源自外媒获得的特斯拉CEO马斯克的?

  • Xbox智能分发是什么 Smart Delivery有哪些服务

    微软游戏业务部门Xbox在近日公布了一个全新的服务——智能分发(Smart Delivery),这一个将上一代主机游戏延续到次世代主机的服务,具体服务内容是什么呢,我们来一起看下。

  • 加快DevOps流程:CFO和CISO如何一起工作

    Covid-19大流行带来了新的常态。远程工作和视频会议从未像现在这样流行。直接的结果是,云计算也从未如此流行。但是,需要注意的是需要全速迁移的人员。DivvyCloud的杰里米·斯奈德(Jeremy Snyder)在4月告诉该刊物 时 说,“人们真的很擅长创造东西,但不善于自我清理”,而 上个月 ,Pariveda Solutions副总裁玛格丽特·罗杰斯(Margaret Rogers)警告说:“知道去哪里很少能旅途更轻松”。在当今时代,安全比以?

  • 特斯拉Model 3国产性能规格公布,Model3高性能全轮驱动版详细介绍

    特斯拉Model3 国产性能规格怎么样?6 月 28 日晚,特斯拉中国在官网发布了Model3 高性能全轮驱动版车辆的国标工况续航里程,续航里程测试结果为635km,百公里加速时间为3. 4 秒,时速可达 261 公里/小时。

  • 马斯克:特斯拉并未开发搭载100kWh电池组的Model 3/Model Y

    6月17日消息,据国外媒体报道,此前,有传闻称,特斯拉正开发一款搭载100kWh电池组的Model 3/Model Y。对此,该公司CEO埃隆·马斯克予以否认。此前,一名叫“Zeus M3”的黑客访问了特斯拉Model 3的“工厂模式”(Factory Mode)。他在推特上分享的截图显示,有一款Model 3或者Model Y似乎搭载100kWh的电池组。这名黑客的爆料引发了许多猜测,其中最有趣的是有关车辆续航里程增加的猜测。目前,Model 3配备的电池组最高

  • 如何打造品牌营销的“后浪”效应?业界大咖们聊high了

    “后浪”已成为新一代年轻人的代名词。如果把“后浪”推及品牌,它代表了快速迭代的新技术、新创意,以及以“后浪”思维经营品牌、大胆破局的企业。数据智能时代,“后浪”奔涌而来。6月22日,西溪论数·2020数据智能高峰论坛在杭州西溪圆满举行。本次大会由个灯母公司——数据智能A股上市企业每日互动(个推)主办,“论数”内容涵盖数据智能尖端技术、应用场景、发展生态、未来趋势等热点。在主题为“数字:品牌营销的后浪”的圆

  • openEuler开源社区成立Ceph SIG

    「中国,深圳, 2020 年 6 月 16 日」今天,openEuler开源社区(以下简称“openEuler社区”)正式成立Ceph SIG(Special Interest Group 特别兴趣小组),完善openEuler操作系统在分布式存储场景的适配。openEuler社区参与者和用户可获得由专业存储团队维护的稳定的Ceph版本构建分布式存储系统,并通过openEuler社区获得技术支持。 Ceph是一个具备高性能、可靠性和可扩展性的分布式存储解决方案,可以同时提供块、文件和对象三种服务

  • Zoom Video收盘创下新纪录 涨幅8.88%

    避难所股票周一上涨,跑赢大盘,由于国内外新出现的COVID-19案件再度兴起,Zoom Video Communications Inc.的股票收盘创下新纪录。变焦视频 US:ZM 周一,该股收于创纪录的239.02美元,涨幅8.9%,此前曾创下历史新高239.59美元。同时,标准普尔500指数 US:SPX 收盘上涨0.8%,科技含量高的纳斯达克综合指数 US:COMP 收盘上涨1.4%,从周一盘初的跌势中反弹。在美国,佛罗里达州和德克萨斯州等州的病例数再度飙升,导致COVID-19

  • OKEx旗下OKChain发布月报,OpenDEX进展喜人

    6 月 10 日,OKChain发布月报显示,OKChain公链技术方面,其测试网已升级至0. 10 版本,新增超级节点竞选及一票多投等功能。自 20018 年OKEx正式公布OKChain以来,作为全球顶级加密货币交易平台的明星产品,无论是首创的交易所公链双币系统,还是持续扩展的公链生态用户,一举一动都获得了市场的大量关注。OKChain是由OKEx研发推出的一条去中心化的、开源的公链,其目标是创建全世界任何人都能高效使用的公链系统,推动区块链技术?

  • iGame《守望先锋》今晚开战:看比赛就能抢爆品显卡

    凭借优秀的操作角色设计、竞技性,《守望先锋》一直都是全球电竞比赛中观赏度、关注度非常高的项目,也催生了许多优秀的电竞选手、俱乐部战队。现在就有一次竞赛的《守望先锋》比赛等你来观,还

  • 外媒:字节跳动将关闭火山小视频海外应用Vigo

    6月15日消息,据外媒报道,即将关闭火山小视频海外版Vigo(Vigo Video和Vigo Lite)并敦促其用户迁移到TikTok。对此,字节跳动向媒体回应称,此举系正常的业务调整。6月初,有消息称,字节跳动将逐步关闭海外新闻应用TopBuzz。当时,字节跳动对外回应称,这是业务的正常调整。公开资料显示,Vigo Video于2017年在海外上线,进军泰国、印度、巴西等国家和地区,最新公告中,Vigo Video在巴西、中东市场的服务已关闭。今

  • Decoverf皇家帝孚:涂鸦艺术,我想玩的更潮流!

    当家居失去了光鲜亮丽与涂鸦艺术相遇,多点想象力生活变重新恢复了生命力涂鸦作为一种具有大众性、交叉型的流行艺术,其感染力来自于字体的强烈变化和色彩的对比,以个性张扬的态度,颠覆传统的艺术观念及形式,不受诸多条条框框的限制,注重表达内心纯粹的需求。它的青春活力、自由奔放的笔触,不仅仅是一种炫酷的艺术,其本质更是在表达一种释放真我的精神。涂鸦艺术注重作品的视觉传达效果,在设计领域中,涂鸦中的图形流动感和

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议