童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

MaterialDesign只是独辟蹊径,并未全面胜出

4月8日 夜如影投稿
  MaterialDesign发布之时,Google在设计领域做出的努力令我印象深刻。在这方面Apple一度遥遥领先。这种局面结束了。记得我以前总抱怨Android设计的那套不统一、缺乏文档、缺乏吸引力的暗色主题,还有模棱两可的汉堡菜单的滥用。MaterialDesign解决了其中很多问题。如今它提供了一套统一的设计语言,更明亮、色彩丰富,并且背后有深思熟虑的设计指南作为坚实支撑。
  但是尽管它色彩漂亮,卡片的使用提供了强烈的纵深感与操纵感。我时常扪心自问,这真的像许多设计师说的那样,比Apple的iOS设计优秀吗?我要发表一下我的看法,我觉得它只是独辟蹊径,并未全面胜出。
  与iOS的相似点
  我们从iOS的3项核心原则说起:清晰、遵从和深度。
  清晰是指文字易读、图标明显、对比强烈。清晰的定义,对于不同平台是特定的。对于iOS和Android用户而言,什么是清晰的取决于他们熟悉什么。iOS用户可以立刻辨认的图标,Android用户或许不行,反之亦然。
  深度是两大平台共有的另一项原则。但它们用不同的方式表达这一概念。iOS提倡模糊和渐变,Android却强调投影和纸张的概念。
  拟物2。0
  虽然都这么说,两大平台都用了重要的方式重现了现实世界。它们通过模糊、投影,还有符合物理规律与空间关系的动画呈现一种拟物化。拟物设计使用熟悉的隐喻,有助于引入新概念,但是过度细致的纹理和立体效果绝对是自取灭亡。作为用户,由于科技对我们而言已经不那么陌生,我们已经不适应拟物设计了。皮质日历和黑胶唱片,在这个时代已经比不上数码概念了。
  设计的数字化,使得陈旧的概念显得过时且莫名其妙。
  没有人再用这样的日历了。
  这两种设计语言都有各自的弱点。
  例如,多层模糊相互叠加,有种割裂感。而且,有点太鲜艳了。
  卡片的概念在圆形屏幕上看起来截然不同。卡片占据了整个宽度。文字的对齐方式感觉不协调,因为有很多不必要的留白。在圆形屏幕上,列表也难以使用,因为边角处隐藏了重要内容。
  不过这些AndroidWear界面看起来非常棒。真的给人一种专为圆形屏幕设计的感觉。
  内容在MaterialDesigns中并非核心
  顺从是这两者的差异所在。iOS完全是内容优先,而Android使用卡片的概念来使内容显得更有触感,尽管这样会在左右两侧损失一些重要的屏幕空间。眼花缭乱的色彩也盖过了内容。
  华丽隐藏了内容,阻碍了交互。
  色彩、导航和行动召唤有强烈的聚焦作用。(这就是新的MaterialDesignLite,为网页而生)
  相反在iOS中,关注点更多在内容上。界面的颜色更加中性、符合情境(它们会根据内容变化)。鲜明的色彩尽量少使用,通常都用于操作项。
  AppleMusic与GoogleMusic的简单对比显示了MaterialDesign使用了更多亮色和插画。对于AppleMusic,唯一使用的亮色就是“立即试用”按钮。
  标签栏VS汉堡菜单
  关于是否应该使用汉堡菜单,争议由来已久。距离结束尚遥遥无期。尽管Apple在设计中很少使用。
  但至少可以这么说,自从MaterialDesign鼓励使用之后,我们通常更多在Android上见到它们。
  iOS更偏好标签栏作为导航。有趣的是,LukeW指出明显的就是更好的。Facebook的iOS版改用了标签栏后,用户粘性有了重大改善。
  GoogleInbox使用了汉堡菜单。
  但有些时候汉堡菜单是个好主意,比如最重要的内容就在主页上。汉堡菜单内的选项必须只能是次要的,例如设置和登出。
  色彩运用
  MaterialDesign突出地使用颜色。当然,它们非常漂亮。FlatUI配色方案也是。我们都知道,柔和色在各种状况下效果都很好,不像CSS或Xcode中那些耀眼的默认色彩。
  iOS配色(左),FlatUI(中),MaterialDesignPalette(右)
  不过MaterialDesign在页头中使用那些色彩,有时甚至盖过了内容。许多颜色竞相展现时,其他元素的重要性便降低了。
  页头是可以操作的吗,因为它有颜色?应该改用图片来表现我的产品吗?“Goals”这个标题为什么和链接颜色相同?
  色彩确实有含义,但这些含义很有限(例如红色意味着警报,黄色意味着警示等等)。颜色也能传达品牌,但是品牌不应该占据界面的中心。实际上,应用图标是最适合呈现品牌的地方。除非你确定要在页头使用一种单色,不然就该想想更富表现力的方式。用某种方式确切表现你的应用。
  同样的,这对Android有意义,iOS则否。
  如果一图胜千言,一种颜色只胜十言。
  各平台定制VS全平台通用
  不得不承认,我曾经认为一套设计语言统一全平台是最好的方法。但不幸的是,这会导致用iOS的设计语言来设计Android应用。从我的观点来看,它确实有意义,但最终对用户是不友好的。Android用户就是不熟悉iOS。
  MaterialDesign统一全平台的目标是个勇敢的尝试,是我所见过的在这方面做得最好的。但这真的是最好的方式吗?
  网页上真的需要华丽吗?卡片适合小屏幕吗?
  卡片的概念,在Androidwear上,有时还是圆形的屏幕,真的起作用吗?给人感觉这套设计语言并没有优先考虑设备。相反,像是事后聪明。
  看看AppleWatch,它的设计完全为了手表而重新思考过。这就意味着会有新的UI范例要考虑,尤其对于按压、数字表冠、手腕检测和黑色屏幕边缘。
  MaterialDesign定义更清晰
  从材质如何操作和选用,到色彩如何结合,一切都在指南中有详细解释。
  每种设计元素应该如何选用,来创造统一的构造和投影。
  有一套特定的配色方案和颜色的组合方式。
  MaterialDesign甚至还提供了一整套系统图标。
  有一套严格的风格指南,好处是不容易出差错。就像Bootstrap。它提供了一套统一且方便的体系。坏处是它限制了创造力,会让多数应用同质化。
  MaterialDesign的闪光点
  不要误会我,还有很多地方MaterialDesign做得很好。只是似乎每个设计师都没有认真考虑其缺点,就高唱赞歌。
  设计规则从来都在不断变化,将人们的生活推向时代前沿。只要我们的生活在变化,设计也会改变。
  例如,他们新的设计细则是一流的。在多个设计议题上都作出了指导,让你在MaterialDesign的领域之外也有所收获。
  MaterialDesign中的颜色和动画指南确实让人印象深刻。
  卡片的概念在整个平台表现很好。它可伸缩且模块化。当然也适用于网页在移动浪潮来临前,设计师们已经使用了很久了。但我相信屏幕越小,它越没用。
  之前我提过,柔和色并非一项新事物。但是FlatUItrend和MaterialDesign都很推崇它。我们正在返璞归真,创造协调的色彩和漂亮的字体。这是件好事。我们越了解设计的基础,就能更好地塑造上层的设计。
  MaterialDesign的动画优雅,讨人喜欢,尽管不像人们理解的那么革新。在iOS7之前,过渡式的界面仍然是个非常新鲜的概念。很高兴看到两套规范都推崇更加顺滑、渐进式的动画,来逐渐引导用户,而非通过骤然变化来引人注意。
  MaterialDesign中有意义的动画。
  没有完美的设计语言
  永远不会有完美的设计语言和模版。本文的目的不是为了批判其中之一,而是从优势与弱点的角度来审视。设计就是为了某个目的选择最适合的方式。那么继续前进吧,持续实验来找出最适合你产品的那个。别忘了考虑人们所用的设备。
  我经常写一些关于iOS、Android和代码的文章。你可以在Twitter上通过MengTo找到我。感谢阅读!
  
  原文链接
投诉 评论 转载

设计师最好的时代和交互设计最差的时代江南大学的辛向阳教授2014年在腾讯做过一次名为:《用户体验设计从功能逻辑到行为逻辑》的演讲,整个演讲节奏紧凑信息量大,完全不似有人提过的交互设计教育滞后于行业的传统学院派作派……空状态的设计值得更多关注空状态,或称零数据状态,很多时候不太招设计师的待见。我们基本都是在主要流程界面的设计工作完成之后才会回过头来考虑完善一下,因为从表现上来看,空状态给人的感觉就是临时性的,有些微……给设计师的模块化设计新手完全入门指南扁平化设计流行起来之后,现代简约风与之结合产生了许多视觉上以区块为主的网页设计作品。对于设计师而言,这种设计方式既时尚,又富于功能化,网站结构流畅、简单,与响应式的设计也有着天……饿了么、百度外卖、美团外卖购物车设计分析最近国内O2O市场火热,办公室内叫外卖的氛围也出现了前所未有的高潮。大家经常使用的外卖app有饿了么、百度外卖、美团外卖。今天来看看饿了么、百度外卖、美团外卖的购物车设计……令网站看起来不专业的十个设计误区在这个奶茶店都有个响应式网站的时代,你没有网站似乎是一件说不过去的事情。不过当你考虑到自己可能仅仅只是个人名而非名人,你的店铺也算不得什么知名大厂,随便开个网站再说,等影响力扩……安卓手表VS苹果手表系统特性对比自PC时代(包括智能手机、电视机)以来,计算机操作系统的用户界面中含有各种各样的控件元素以及操作规范。也正因为界面元素和操作的不同使其形成了自己独特的系统特征。不同的可穿戴计算……品牌音色与用户体验:为什么有些产品深入人心?为什么有些产品深入人心?他们的设计中,是什么使我们感觉亲近、愉悦和高兴?iOS和GooglePlay应用商店包含了超过200万应用。如果这还不至于让你头晕,那我们来聊聊8……为何sketch预置画布尺寸比真实分辨率小?为什么Sketch中预置的画板尺寸比真实分辨率小?这个问题被成百上千的初学者问起过,每次都要费劲口舌来解释,可是静电实在架不住每天两三遍甚至更多人问起同样的问题。那么,就在这篇……20个响应式网页设计中的“神话”误区虽然很多人都在谈论响应式网页,但并不是每个人都知道他们在说什么。很多时候你看到网上的一些信息也在挑战你对响应式的理解。有时候一些小报告给你建设性的建议,并帮助你的设计朝着……设计师怎么和工程师配合制作UI动效?(本文为个人笔记,我都用Hype3直接产出Prototype和JS,避开和一堆数值的大混战,但该知道为什么要这样做的部份还是要懂。)如果设计师要产出动态特效给RD,他们需……大尺寸触屏:有何不同?摘要:大尺寸触屏的相关设计需要特别注意输入、屏幕焦点和个人隐私。在这个需要考虑各种屏幕大小和尺寸的年代,侧重小屏幕已成为一种常识。我们的设计和交互主体必须要在最小的屏幕上……MaterialDesign只是独辟蹊径,并未全面胜出MaterialDesign发布之时,Google在设计领域做出的努力令我印象深刻。在这方面Apple一度遥遥领先。这种局面结束了。记得我以前总抱怨Android设计的那套不统……
从零开始画产品原型:信息架构篇Axure内这样制作弹窗,效率至少提升10倍常见的列表页如何用Axure画出来Axure生成的原型html如何使用和备份5天设计出产品原型,如何搞一场“设计冲刺”?蚂蜂窝自由行APP产品需求文档(PRD)快速缩减原型设计重复工作量的七种武器Axure技巧:将产品资料关联到Axure原型并显示内容小红书App产品需求文档(PRD)如何用Axure规范地画出APP原型的交互Axure教程移动端APP原型动效库之底部弹框原型剖析如何制作出一款好玩的打地鼠游戏?

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界