设计公司工作的设计流程,以及给平面设计师的一些建议

摘要:平面设计师Claudio Guglieri在Medium的一篇博文中谈到了对于数字产品设计流程的一些看法和经验,...


平面设计师Claudio Guglieri在Medium的一篇博文中谈到了对于数字产品设计流程的一些看法和经验,我觉得这些都是很好的经验之谈,无论对于设计师,还是和设计师合作的委托方,在每个项目开始前了解并实践这些原则和方法,对于项目执行效率和沟通都是很有帮助的。也希望在将来的项目中,能更好的应用这些原则。

把想法首先画在纸上

这不需要太多的解释,但是现在很多的设计师都是直接打开Photoshop CS6就开始做项目,很少去先想一个根本的问题:你的设计需要解决的是一个什么问题?设计是一个解决问题的过程,这些问题不是简单通过一些比如加个渐变或者阴影这样的技术活来得到解决的,我们要先考虑的是版式(Layout),以及一个清晰的视觉等级系统(Visual Hierarchy),我们也需要构思内容如何出现在版式上,以及他们实现了什么功能。这些都远不是加个阴影效果那么简单。

2. 从最高层次的框架(Framework)开始绘制

当委托人让我创造一种“感觉”和一个“特殊效果”的时候,我会首先构思解决所有一切设计问题的最高层的框架,这个框架是一个用户一步一步使用这个产品的步骤,以及所有网站内容的整体计划,这个框架规定了内容周边的用户界面,这些元素如何帮助实现用户行为选择,浏览者如何理解和在其中导航等等。

当你有了这个高层次的框架规划后,在主页后面的各个层级页面如何去安排内容和版式方面你都会有一个更清晰的认识。

3. 用Photoshop的时候一定加上网格(Grid)

听起来倒是挺简单的。所有的Photoshop 项目你都要一个网格线作为参考,没有任何借口你要把这一步省略掉。如果你不加这个网格,我可以保证在某种程度上你的设计看上去都不会太好。

网格能帮助你在不同的部分实现整体版式清晰的结构,也可以为你提供不同的屏幕尺寸的要求参考,来实现可以跨屏幕尺寸的响应式设计,对于白空间大小和间距等很多细节也能做到一致和持续。

4. 选择你的字体

探索不同的字体和颜色也是一个项目开始前需要透彻研究和思考的方面,我建议你在一个网站设计项目中不要使用超过两个不同的字体,但这也不是绝对的。选择一个在大段的文字里也非常容易读的字体,在标题和一个希望用户去点击的主要按钮上用一些有风格和变化的另外一个字体。大胆去用一些大的字号,总之,大胆去尝试和突破,但一定保持连贯和一致性。

5. 选择你的色彩

你需要决定一套你会用到的所有色彩组合,比如用户界面,背景,文字等等。这个组合应该简练并在色调上互补而和谐,不要太多色彩。

色彩在设计过程中保持一致性很重要,特别是在考虑一个元素的功能性方面,思考一些Facebook,Twitter,Quora和Vimeo的界面,除了用户界面,其他的部分都没有太多色彩的限制,但内容并没有影响对用户界面每个部分的功能的理解。

6. 解构你的版式

你的网站的每个部分都应该是讲一个故事,它需要一个存在的原因并且能为用户产生结果和价值。版式应该能让内容突出,让读者能够最快获取到故事中最重要的东西。实际上,所有的元素最后都回答一个问题,“我在这里可以做些什么”。

考虑最简单的版式,最简单的目标,然后再往里加入必须的元素,最后你才会意识到,保持简单其实是一件很难的事。

7. 重新考虑现有的方案

作为一个设计师,我们决定用户如何消费互联网的内容,我们能够决定所有用户需要的点击,以及我们网页的效率。设计模版和传统习惯慢慢形成,大家都遵循一定的规则去设计,没有多少人去花时间仔细琢磨和思考这些长期形成的规则。有时候,去想象那些互动元素,看一下我们可以改变的地方,会颇有益处。

8. 挑战你自己

我鼓励每一个设计师在每一个项目都去去挑战自己。创新并不总是每一个项目都需要的,但是我们可以去追求。这些创新可以是尝试一个新的网格系统,创造一个新的元素,或者小到用一个特定的颜色,避免渐入效果等等。

9. 注重细节

太多人谈论关于“细节”,这些东西在最重产品里总是会很显眼。取决于项目的“概念”,有很多方式我们能够感受到设计师在其中注入的“爱”。

这些可以是一个很小的互动,一个出其不意的动画,或者是一些微不足道的细节,一个按钮的渐变,背景的一个框等等。总之,这些细节是让别人感受到你是不是爱你所做的地方。

10. 把每一个元素都呈现为设计比赛

我不得不承认,这则建议并不是出自我自己,我之前就听说过,但很吃惊,这一条原则有多么清晰和准确。每一个元素都需要被设计,当我们把它拿出来单独放着的时候,它是最棒的状态。有些时候,设计师会忽略一个网页的一些部分,最后不得不草草了事。

11. 锐化你的设计,让边缘清晰

如果你想要你的作品显得干净和舒服,你要考虑去锐化一些细节,比如渐变里的线条,模糊的边缘,字体的输出效果(一些字体取决于最佳的尺寸需要特定的输出模式),和背景融合有问题的描边,等等。

这些只是一些常见的例子,这样的东西很多,所以整体看看你的设计,看看是不是所有的细节都很好,每一个部分都值得拿出来单独监视。

译者分享:
对于文中提到的渐变里的线条,这是一个不错的解决方案:
Adobe Photoshop CS6 - Remove Gradient Banding
https://www.youtube.com/watch?v=1EholV2xDXs
http://nomorebanding.com.zcool.cn/

12. 把你的PSD文件清理干净
如果你用Photoshop做你的设计,这是很重要的一条。取决于项目大小,和参与的设计师数量,你需要保证你的文件井井有条。这会让设计流程很流畅,也让其他协作的设计师更好理解你的文件,并开始工作。

13. 设计最棒的情况,但准备最糟糕的
作为设计师,我们的工作是突破限制,解决问题。在网页设计方面,这些限制包括概念上的,也包括技术上的和内容上的。

我们设计的产品不光要在最理想的情况下工作,也需要考虑最坏的打算,比如用户可能用的是一个极小的设备,在没有太多内容的时候打开了页面,这样页面可能看上去糟糕透了。所以我强烈建议在展示我们工作的时候,最后能够创建一个最棒情况,我们可能要放足够多的文字进去,在最理想的浏览器里面观看。

14. 对设计极度着迷,直到你都有点腻了

如果你对设计充满热情,我很确定你已经这样做了。我设计一个东西的时候,它会成为我人生的一部分,我不断在不同设备测试,把它的截图做成我的电脑桌面,甚至打印出来贴在墙上。

在这个过程中,我一直做到我看到这个东西就觉得腻了,甚至都有点讨厌它。我开始看到它不是那么好的一面,最后我决定要改变一些东西。对之前作品的否认是一种成长,这意味着你从自己的错误中学到了新的东西。

15. 在和客户沟通前,避免在一个概念上花太多的时间

当你和客户展示一个互动概念,或是一个设计的“外观和感觉”时,你需要保证你的客户和你是在同一个步调。如果你的客户同意了,你可以松一口气,开始下一步工作。当如果客户不那么满意,你需要花费更多功夫去收集反馈,然后提出第二个方案。

16. 成为你的开发人员的最好朋友

开发人员也是充满了创造力,他们和你一样,热爱并在乎他们的工作,但他们却不是从头到尾参与整个项目,很多情况下,一个概念确定了,创意设计部分完成了,才会传到开发人员手中。这个流程本身就有问题,开发人员很多时候可以给出非常好,非常有创意的见解,所以保证你在项目开始的时候就能够和他们组成团队,和他们分享你的想法和概念,让他们也能提出他们的看法。

17. 项目展示:把我当作一个四岁小孩一样地解释给我听

项目展示的重要性不亚于伟大的作品本身。如果展示不得当,你最棒的设计可能被忽视。你需要记住的是,那些对你来说非常显而易见的常理对其他第一次接触这些东西的人其实并不熟悉,你需要花点功夫解释很多很基础的东西。

18. 你可以爱你的每一个好点子,但不要抱着它们不放

有时候你需要很明白,什么时候你要全力说服别人采用你的好点子,什么时候意识到你的团队和客户都对这个方案完全没有兴趣。作为设计师,我们要坚定的相信我们自己做的事情,但也应该开放地倾听别人的意见,该放手的时候应该放弃一些固执的点子,想想是不是有新的解决办法。别忘了,一个问题的解决方案往往不只是唯一一个。

19. 参与到设计方案的开发阶段

如果你在一个设计公司工作,尝尝一个设计项目刚结束,下一个项目就开始了,但你的工作却不应该在你交了PSD文档后就结束了。

如果你关心你的设计和想法能够最后得到更好的执行,你应该时不时和开发人员沟通,帮助解答他们的一些疑惑和问题,并保证所有的像素都是准确的。

20. 展现你的设计过程

在设计师的社区里,我们不光想看最后的成品,也想了解背后作品产生的整个过程。有些时候,最好的版本并不是最后采用的版本,然后在文件夹里就被忘记了。每次项目完成后,你都需要和客户取得你可以用于自我宣传目的展示作品的许可。如果有机会,你都应该展示你的创意过程,也分享那些并没有被采纳的方案。通过这个分享你能让其他设计师有学习和收获,你也可以得到宝贵的回馈。

原文地址
https://medium.com/@claudioguglieri/the-design-workflow-at-a-digital-agency-fd55830a14dc
QQ客服
15970657665
微信二维码
回到顶部