剑客
关注科技互联网

重新设计 Chrome

重新设计 Chrome

简评:作者是 Chrome 团队的核心 UI 设计师,在文中记录下了这两年来 Chrome 设计演进的过程,干货满满, 来看看最好的设计师们是怎么工作的吧。: )

9 月初,Chrome 53(又叫 Chrome MD)推送给了 Windows 用户,为什么要叫 Chrome MD 呢,其实就是 Chrome for Material design 的意思(Google 现在还真是所有自家产品都要用上 Material design 啊 = =)。

Windows 是 Google Chrome MD 计划的最后一步,因为之前 Linux 和 Chrome OS 上的 Chrome 51,macOS 上的 Chrome 52 已经相继使用了 Material design 的设计语言(但还是略有区别),这个计划其实已经进行将近 2 年。所以,作者觉得有必要在最后做一个回顾,希望其中的一些细节和经验能对你有用。: )

作者在文中谈到的:

  • 如何适应不断增加的设备类别。2014 年 Apple 发布的 Yosemite,在 UI 风格上统一了 macOS 和 iOS7,Google 方面也推出了 Android 6.0 并推荐 Material design,而 Windows 上也有 "Modern UI",面对越来越多的设备类型和设计理念,Chrome redesign 计划开始了。
  • The Hybrid layout type。为了让不同平台上的 Chrome 表现尽量一致,Chrome 团队想要跨平台共享尽可能多的设计资源。

  • General layout and UI footprint。这一部分作者说明了他们是如何确定不同 UI 元素的尺寸大小的和对 Icon 的设计理念。

  • 颜色和无障碍设计。

  • 动画设计。

最后来看看作者自己的总结吧:

  1. 工程师也是伟大的设计师。不要去反问“工程师也要参与设计?”,一个好的项目是工程师和设计师共同完成的,工程师是把你的设计编程现实的人,或者说他们其实是产品的第一批用户。在项目中,作者的很多假设都被工程师们推翻了 = = ,但作者不觉得这是坏事,反而使得作者在例如动画设计、渲染效果等等方面思考得更深,顺带还学习了很多程序方面的知识。
  2. 早期就让工程师参与进来。在 Chrome 的设计中工程师的早期参与是非常重要的,他们从工程角度提供了很多宝贵的意见。保持不断的沟通是正确设计的关键。
  3. Know when to be precise, learn when to be loose。进行精细的设计是非常重要的 ,但有时放任自己的艺术思绪自由飞翔能将你的设计带到一个更高的层次。

  4. 不要拒绝改变。要重新设计一款成熟的产品总是要面对很多困难,何况还是像 Chrome 这样一款世界范围内成功的成熟产品。在 Chrome 的重新设计中,有时候只是增加几个像素都会引发讨论,但如果你对你的设计有足够的信心,你就应该坚持己见。

  5. 管理期望。在设计完成并发布之后,他们得到最心酸的一个反馈是 "That’s it?",但作者觉得这或许是一个公平的反馈,这场重新设计并不是场视觉革命,能让人马上眼前一亮。正如冰山其实大部分都在海面之下一样,Chrome 的设计师团队做了很多努力,甚至用户在不知不觉中觉得图标本来就应该这么放,或许这才是最牛逼的。

作者在文章最好还列出了 Chrome 设计师团队成员的 twitter,大家感兴趣的可以去关注一下。: )

原文: Redesigning Chrome desktop

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址