那些开发者需要了解的设计基本原则.pdf

那些开发者需要了解的设计基本原则 介绍 我的名字是 Christopher Downer ，我是一名设计师。我从事 Mac 和 IOS 应用开发已经有六年时 间了。过去的两年半时间里，我一直在 Sketch 工作，这些你们可能已经知道了。如果你们不 知道， Sketch 是一个 Mac 的向量设计工具。它是一个设计图标、人机交互、网站、线框和任何在屏 幕上显示的东西的工具。如果这个和你工作的内容很相关，麻烦你自己一探究竟。 设计师需要写代码吗？ 作为一个设计师，我一直以来能看到一些文章、博客和推文告诉我说：作为一个设计师，我需要知 道如何去编写代码，我需要知道如何去开发应用。我读到过许多这样的文章，而且它们说的没错。 设计师需要深入了解设计流程，需要对整个工作都有所了解。了解如何开发是一件好事情，因为这 可以帮助设计师和开发者们一起和谐地工作。然而，我需要告诉你们一个秘密：我不会写代码。 我很想学习如何编写代码，我尝试过好多次。我采用了好多方法。在大学里我就尝试过学习编程， 和一个开发者结对看书和学习在线课程。我试着学过很多语言。开始的时候是 javaScript ，然后是 Python ，想着 Python 会容易点，还试着学过 Objectiv-C 。最近我在学习 Swift 。 当深入学习的时候，我发现开发者是非常聪明的人。而我却不尽然。我知道函数是什么，我也能把 握循环的概念，但是我不知道编译是什么。我不会放弃，我会一直努力。 开发者需要懂设计吗？ 开发者需要懂设计吗？“ ”这却是个不太常问及的问题。这是我今天演讲的目的。我不是说开发者需 要自己设计所有的东西，然后不需要设计师了，这太疯狂了。然而，虽然开发者不需要处理像素， 但是他们的决定总会影响着设计。 有件很奇怪的事，我大概从开发者身上学到的设计知识比我从设计师身上学到的还要多。他们教会 了我一些我从来不曾考虑的问题，比如易用性、国际化，符合颜色配置文件，为多个屏幕设计， 占位，处理错误，安全，第一次运行，边界情况等等。在我不思考这些问题前，我觉得我根本就不 是在设计。大部分时候我只是在让像素看起来漂亮些而已。 我发现我身边的开发者都会对视觉和交互设计感兴趣。这很棒。然而，许多开发者却十分害怕设计 。他们不知道如何设计，也不知道如何开始。我希望我能揭开设计的神秘面纱，谈些设计的基本 原则，分享些设计的心得，然后让你能够更像设计师一样思考。希望你们以后能少依赖你的设计师 一些。 什么是设计？ 我准备以最基本的问题做为开始， 什么是设计？“ ”，这是个开起来很明显的问题。但是我想区分 一下 设计“ ”、 “UI设计 ”和 “UX设计 ”。 简单地说， UI 是视觉设计， UX 是交互设计，那么两者中间的是什么呢？是设计吗？许多人认为 UI 和 UX 是完全不同的事情，但是在我看来，它们是和谐地存在一起的。我从不会不考虑易用性和 交互，只考虑视觉效果。虽然 UI 作为专业词汇是指的视觉设计，但是它也会被误用作是说整个设 计的过程。 什么不是设计？ 你知道了什么是设计，也许我们还看看什么不是设计。首先，设计不是个吓人的、神奇的过程。设 计师们不是工作了五分钟就能给你一个完整的设计规范的。设计师们有许多的因素、问题需要考虑 。设计也不是个和开发一起开始，然后在开发结束前草草了事的事情。事实上，设计与开发相辅 相成。当然，开发者做的事情远远不止编写代码，这些事情每个项目都不同，设计也是一样。 你的设计师一开始会在纸上勾勒出雏形，然后在 Sketch 这样的应用里面把他们 Mock up 起来。他 们把他们在纸上画的东西转到屏幕上，然后非常真实地 Mock up 它们。再之后，如现在很多设计师 的做法一样，就会开始原型化。设计师会用 Framer 或者 Origami 这样的工具来把应用流程可视化 起来，然后再设计出交互和动画。接下来，他们会在设计上不断地迭代，苛求它、审核它。每次他 们都会让设计比上次更好，所以理想情况下，当项目来到真正实施和测试阶段的时候，所有的设计 都应该完成了。然而据我们所知，现实不是如此。 一个常见的对设计师的误解是他们需要是艺术家。许多人认为如果一个人画一条直线都不成的话，