• 原文地址:A Decision Tree for Designers
  • 原文作者:Cap Watkins
  • 译文出自:掘金翻译计划
  • 本文永久链接:github.com/xitu/gold-m…
  • 译者:zhmhhu
  • 校对者:calpa, Wangalan30

设计师的决策树

当遇到猪队友时,你需要一个系统来控制每个人

有人已经意识到了这个可怕的事实,即使多年来一直都在设计同一款产品,你们做的东西也并不一致。这种事情有些时候发生在每个设计团队中。应用程序、网站和营销页面所直接反映的不是一组共同的设计风格和组件,而是每个设计师的个人品味。

Jared 对大字体极度喜爱,Karen 对粉彩情有独钟,而 Jordan,出于某种原因,喜欢带有“关闭”按钮的插入式广告,而不是团队中人人都在使用的 X 形图标。

“我们需要一个设计系统。”每个人都狠狠的点头总结道。

于是,团队开始了它的任务。你们研究其他风格指南,对产品进行 UI 和 UX 审核,并在接下来的六个月中构建一个美观、全面的设计语言。你们向内部的一个热心工程和营销团队推广它,同时,你们撰写的关于它的博客获得了大量关注。你们做到了!

但是之后...

一个星期后。你正坐在一个设计评论会议中,并注意到 Jared 在他的模型中将头部大小推高了几个点。

“那个 h1 看起来比它在风格指南中更大,”你自告奋勇地说。

“是的,”Jared 说。“在这种情况下,这种类型的尺寸和我的内容不符。我需要更大更粗壮的东西。”

进入决策树

每个发布任何风格指南的团队都遇到了这个问题,并且它可能会让人们感到震惊。在 BuzzFeed,我们在发布 Solid 之后几乎立即遇到了这些类型的讨论。没有任何风格指南可以要求我们完全遵守或不可修改,因此给你的团队机会以合理地讨论何时不使用风格指南、何时改变设计风格,以及何时改变他们的设计以更好地与指南相匹配,是非常重要的事情。

有一天,在与 BuzzFeed 设计师之一的 Allison 谈论她是否应该打破风格指南时,我突然想到刚开始我是如何看待风格指南决策树的 —— 我把它称之为,为了给你的产品及其一致性做出最佳决策而需要问自己的一系列问题。它对我很有效果,我注意到它最近在我正在进行的会谈中出现了很多。

话不多说,这就是我的决策树:

图片:Cap Watkins

决策树的一个重要之处在于,它真正促使设计师通过使用您的设计系统来发挥创意。人们在被迫遵守约束时可以做的事情是令人惊讶的,而且我个人认为,即使只是前两个问题不仅产生了更好的设计,而且产生了我们已经可用的非常有趣的应用风格。我一直感到惊讶,人们发现了在不破坏指南的情况下对指南进行变通的方式。当我们迫不得已破坏设计指南时,它是有思想的,有目的的。

建立一个强大、实用的风格指南是一个漫长旅程的开始,而不是结束。让您的团队关注整个系统,将会使你的设计系统在未来更加耐用。

如果发现译文存在错误或其他需要改进的地方,欢迎到 掘金翻译计划 对译文进行修改并 PR,也可获得相应奖励积分。文章开头的 本文永久链接 即为本文在 GitHub 上的 MarkDown 链接。


掘金翻译计划 是一个翻译优质互联网技术文章的社区,文章来源为 掘金 上的英文分享文章。内容覆盖 Android、iOS、前端、后端、区块链、产品、设计、人工智能等领域,想要查看更多优质译文请持续关注 掘金翻译计划、官方微博、知乎专栏。

[译] 设计师的决策树相关推荐

  1. [译] 设计师的决策树:当遇到猪队友时,你需要一个系统来控制每个人

    原文地址:A Decision Tree for Designers 原文作者:Cap Watkins 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m- 译者:zh ...

  2. [译] 如果界面产品设计师设计实体产品

    原文地址:If Screen Product Designers Designed Physical Products 原文作者:Pablo Stanley 译文出自:掘金翻译计划 本文永久链接:gi ...

  3. [译] 为什么设计师讨厌政治(如何解决)

    原文地址:Why Designers Hate Politics (And What To Do About It) 原文作者:Scott Berkun 译文出自:掘金翻译计划 本文永久链接:gith ...

  4. 【译】设计师的职业未来,该如何规划?

    设计师进阶流程图 根据我最近对大量使用的媒体形式(清单体.打油诗体.漫画体等)的跟踪记录,大家可能会觉得猫咪恶搞可能会是接下来的流行趋势. (实际上,你可能没往那方面想,因为标题说的很清楚了,这是一个 ...

  5. [译] 从设计师的角度看 Redux

    原文链接: www.smashingmagazine.com/2018/07/red- 推荐理由: 插图大爱 没有空洞的概念 也没有海量的代码! 内容概要: 你是否知道 Redux 的真正威力远不止状 ...

  6. 【软考中级】软件设计师学习笔记

    软件设计师学习笔记 计算机系统知识 程序语言设计 数据结构 操作系统 软件工程基础知识 结构化开发方法 创建型设计模式 行为型设计模式 结构型设计模式: 算法设计与分析 数据库技术基础 网络与信息安全 ...

  7. [WebDev]Web 开发与设计师速查手册大全

    Cheat Sheet 一词在中文中并没有很贴切的对译,大概是考试作弊条一类的东西,这要求 Cheat Sheet 必须短小精悍又覆盖广泛,作为 Web 开发与设计师,免不了在工作时查询大量资料,某个 ...

  8. Isometric Game 及译法漫谈

    原文地址:点击打开链接 作者按:本文探讨了 Isometric Game 相关的背景知识.为了避免读者感觉枯燥(除了游戏之外的有些概念确实枯燥),作者尽量采取"用图说话"的方式,文 ...

  9. 决策树的构造——一个手工例子

    决策树的构造--一个手工例子 这个数据集来自Mitchell的机器学习,叫做是否去打网球play-tennis,以下数据仍然是从带逗号分割的文本文件,复制到纪事本,把后缀直接改为.csv就可以拿Exc ...

最新文章

  1. Document对象内容集合
  2. 二、Windows下TortoiseGit的安装与配置
  3. Android GIS开发系列-- 入门季(11) Callout气泡的显示
  4. js小案例:定时轮播图
  5. error: Your local changes to the following files would be overwritten by merge:
  6. SpringMVC第六篇【校验、统一处理异常】
  7. 基于机器视觉技术的瓷砖分色检测系统解析
  8. 小学生python编程教程-围观~山东省的小学生Python编程入门都学的什么?
  9. matlab2c使用c++实现matlab函数系列教程-binopdf函数
  10. php5.5 安装pdo oci,PHP5.3连接Oracle客户端及PDO_OCI模块的安装方法
  11. JAVA 使用Dom4j 解析XML
  12. 如何做好招生讲座-----转载 (四)
  13. 如何提升沟通技能与提出解决方案
  14. python通过ip池爬_如何自建PYTHON爬虫代理IP池
  15. 时间序列分析系列(一) : 基本概念
  16. X5平台开发的 团队看板 部分代码
  17. TikTok(抖音国际版)逆向,全球的小姐姐们,我来啦!
  18. 新形势下,企业如何做好数据安全治理?
  19. S71200西门子PLC一个设计的接线图
  20. React 项目性能分析及优化

热门文章

  1. vscode git提交代码
  2. 使用压缩软件将exe和dll文件打包成一个exe启动文件
  3. GHOST -ntexact 正常还原
  4. 云原生Istio案例实战
  5. ISO19702毒性测试
  6. 北汇信息正式加入IAMTS联盟,助力智能网联汽车事业发展
  7. 使用POI导出Excel,以及xls和xlsx格式问题
  8. FME爬取高德POI数据
  9. PDF设置从上次阅读的位置继续阅读
  10. matlab计算滤波器品质因数,滤波器品质因数概述