我如何学习创造力?


126

我一生都是程序员,现在我发现我真的需要开始设计自己的东西。我知道如何内外使用Photoshop,但是我无法创建任何精美的东西。我经常访问Dribbble并尝试获得一些启发,但是我对他们的创造力不知所措。他们如何提出这些东西?

除了学习诸如色彩理论等设计基础知识外,提出一些新颖美观的设计的最佳方法是什么?在Photoshop中进行设计之前,我应该在铅笔和纸上绘画设计吗?我主要指的是界面设计。最近,我一直在寻找随机的Dribbble接口设计,并尝试从头开始复制它们。我经常很成功,但是我知道我自己不可能做到。

另一个问题是广告素材如何做到?

他们首先想到的是设计,然后将其绘制在纸上,然后是Photoshop吗?

还是他们只是在Photoshop上玩而已,直到出现一些不错的东西?要不然是啥?


4
另请参见:graphicdesign.stackexchange.com/q/31/93(“必须或想要学习平面设计的程序员的提示和资源”)
Philip Regan

4
要回答问题的“非创意”部分-是的,首先使用铅笔和纸草绘UI肯定有优势,许多专职UI设计师会这样做。它更快,更容易向其他人展示(他们自己不太愿意批评看起来很花时间的事情),并且您可以很容易地根据他们的评论即时进行更改。查看Carolyn Snyder出色的Paper Prototyping书籍和网站,以获取更多有关此的信息。
calum_b 2011年

1
首先,我建议您阅读罗伯特·布林赫斯特(Robert Bringhurst)的印刷风格元素。尽管关于排版(对于网络来说是必不可少的)很多,但它在设计,感知,美学等方面也有很多……我称之为设计圣经。
罗伯特·科里特尼克

2
说实话的创意。在视觉效果和编程方面都是如此:您必须记录小时数以达到可以忍受的良好状态(然后希望继续保持良好状态)。尝试,失败,尝试,失败更好。这是很多艰苦的工作。这不是魔术,真的。
benteh

2
好的,很好,它不是很主题,但仍然很有趣:youtube.com/watch ? v= 9C_HReR_McQ ;)
FrustratedWithFormsDesigner

Answers:


163

如果您是一名程序员,那么您已经很有创造力。程序设计是最富创造力的职业之一(否则“优雅”一词为什么会受到如此高的称赞?)。这么多。

因此,让我们缩小范围。您想要一条途径将您已经存在的创造力引入VISUAL艺术中,而不是将鲜为人知的良好编码艺术中。

像编程一样,视觉设计也有自己的基础和技术。很好,因为这意味着有一些可学习的规则和可教的技能,尽管它们可能不会在一夜之间使您成为举世闻名的UI设计师,但至少可以使您达到“称职”的水平。您可以走多远取决于您。

学习任何技能的一般规则:您必须能够复制(完全重新创建他人所做的事情),然后才能开始(创建自己的从头开始的设计)。这适用于艺术,音乐,编程等等。

有关出色的视觉设计的大量介绍(和不断参考),请订阅《Before and After》杂志和/或购买和阅读John McWade的优秀著作“ Page Design”“ How to Design Cool Stuff”。 购买,阅读和重读罗宾·威廉姆斯(Robin Williams)的“非设计师的设计书”

对于UI,请看Joel Spolsky的精彩文章“ 为有更好工作要做的人设计 ”。这可能是所有UI设计师都必须知道的最重要,最简洁的展览。

正如您已经在做的那样,并且完成了上面的一些研究之后,请搜索出色的UI设计并弄清楚它们是如何完成的。完全重新创建它们。在此过程中,将发生三件事:

  1. 您会将您一直在研究的设计基础知识与实际示例联系起来。当原理和应用结合在一起时,原理就深深地埋藏在您的脑海中,您不再需要记住它。它会自动变成您认为的东西。

  2. 您将建立技术词汇,就像您每天在编码中使用的算法编程词汇和编程快捷方式一样。

  3. 您将开始对自己的想法充满信心。我保证您至少要有一个“啊哈”!当您看到一些成功的UI设计并意识到时,“嘿!我可以做得更好!” 您自己的设计将变得生动起来,并且您将一如既往。

让我们知道您的身体情况如何。

[2014年12月29日编辑] 如果有人对更深入的处理感兴趣,我已将此答案扩大为creativepro.com上的全文。


1
好的答案,但我不会说编码比大多数其他专业都或多或少具有创造力。一个很好的类比是木工:任何人都可以做到。很多人做得不好(直到房子倒塌,几十年后你才注意到问题);做好几十年的实践;任何人都可以欣赏大师作品。在过去的几年中,我注意到我开始学习如何学习(您认为12年的学校学历和两个学位可以教这个,但事实并非如此)。这都是关于查看模式的。您说对了,这是一项完全可以转让的技能。
naught101

3
如果您将创造力定义为带来有价值的原始想法的过程(如肯·罗宾逊所做的那样),那么您必须说编程或工程学通常比木工(而非橱柜制造)或汽车维修更具有创造力。 。并不是说木匠或技师不能具有创造力,而是这些职业通常不需要像软件工程师,雕塑家或图形设计师那样具有创造力的思想。
艾伦·吉尔伯特森

2
玩。玩得开心,这是我告诉初学者的。
Stan

我同意你的第一段,但此后下坡。编程不是一门视觉艺术(从根本上说,它根本不是一门艺术,而是一门科学。这就是为什么它被称为“计算机科学”而不是“计算机艺术”的原因),同样重要的是,网页设计(或任何设计)与众不同我认为,通过Web开发,作为一名编码人员/程序员,您将倾向于做更多的编码,并且在设计上没有太多投入。设计往往是UX设计师和图形艺术家等的境界
TylerH

@TylerH-我想您错过了问题答案的重点。
艾伦·吉尔伯森

32

我的回答部分与您的问题有关,但我的感觉是,我需要动力来盘算自己,而您也需要一些。

你可以有创造力吗?

绝对!

用你的想象力改变你的信念;花点时间思考。

当我在这个领域成为新手时,我的想法也一样,但是随着时间的流逝,我知道只有我才能随着时间的流逝解决这些问题。只要注意,接受你的缺点。没有人是完美的; 时间和经验使我们在人群中脱颖而出。

没有人从母亲的子宫中出来,一无所知,我们从中学到

许多人认为创造力是与生俱来的。在某种程度上说是正确的,但也可以通过一些实践/知识来改进。

创造力不仅会发生;相反,它必须有意识地创建。尽管听起来可能违反直觉,但鼓励创造力的一种方法是通过有目的的仪式。


如何学习创造力:

发挥创造力的第一步是从词汇表中删除“我不是创造力”一词。认真地说,不要说出来,甚至不要在脑海里说出来。

现在,您需要开始查看利基市场中其他人在做什么。在网上查找它们,阅读书籍,观看有关它们的电视节目。您越了解他们在做什么,就越能感受到他们的想法以及他们如何提出创意。

找到让您完全放松的方式或地方。这很重要,因此您可以让自己的想法出来。写下它们后记下来。对我来说,一个放松的地方在大自然的外面,那里安静而阳光明媚,或者我一个人开车兜风很长。

尝试每天记下一些想法。即使它们看起来像是愚蠢的想法,也请写下来。这是一个循序渐进的过程。扩展前一周的先前想法。

重复阅读和观察相似的人在做什么以及他们如何发挥创造力的过程,找到一个放松的地方写下您的想法,并每天记下一些想法,直到您开始看到自己满意的结果为止。这可能需要数周或数月的时间,但这是您需要全神贯注才能变得更有创造力的训练过程。

请记住,以不同的角度看待事物也会对创造力产生重大影响。质疑其他人以相同的方式做某事的方式,看看是否不同并以另一种方式做会产生一些酷的事情。

来源(每个人都可以发挥创造力!


缺乏创造力的原因有两点:

  • 社会条件:

从我们出生的那一天起,我们就开始被教导如何做,如何生活,什么是对和什么是错。我们训练有素,可以接受其他人告诉我们该怎么做。我们受过训练以遵守规则和系统,有时甚至没有被解释为什么如此,而只是被告知那是“事情的方式”和事情的完成方式。

换句话说,我们几乎不被教导要为自己思考。我们并没有真正地学会如何发挥和发挥创造力,自由的思想家和富有创造力的人常常不得不承受很多判断和批评,因为他们敢于与众不同并在框外思考。

  • 自我限制的信念:

由于这种社会条件,我们没有真正的创造力经验,因为我们的思维过程受到局限和限制。当我们时不时地在盒子外面徘徊,尝试去创新,但这种方法行不通或可怕地出现时,我们开始建立一种信念,即我们没有创造力。我们尝试越多,就越陷入困境,就越能证实我们对自己没有创造力的信念。

一旦建立了这种自我限制的信念,就很难打破这种信念,而我们常常甚至最终都不再尝试做需要创造力的事情。


可能复制这一问题的programmers.stackexchange.com 看到自己优秀的答案


要获得更多灵感,请阅读以下文章:

  1. 如何拥抱您的内部创意
  2. 面向创意网站设计师的10本书免费
  3. 来自programmers.stackexchange.com的回答

(请阅读changethis.com上的文章,它们会像火箭一样助您一臂之力)


我希望至少通过阅读所有这些内容,您会发现自己有所改变,并且如果您有耐心的话,随着时间的推移会变得更有创造力。


17

我认为您的问题不是关于如何发挥创造力,而是关于如何能够创建视觉吸引力的内容。

我知道许多图形设计师都是优秀的或有才能的,但是根本没有创造力(就创新和开箱思维而言)。

现在,根据我的经验,能够产生视觉上吸引人的内容的人们,无论是计算机图形学,绘画还是涂鸦,都具有某种天生的本领,或者根本就不是。很多程序员都具备这种天赋,大多数不是。

如果您相信自己在某种程度上有才华,那只是训练自己的问题。阅读设计杂志(“ SmashingMagazine”是一个不错的起点),每天访问CSS画廊(我的最爱是CSSremix和Web Creme),并找到可以教您如何重现在那里看到的视觉效果的教程。

要做的另一件事是了解美的背后的理论。阅读有关版式,空白,UI设计,UX和可用性的信息。另外,请查看我们在Binpress上的博客,我们即将推出面向开发人员的设计系列。


13

对我来说,听起来你缺乏自信。

您已经掌握了一个困难的部分:编程,正如Alan所说的那样,编程是一项创造性的工作。

我的提示:保持简单,学习有关布局的基本规则并找到自己的样式。本书:网站的设计对我的设计结构有很大帮助,而本书:概念书对我的设计启发了很多。

我认为,尝试在运球这类网站上寻找灵感是可以的,但对于初学者来说也可能会令人沮丧,因为他们倾向于认为每个人的工作都比他们的工作更好。另外,我喜欢将苹果与苹果进行比较,这意味着您无法将新手的工作与经验丰富的设计师的工作进行比较。给自己一点学习的机会!


11

您的问题范围有点广,但是让我尝试解释我如何进入界面设计。我刚开始从事多年的个人Web项目,然后访问了有关如何使用Photoshop来创建特定结果的教程的网站,然后我开始为其他人和雇主执行一些项目,并且通常只是继续尝试和迭代。

然后我去了相关领域的学士学位(多媒体),接受了相当多的正规设计教育。由于许多原因,这很重要。正规教育不会长远地教会您一切,但是对您的基础面貌却产生了巨大的影响。

如果您沉浸在谈论优秀设计的博客中,定期浏览着重于优秀设计的网站,并花大量时间与从事优秀设计的人进行实际交谈,那么您最终会感觉到如何识别您的作品是否有用好。然后,您需要花一些时间来学习产生出良好设计的工艺和技术,然后您自己的作品将开始达到专业认可的质量水平。

这个职业有点大,要确保进入设计阶段就知道自己要做什么,就不会很快取得好的结果。您真的需要设计自己的东西吗?


8

作为程序员而不是设计师,我发现当我“在浏览器中设计”而不是Photoshop时,它有助于我的创作过程。

我通常从HTML和CSS开始,以简化基本布局,并在需要创建按钮或其他图形元素时使用Photoshop。这也加快了过程并使开发更快。

当我使用Photoshop时,最终产品通常与Photoshop中提供的产品完全不同。


7

对于任何试图利用其新生创意的人来说,有一个古老的广告经典确实很重要:詹姆士·杨(James Young)的“创意技术”

我在其他地方提到过它,但是在这里我将谈到 Young的方法的要点。

  1. 收集原材料:将手头的话题充斥于大脑。

  2. 摘录材料:研究发现的内容,看看连接在哪里。

  3. 无意识的处理:这是您等待灵感来袭的地方-暂时回到世界。

  4. 灵感来袭:潜意识完成后,它会移交您认为无法做到的事情。

  5. 面对现实:汲取巨大的灵感,并从中汲取灵感。


5

在Photoshop中播放。犯很多错误,并迅速尝试许多设计。如果他们没有找到您想要的方式,请不要担心。完成它们,然后移到下一个。唯一需要看到他们的人是您。将他们与您喜欢的设计师作品进行评判,然后尝试弄清楚他们做了哪些工作以加倍努力。

在deviantart和behance上找到您喜欢的设计师,然后查看他们的最爱和激发他们灵感的人,不久之后您就会看到很多漂亮的设计,而您的大脑会全神贯注。制作一个灵感文件夹,并将您喜欢的所有设计保存到其中。

从喜欢的网站中切出元素,例如从一个网站导航,从另一个网站图库图片边框,从另一个网站浏览社交媒体按钮,建立一个您喜欢的事物的文件夹,然后尝试将它们全部组合到一个网站中。

实验和玩耍,它的乐趣:)


5

互联网通常是我创造力的来源,但自然界中的反思也有助于激发创造力。

我画的不好,但是在观看了越来越多的教程和视频之后,我越来越有信心为Digital Realm创建东西。

除了Dribbble或DeviantArt,以下是我的一些最佳资源。

  • 网页设计分类帐/灵感

  • 设计指导

  • Slodive Illustrator教程

  • 在Graphic River和Google如何制作自己的教程上查看人们在做什么

  • 这是巨大的一个良好的图形设计网站

  • 学习与Riven Phoenix绘制解剖

  • 现代艺术博物馆的网站是MOMA.org。

  • 在当地大学参加艺术鉴赏课程,成为下一届毕加索

  • 根据画家Bob Ross的说法,BuzzFeed撰写了一篇精彩的生活文章

    buzzfeed.com/awesomer/profound-wisdom-from-bob-ross

显然,我必须拥有较高的声誉才能发布更多链接,但您可以自己搜索那些。

Youtube Adob​​e Illustrator教程也很有帮助。Lynda.com将教您如何使用Adobe产品或寻找GIMP的开源教程。


4

其所有细节。

大多数有创造力的人都学习如何在工作中进行细节处理。无创造力的人们的工作总是看起来没有完成。学习完善您的设计,它将看起来很有创意,

这意味着:

  • 擦亮那些边缘
  • 在必要的地方添加阴影,高光以增加工作趣味
  • 对于初学者,请使用不可见网格放置元素
  • 添加边缘或边界以合并或划分元素

...你明白我的意思吧?

花无数小时来观看别人的作品以寻求灵感会耗尽您的精力。在其他人的工作之外寻求灵感。这意味着去拍照,看小说,去美术馆。


您不能通过抛光来创造一个无用的创意!“创意”不只是一个流行词,意思是“好” ...创意就是提出创意,然后将创意转变为更多的创意,以获得值得完善和完善的创意。在此阶段,担心细节和看起来已经完成的事情会妨碍您的工作。这就是为什么创意设计师的素描本充满了成千上万个未完成的想法的原因。Ben列出的四个例程和技术是程序性技能-也很重要,但与创造力不同。(尽管最后一点与创造力有关)
user568458

4

我看到许多有关您问题“好看”部分的答案。我想补充一下创造力,因为我认为它们是完全不同的两件事。我认为创造力非常重要,因为即使您的Photoshop技能不够好,它也可以使您给人们留下深刻的印象。一个好的概念即使有点丑陋,也总是会比没有灵魂的事物产生更大的影响。最好的部分是,与Photoshop相比,创造力可以影响您生活的许多领域。

我会看一下Alex Osborn的工作:集思广益,Osborn的清单是我经常使用的两种方法(以至于它们现在看来已根深蒂固,我没有自觉地考虑)。爱德华·德波诺(Edward De Bono)也有一些很棒的书。

我给自己的一些规则:保持开放/谦逊的心态,做一个海绵,将自己暴露于各种事物,即使有一个好主意,也不要对一个主意感到满足,睡个好觉或动脑花费一些时间在做其他事情的同时“煮”东西。

如果您在分配任务时遇到问题,则可以查看斯坦福大学的MOOC“关于创意的速成班”。我在2013年夏天拍摄了它,效果非常好。(http://venture-lab.org/creativity

更新:我已经回答了一段时间,但是最近对该主题进行了更深入的讨论。回顾一些关于创造力评估的研究,可以对它进行后向工程以提出目标,以使其更具创造力。

评估创造力:教育者指南 http://files.eric.ed.gov/fulltext/ED505548.pdf

创造力定义为关键个人特征,分为:

想法产生流利,灵活,独创,详尽和隐喻思维

深入研究想法 分析,综合,重组或重新定义,评估,查看关系,希望解决歧义或使秩序混乱,并更喜欢复杂性或理解复杂性。

探索思想的开放性问题敏感性,审美敏感性,好奇心,幽默感,嬉戏性,幻想和想象力,冒险精神,对模棱两可的忍耐力,坚韧,开放的经验,情感敏感性,适应性,直觉,成长的意愿,不愿接受没有批判性检查的专制主张,以及二分法或对立论的整合。

倾听内心的声音意识到创造力,毅力或毅力,自我指导,内部控制源,内省,摆脱陈规定型观念,集中精神,精力和职业道德的意识。

(Treffinger等,2002)


3

也有人指出你在正确的方向,看看其他人的设计了很多。注意细微的细节,您的思想将完成其余的工作。您将开始使用自己的设计“展示”。但是,在您可能希望它们成为的意义上,它们将不是“原始的”。

设计,尤其是界面设计,并不是要创造一种事物。相反,如果您遵循人们已经知道的原则和惯例那么您将是一个更好的设计师

例如,更重要的是:要想出最有趣的图标来表示“发送电子邮件”或帮助人们浏览您的界面,请立即找到“发送电子邮件”图标并加以识别?

那就对了…

因此,我对您的建议是着重注意模式和现有约定,并在界面设计中采用它们。您的用户将感谢您。

另外,您应该首先关注设计的功能。您想帮助人们完成什么?他们想与您的应用程序/网站做什么?您如何让他们轻松完成这项任务?

我处理了“原始”部分。现在,关于问题的第二部分-使设计看起来不错:

除了学习诸如颜色理论等设计基础知识外,提出一些[原始]外观漂亮的最佳方法是什么?

请允许我讲一个故事。

在一月份,当我偶然发现其中一篇文章时,我正在浏览reddit.com/r/web_design:“学习HTML&CSS之后,我感到被困住了。我自己设计网站的下一步是什么?”

OP迷失在框架,库和软件的海洋中:

我必须学习Photoshop或Sketch吗?我必须学习Bootstrap吗?我现在应该转向JavaScript还是阅读有关设计的更多信息?

我知道掌握更多工具不是解决方案。多年来,我一直在尝试自己的设计,但并未扩展我的设计知识。

而且由于您不只是通过精通Photoshop来成为一名Web设计师(毕竟它只是一个工具),所以我与OP分享了我的Web设计过程。

事实证明这是有帮助的,因为许多其他人也感谢我,我最终[将我的评论扩大到帖子中](https://www.reddit.com/r/web_design/comments/2x815r/feel_stuck_after_learning_htmlcss_heres_how_to /)。令我惊讶的是,该帖子广受欢迎(获得了1k多个投票)。

这样,我就有机会与许多初学者的Web设计师交谈,并找出他们正在苦苦挣扎的东西。

第一响应是:

我的设计看起来并不专业!

现在,我可以指出一百万个设计为何看起来不“专业”的原因。我就是这样做的。但这并没有太大帮助。我觉得人们需要一些能够真正帮助他们提高比赛水平的东西。

经过更多的思考,研究和与Web设计师面对面的交谈之后,我才意识到,初学者的设计缺少的是和谐

和谐是美的基础 -基于和谐比例的设计对眼睛的吸引力远大于不和谐的外观。

和谐不仅仅在于元素和比例的大小:您可以使设计的颜色之间具有和谐感,使消息与整个颜色方案之间具有和谐感,使字母(字体)的图形与字体之间具有和谐感。复制的心情等等。

总之,这是使设计“看起来不错”的方式

  1. 考虑一下网站的目标。用户想要完成什么?企业要完成什么?您如何才能使双方都轻松实现目标?和谐始于确定共同的目标。
  2. 考虑一下您要发送的消息。网站看起来必须复古吗?它必须激发信任吗?它一定要好玩吗?相似的网站是什么样的?他们使用什么字体和颜色?这样便可以找到与网站的目标和信息相协调的颜色和字体。
  3. 使用模块化比例尺按比例调整元素大小。大小上的协调在视觉上令人愉悦。

我写了一个由三部分组成的关于和谐和使用模块化标尺的迷你系列。你可以在这里得到


2

尝试做自己,也要注意所有传统规则和现代风格。然后,在经过大量观察后,当您了解这些知识后,请尝试表达自己的身份并制定自己的规则。

PS。考虑技术

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.