专业设计师的创作过程

如果是客户的工作，我通常会在项目开始前问一大堆问题。

我喜欢面对面的会议，因为它使沟通更容易和有效。

在讨论项目、查看更详细的规格和了解产品之后，我通常会给出一个估计时间。到目前为止，我一直都很准确，但如果中途情况有变，我会重新估计时间，这样我们就能达成一致。如果这是一个个人项目，我会尽量用一个优先级列表把事情安排得非常简单，这张列表会反映出必须要做的事情、值得做的事情和对未来发行的事情。

这可能是作为设计师最困难的部分之一;试图计算出一个项目需要多长时间是非常棘手的!

无论做什么工作，我总是以工作时间为基础，并尽我最大的努力给出一个好的估计。我通常根据项目类型(iPhone、iPad或网页)、是否提供线框图、我需要做多少用户体验工作、客户希望应用呈现什么样的风格(现代、极简和高质感都需要不同的时间来完善)以及有多少屏幕和功能来进行评估。

图片来源:Dribbble

我通常会在一天内完成第一个屏幕(游戏邦注:这通常是最长的时间)，然后每天3-4个屏幕。

考虑到项目的各个方面(如规模、功能、响应性、适应性等)，我设定了项目完成的大致日期。

然而，它从来没有像预期的那样，主要是因为我更喜欢质量而不是数量。我坚信做网站时原则的重要性。

我通常根据我以前做过的类似项目来估算一个项目所需的时间。通常情况下，一个项目从来不会按照计划进行，所以我通常会增加几天缓冲时间来处理意外的修改或不可预见的情况。

我很少和需要“紧急工作”的客户打交道，因为这不能让我把工作做好。

我很幸运，因为我没有得到一个典型的自由职业者/客户项目。现在，我在伦敦一家不错的初创公司工作，所以我只负责他们的核心产品和营销网站。

当我在做自己的项目时，我通常给自己设定一个极端严格的、不切实际的期限(比如，两个小时)。不过，当涉及到为客户进行评估时，我喜欢大致估算一下完成这项工作需要多长时间，然后乘以5。

视情况而定。

如果是个人项目，我就直接投入(记住，我只有两个小时)，进入Photoshop，尝试字体、颜色和其他需要排序的东西。

对于其他项目，我一开始会更正式一些，看看网站的目标是什么，在我的专用记事本上尝试几张草图，事先获得所有资源(复制、标识、颜色、任何品牌指南;我发现没有它你就不能正确地设计任何东西)。

在画完草图后，我会直接进入Photoshop;一边是我的草图，另一边是绘图板，我只是尝试一些东西，直到得到我满意的东西。

然后我再次开始整个过程几次，然后我展示模型，看看最喜欢的。

如果我有线框图，我会直接进入Photoshop并开始工作!

我通常通过与客户交谈和询问他们喜欢什么应用程序和网站的样式来很好地理解他们想要什么——这大大加快了过程。

如果线框图是我工作的一部分，我就会与客户就应用的每一个功能进行长时间的讨论，以100%确保我们的想法一致。

然后我在一个网格记事本上草拟出任何复杂设计区域的选项，一旦我们达成了一个好的解决方案，我就使用Illustrator(利用他们的画板功能)来设计线框图。

如果需要的话，我有时会使用Invision应用．

这取决于项目本身。我通常在项目中扮演产品设计师的角色，但我也有视觉设计技能，所以我认为大多数项目都是从白板开始的。

图片来源:Dribbble

下一个阶段通常是概述想法，然后是低保真度线框图，然后是高保真度线框图，最后一步是视觉设计。

实际上没有最后一步。几乎我所有的项目都在进行中，都是基于迭代、迭代、迭代。

我的每一个项目都是从笔到纸开始的。

即使它只是涂鸦和随机的想法，它帮助我头脑风暴和思考我想要的项目可能的方向。我浏览其他网站。我寻找可能的调色板。

我浏览Dribbble．

从那里，我通常创建一个情绪板和线框与我想要网站模仿的一般风格。

我通常在头脑中开始项目，花几天时间考虑不同的设计。

一旦我心中有了一个方向，我就开始用笔在纸上画出一堆粗略的设计草图。

草图(如果需要的话)、模型(现在有些人在浏览器中完成，但我更喜欢从Photoshop中获得的精细细节)、切片/编码和审查(这部分花费的时间最长，但可以说是最重要的)。

作为一名网站制作者，我强调以下几点是我工作中最重要的:

排版。因为网页设计中的字距也是字距。卢克·罗布列夫斯基说如果你的类型不好，你的设计就失败了。选择正确的字体只是工作的一半。另一半是实施它。

美学。只有在需要的时候才使用阴影、圆角、渐变、动画等才是真正的艺术。

简单是最困难的过程。

可访问性。从适应性到响应性，一个好的网站是一个可以在所有广泛使用的设备上访问的网站。

我认为一个项目最重要的部分是最初的项目计划。项目是由最初的计划驱动的，因此需要考虑到足够的细节，以确保项目顺利运行。

您需要确保为项目中的每个任务分配了足够的时间。我通常会为每项任务留出一点额外的时间，以防出现任何并发症。

在某些情况下，这也可以让你在截止日期前完成项目，这是客户喜欢的。

设计过程的重要部分是:清楚地了解客户想要什么，确保在截止日期前完成，让客户了解情况，交付双方都满意的产品。

我认为这取决于项目，但对我来说，项目最重要的部分始于白板，头脑风暴和大声思考。

我认为对一个项目进行全面的思考是非常重要的。这是金字塔的基础。如果没有经过深思熟虑的产品，就很难到达终点。

项目/时间管理工具不适合我。

可能是因为他们也需要管理。

只有一支笔，一个笔记本和一个私人奴隶(Siri)确保我把所有关于新博客帖子的想法都集中在一个地方。

是的,绝对!我是一个有条理的人，所以所有的东西都必须有条理，并且可以在多种设备上使用。

我的必需品是Basecamp对于项目管理，收获在开发票和时间跟踪方面，Dropbox用于文件共享和文件同步。我不知道没有这三人组我该怎么办。

我也虔诚地使用我的iCal，我认为我使用它和别人有点不同。

我可以同时做8-9个项目，大部分是小项目，但也有一些非常大的项目，所以对我来说，有效利用时间是非常重要的。

图片来源:Apple

我至少提前一周，通常是在周日，每小时为我的工作量做一个时间表，这样我就知道那一周我要做什么，不会浪费任何时间计划这周的事情。

我总是记录我的时间，因为我是按小时向我的客户收费的，这也帮助我记录我是否按2个月前的时间收费(如果你做的项目和我一样多，很容易忘记!)我使用网络Toggl对于这个。

至于项目管理，我有时使用Wunderlist，然而，对于较小的项目，我只使用我的大脑和客户之间的电子邮件。

像logo设计这样简单的项目不需要任何花哨的时间管理工具。基本上，我用电子表格记录我的工作时间，这样我就可以在发票上分解花在客户身上的时间。

有时它们会突然出现在我的脑海中，但其他时候你需要在网上做一些研究。要么做图片研究，竞争分析，甚至只是研究实际产品并阅读它。

我有很多草图，然后我通常会缩小范围，让客户看看我的思路是否正确。

灵感可以来自任何地方。有时我会浏览网页，一个新的想法会突然出现在我的脑海中，其他时候我会和朋友出去，他们说的话可能会激发一个想法。

如果我在寻找设计灵感，我喜欢查看CSS图库，比如Awwwards还有像Smashing Magazine．

Dribbble也非常适合UI创意。

我认为想法无处不在;界面、产品和设计也是如此。我们在外面看到的一切都是由某人设计的，经过深思熟虑和头脑风暴。

所以我认为我们不应该只看事物，我们应该看到事物并质疑一切。

例如，当我们出去散步时，我们可以看到停车计时器。停车计时器有一个界面，是一个深思熟虑的产品。

你开的车，你骑的Vespa——它们都有极其复杂的系统、界面和先进的设计。

我不确定这是否有意义，但我试着将所有事情都视为设计，当你以这种方式看待它时，就很容易看到缺少什么或什么可以做得更好。

从字面上说，思考是我所知道的产生新想法的最好方法。

拒绝原则有助于选择最好的(我学的是信息学)。

啊，我的写生本。大多数人都有Moleskines或类似的东西(题外话:它们是由鼹鼠制成的吗?

我想是的，这就是为什么我从来没有买过)，但我有我的UI模板它只是几张纸，形状像一个浏览器，上面有一些网格线。你还可以得到一个整洁的模板/尺子，这真是太棒了。

图片来源:UI模板

我用点格书线框图的工具和一支叫做Graph Gear 1000的笨重铅笔。

图片来源:创意者运动用品

我认为你用什么并不重要。这是一种非常个人的体验，所以我建议你用任何你觉得舒服的铅笔来画画，用任何你觉得舒服的纸来画画，就是你的答案。

写生时，我用普通的纸和笔。

这些草图通常只是为了组织我的想法和想法。

我用Photoshop从头开始做线框图。尽管我可以使用一些很棒的线框图工具来节省时间，但线框图并不只是针对客户端。它帮助我，作为设计师，和客户找出最好的方式来布局网站上的内容，以最适合他们的客户。

不过，这只是个人喜好。

为了勾勒出我的想法，我喜欢使用机械铅笔，这样我就可以画出粗略的形状，然后用更深的细节来完善它。

一旦我有了一些我喜欢的设计，我就会扫描，甚至用我的iPhone拍张照片，然后在Photoshop中清理它们。

之后我会寄一些给客户。一旦他们批准了一些，我将在Illustrator中快速“向量化”它。

当客户最终确定他们想要的logo时，我会在Illustrator中做最后的调整和润色，也会在Photoshop中做一个“程式化的”版本。

一旦我在Photoshop中创建了一个模型，我通常从960网格开始。

然后我在Photoshop中创建文件夹，以确保我的图层是有组织的。我通常把网站界面分成文件夹，如页眉，页脚，导航等。

我还经常为不同元素的所有悬停状态创建一个文件夹。这个“hover”文件夹保持在顶层。

COLOURlovers拿来是创建配色方案的一个很好的资源，但我通常基于品牌指南的配色方案。

这是我最喜欢做东西的部分。我的网格是由栅格计算器，通常在900-1000px宽，但颜色和字体只是试验和错误。

对于每个项目，我都有一个大量的ps文档。

我总是用网格。

网格对于使设计精确和像素完美非常重要。我不使用任何工具，但我喜欢把我的所有资源(如纹理，图标，插件等)都编号和标记，这样当我在Photoshop中创作时，很容易浏览和获得想法。

不是真的。在设计网页时，我有时使用960网格系统然而，随着高分辨率屏幕变得越来越流行(我的13″，可能是市场上最受欢迎的小屏幕笔记本电脑，宽度为1280px)，这个系统每天都变得越来越不标准。

一般来说，我喜欢让我的工作非常精确(偶数，即。

而不是203.5像素宽的按钮，我确保它是202或204px)，以方便开发人员。

如果我想不出颜色的主意，我就用COLOURlovers拿来．

我很擅长整理我的文件。我通常会为第一次修改、第二次修改等准备一个文件夹。有时客户可能喜欢你之前的设计版本，而不是你刚刚做的最新版本。

一旦你删除了一些东西，你就无法恢复了!

我是经过一番艰难的学习才明白这一点的，所以我总是备份文件Dropbox)．这会为你节省很多时间。

我还会给所有的发票、合同、客户内容等标上编号和标签，以便在我需要访问某些内容时随时可用。

在整个过程中，您最终会得到几种不同的文件类型和版本。

我倾向于保留文件名-sketches-page1.jpg…然后-Logo-V1.ai…．最后我一定会的……Logo-Final.ai。

如果我在设计，我会在我的Dropbox的“项目”文件夹中为我的特定项目创建一个文件夹。

如果我在编程，那就是Github一直走下去。它们受欢迎是有原因的。

我想我生活在我的Dropbox里。

在几乎丢失了gb的婚礼、订婚和小狗照片之后，我想出了一个规则:不要删除任何东西，只是存档。”

在网页设计中，测试首先是关注设备、网页浏览器的市场份额，然后用它们进行测试。

就我个人而言，我最关注的是市场份额的领导者，并确保他们可以访问网站。

有趣的是，在“不太重要的”设备/浏览器上进行测试可能会发现你在HTML/CSS/JavaScript代码中遗漏的错误，因为与旧的浏览器相比，现代的浏览器有时会忽略或处理这些错误。

不过，最后最好的测试还是用户。

对于iOS应用程序，我使用Testflight。

对于web项目，我通常在本地进行测试。

如果我们在谈论beta测试，我通常会询问设计师朋友，因为他们往往对细节有敏锐的洞察力。此外，我的妻子对我开发的某些应用程序非常有帮助，因为她对技术并不精通(希望她没有读到这篇文章)。

通常这取决于客户，因为在一天结束的时候，他们是老板，拥有最终决定权。

我通常使用Dribbble或向朋友(游戏邦注:包括设计师朋友，以及大多数时候不知道我在说什么的朋友)寻求建议，或看看他们是否可以不经过太多思考就从A点到达B点。

当为一个有特定目的的应用程序构建一个网站界面时，知道它是否如预期的那样工作的唯一方法是在真人身上测试它。

服务,如UserTesting.com能够从真正的用户那里得到反馈。我发现你通常只需要在一小部分人(5到10人)身上测试你的界面，因为他们会帮助你发现设计中的大部分缺陷。

让客户测试界面也很重要，因为他们对用户基础有很强的了解，能够提出新的想法和见解。