高通吧 关注:180,693贴子:4,686,413

【键盘设计湿向】译作:被开发者/设计师误解的Material Design

只看楼主收藏回复

原文翻译自XDA-Developers文章,站酷首发。
每次都用粗粮的发布会骗经验也没意思,不如发个正经点的吧。
这是我迄今为止个人翻译过最长的文章,作为一个非科班专科生而言。
翻译过程中参考百度翻译、谷歌翻译以及爱词霸在线词典,大概码了一晚上。
我的英语水平,不比雷总好多少,even i'm not an Indian,因此欢迎对照原文提出语法和修辞上的指正。
站酷网:http://www.zcool.com.cn/article/ZMjE0ODky.html
XDA原文:http://www.xda-developers.com/material-misconceptions-what-developers-get-wrong-in-material-design/
选题角度很有趣,因此文章里面有不少脱离原文的自由发挥,见笑了。
装完逼就跑


IP属地:四川本楼含有高级字体1楼2015-11-26 11:31回复
    原文标题:Material Misconceptions: What Developers Get Wrong in Material Design
    发布于 11-23,原作者 Falz Malkani
    限于篇幅,此处只贴翻译后。。。。
    ===分割线===
    每一年,Google 举办的 I/O 大会对于开发者们来说都是重要的日子, I/O 2014 更是为整个移动设计领域带来了堪称史上最具突破性的启示。
    当 Google 的设计副总裁 Matias Duarte 登台时,他身后的屏幕展现出涟漪效果以及 Google 推行的统一跨平台视觉设计语言之美,而这种美被叫做 Material Design 。
    I/O 大会结束后最初的那段日子对于开发者,设计师以及作为用户的爱好者们都可谓是狂欢,他们此时开始尝试拿起纸张,装填墨水,修改他们的设计与代码,甚至让手头设备的主屏样式也反映出 Google 介绍的全新设计规范。但随着时光流逝,应用们似乎都纷纷完成了向 Material Design 转型之时,它本身的规范却由于在翻译与推广中丢失大量片段,而日益显现出问题。


    IP属地:四川3楼2015-11-26 11:32
    收起回复
      2025-07-23 13:17:40
      广告
      不感兴趣
      开通SVIP免广告
      从 悬浮按钮(Floating Action Button) 说起


      这可以说是 Material Design 视觉语言最为标志性的部件。由于其同时具备易用性与典型性风格,因此它在用户和开发者两个群体间均迅速风靡起来。可惜,开发者们歪曲了悬浮按钮(FAB)的重要性,单纯将其视作 Material Design 本身而公然忽视它原本具备的用途——表示最主要操作,并且将它与次级甚至更加无关紧要的操作相关联。
      雅虎的 Marissa Mayer 在她提出“应用设计三原则”的著作中解释了正确使用悬浮按钮的实质意义,并认为”任何产品,都应该按照它们有98%的时间会被使用而设计“。
      文中 Marissa Mayer 原文:
      http://www.fastcodesign.com/3041374/3-rules-of-app-design-according-to-yahoos-marissa-mayer
      全篇文章共从六个部分进行探讨,为了方便阅读,每一部分开一楼,谢谢合作。


      IP属地:四川本楼含有高级字体4楼2015-11-26 11:34
      回复
        功能性应该大于美观度



        就算在不久以前,评判一个好设计的标准还仅仅只有“一个应用是否好看”。而与之相反的是现在人们已经通过应用的感官体验来判断设计水准——这拜过去数年间“用户体验”被极度强化,以及成为界面设计领域中超集(Superset)般的存在所赐。
        然而,还是有一群开发者尚未意识到应先保证体验基础,再优先进行UI设计,因此会有像是“单单为了符合规范样式和图中这个抽屉汉堡图标的动画效果,在工具栏下方应用抽屉导航,最后使得应用层级混乱,导致用户体验上的凌乱” 这种现象存在。
        各处的设计师们都在与趋势变化的对抗中不断取得进展,也许趋势的变化会很缓慢,但它是坚定的,并且每一日都在朝向高品质应用生态环境这一目标迈进。


        IP属地:四川本楼含有高级字体5楼2015-11-26 11:36
        回复
          谈谈启动画面


          曾几何时,在 Material Design 规范的近期更新中,Google 强烈主张“应用在加载时不应使用启动画面”这一观点。
          然而,随着规范的成熟以及用户可能面临的硬件机能和网络状况限制,设计团队扩展了启动画面(Splash/Launch screens)的使用范围,并且给出了条件允许的示例。
          尽管规范只希望开发者仅仅在遇到足以影响内容即时呈现的限制时去使用它,但还是有许多开发商却只用它展示自己的品牌,这已经被证明它会强迫用户使用应用之前必须经过无谓的等待,因此对于整体用户体验百害而无一利。


          IP属地:四川本楼含有高级字体6楼2015-11-26 11:37
          回复
            关于网格系统与参考线(Grid and keylines)

            为了让应用设计师们专注在结构与平衡的设计上, Material Design 引入了 8dp 基线网格概念和部分参考线(Keylines),它们使得 Material 风格的应用具备确凿的基础结构与平衡性。


            其中的一个例子就是对准在 72dp 参考线处的列表项目标签(List item labels),它与工具栏标题(Toolbar title)一同构筑了两者间彼此关联的视觉关系。


            不幸的是,许多开发者忽视了基线网格与这些参考线存在的重要性,最终使得应用布局失衡并在不经意间打破了用户界面的结构完整性。
            说实话这段翻译地特别牵强,所以请务必看原文以免被我误导,抱歉。


            IP属地:四川本楼含有高级字体7楼2015-11-26 11:43
            收起回复
              导航抽屉(Navigation Drawer)


              尽管在出现的早期,设计专家们以“缺乏能见度”为由而回避它,导航抽屉与汉堡菜单按钮的使用率在近年来仍然经历了快速增长。
              在已被大众广泛使用的 iOS 以及 Android 这些平台的大力推广下,用户们缓慢地逐渐适应了这种导航形式。但它和所有越过普及阶段的其它事物一样,如今的开发者和设计师们也开始滥用导航抽屉。
              根据应用结构层级的不同,导航其实可以采取多种形式,为此 Material 规范中专门有一个部分来帮助您决定最适合您应用的导航形式。
              官方关于导航形式的规范部分:https://www.google.com/design/spec/patterns/navigation.html


              IP属地:四川本楼含有高级字体8楼2015-11-26 11:44
              回复
                屏幕内导航栏(Navigation Bar)
                因为是在贴吧我就开个玩笑,俗称虚拟键,HTC用户黑话说法叫做下巴

                当 Material Design 已正在打通向设计师社区的入口之时,在 API 21 版本中也提供了大量的 API,其中就包括状态栏和导航栏相关的部分。
                尽管规范允许对状态栏进行着色,然而各处的设计师们还是严正抗议对导航栏部分进行着色这一行为,他们认为这会打破视觉平衡,让应用看起来像被框住了(Boxes-in)一样,并且使得应用本身的设计和内容令人感到窒息。



                IP属地:四川本楼含有高级字体9楼2015-11-26 11:45
                收起回复
                  2025-07-23 13:11:40
                  广告
                  不感兴趣
                  开通SVIP免广告
                  盖棺论定(原文总结部分)
                  Design is a delicate subject.
                  设计,是一门精妙的学科。


                  Wrongly used, even the most sound logic can be extremely detrimental to the end-user experience.

                  因此若使用不当,即使是最为明智合理的逻辑,都会导致最终用户体验被严重损害。
                  ===END===
                  虽说,我其实是来装逼水贴,但是这个结论我个人深表认同。
                  好了码完撒花。


                  IP属地:四川本楼含有高级字体10楼2015-11-26 11:47
                  回复


                    IP属地:广东11楼2015-11-26 11:50
                    回复


                      来自Android客户端12楼2015-11-26 11:53
                      回复


                        IP属地:加拿大来自Android客户端13楼2015-11-26 12:11
                        回复


                          IP属地:广东来自Android客户端14楼2015-11-26 12:33
                          回复
                            心疼楼主,辛苦翻译。。

                               ✎﹏๓₯㎕﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏来自日常崛(bo)起无数次的windows10 mobile 贴吧客户端


                            IP属地:云南来自Android客户端15楼2015-11-26 12:37
                            回复
                              2025-07-23 13:05:40
                              广告
                              不感兴趣
                              开通SVIP免广告


                              IP属地:浙江来自Android客户端16楼2015-11-26 14:13
                              回复