教你4步挖掘设计灵感,30分钟打造出一款圣诞节Banner!~

憋不出灵感就如难产一般,蓝瘦,香菇/(ㄒoㄒ)/~~


憋不出灵感就如难产一般,蓝瘦,香菇/(ㄒoㄒ)/~~

教你4步挖掘设计灵感,30分钟打造出一款圣诞节Banner!~

大家都知道没灵感的后果是什么吧?比如做了一稿又一稿始终get不到老板的兴奋点啦,无止境地加班啦,做着做着感觉不对劲想要中途弃稿啦,时间过了一大半却还迟迟没有动手执行啦等等,所有这些对于创意人或设计师来说可都是噩梦般地存在啊。

所以,要不我们今天来讲一讲怎么挖掘设计灵感好伐?

那么要想找灵感,我们先得知道下面几个问题:

  • What灵感是什么?
  • How-怎么去找到它?
  • Where-灵感一般藏在哪里?
  • When-什么时候找灵感比较合适?

接下来我们,一条一条来讲解咯:

1、灵感是什么gui?

灵感一般是指某个创意/方法/想法,它就像一把钥匙,能帮我们打开解决需求问题的大门,所以说如果我们没有这把钥匙,打开这扇门就会很困难。

2、怎么去找到灵感?

我在上一篇文章里已经提到电商设计的流程问题,包含了前期沟通思考-中期执行-后期修改三个阶段,那么前期沟通思考其实就是寻找灵感的阶段,那么这个一般都可以通过脑爆和做思维导图的方式来实现,我们来举个例子吧:

比如,马上圣诞节要来了嘛,有一款不是大品牌的口红需要做活动(你就假想是网红要推出的一款口红好了),文案如下:

活动主题:惊艳圣诞Party

大标题:够红才够女王范儿

小标题:口红新品/限量发售

定位分析,先理解一下这个活动要表达的几个意思:

  1. 这是圣诞节活动;
  2. 这是卖口红的圣诞节活动;
  3. 买这只口红的人是梦想自己在圣诞Party上成为最受瞩目的那位女王的人;
  4. 这只口红是新品,谁先买了谁就能抢一步体验当女王的感觉,价格多少是其次;
  5. 买这只口红的人应该是爱玩的年轻少女或少妇,内心是渴望放纵渴望变美渴望变时尚的;

接下来我们就来开始寻找灵感咯,我做了一张思维发散图,大家可以看一下:

教你4步挖掘设计灵感,30分钟打造出一款圣诞节Banner!~

根据以上思维发散图,我们不难发现,其实同一个文案或活动主题的设计是有很多种实现方法的,相当于高等数学里的排列组合一样,而我们做设计的时候呢,无非就是要权衡氛围的热闹程度以及我们想突出表现什么信息,比如:

  • 你是想要画面热闹一点还是冷静一点?
  • 你是想要画面时尚一点还是保守一点?
  • 你是想要画面体现氛围多一点还是体现产品本身的功能或样式多一点?
  • 你是想以卖货为主还是想以展示效果为主?

等等等。。。

总之,根据不同的方向所设计出来的结果是不一样的。

比如,对于我来说的话,我更想要以体现氛围为主,我想要画面里出现模特代言一样的效果,那么接下来我就可以提取一些符合我要的定位方向的关键词来确定设计方向:我们分别从风格/形式/标题/配色来说明,如下所示:

风格:时尚镂空折纸;

形式:模拟打开礼盒的形式,仿佛是礼盒一打开就出现了一位红唇齿白的美女,手里还拿着口红;

标题:

标题采用居左排版样式,加粗字体;

配色:红/绿/白;

基于以上的思考分析,我自己做了一版banner图,如下图所示:

教你4步挖掘设计灵感,30分钟打造出一款圣诞节Banner!~

下面是GIF步骤图(因为步骤比较多,导致图片尺寸略大,所以画质不太好):

教你4步挖掘设计灵感,30分钟打造出一款圣诞节Banner!~

这里需要说明的是,大多数时候,我们是不可能有那么好的运气,能找到与自己想要的效果完全匹配的模特或产品素材的,所以需要自己能结合手绘或合成等等方法来达到自己想要的目的,比如上面那个模特妹子的鹿角发卡和口红都是我后来添加上去的。

3、灵感一般藏在哪里?

根据我前面的分析方法,你可能已经知道该怎么去寻找灵感了,但是灵感也是需要培养和积累的,所以我们可以在下面这些地方去发现和挖掘灵感。

1)看网站

比如做电商的设计师千万不要只盯着天猫/淘宝/京东等等电商平台或者某些店铺,这样子眼界是打不开的。

就拿一张最简单的Banner图来说,就单单拿视觉设计层面来说,它就涉及到了创意/文案/排版/图片处理/色彩搭配等等方面的知识,涉及层面这么广光只是看电商网站或店铺哪够呀,所以下面这些网站也许大家会用到:

  • 创意广告:http://adsoftheworld.com/
  • 时尚杂志:http://issuu.com/
  • 优秀网页设计:http://www.thefwa.com/
  • 全球酷站中心Html5页面 http://www.iiiimg.com/

素材网站:

  • http://huaban.com/
  • https://www.pinterest.com/
  • CI门户网站:http://www.asiaci.com/

其他大家常逛的国外网站:

  • https://www.behance.net/
  • https://dribbble.com/
  • http://cargocollective.com/

还有站酷以及旗下的海洛创意and数英等等网站也不错~

2)看电影或娱乐节目/玩游戏

我有时候做设计或写文章之前会去看一部电影,因为每一部不同题材的电影都是凝集了大量的灵感和素材的,比如要做一个时尚专题啊,我就去看看跟时尚有关的电影,比如《穿PRADA的女魔头》和《可可香奈儿》都是我很喜欢的2部跟时尚有关的电影(看过好多遍了,哈哈),还有以前有段时间很喜欢看全美超模这个节目,不过不是每个人都喜欢看。

如果你要做很炫酷质感的页面也可以去看一些科幻片或动作片什么的,哈哈~总之依次类推看个人喜好吧。

3)看书/听歌

有时候看书或者听歌的时候,觉得写的不错的句子可以记下来,没准下次可以拿来做文案用,再或者有些人不知道怎么做练习,那么你也可以在一些书本或歌词里去找灵感,根据某一段情节或某一句话来确定好一个主题去发挥,这个方法我以前在拍照的时候经常用到。

而且我发现听歌的类别对于做设计也有影响,我要是听一些很悲伤的歌曲或者一些非常high的歌曲完全就没法做设计了,其他人我就不知道什么情况了,反正,每个人的喜好和情况不一样吧,比如我前段时间听陈奕迅的歌就整个人比较低落,做什么事情都没有心情,最近换听周杰伦的歌感觉好了很多,哈哈,找到适合自己的给很重要。

4)与人聊天或冥想

我不知道你们有没有过这种经历,就是没想法了或者做设计做到一半做不下去了,不妨拉个好基友聊聊天吹吹牛逼什么的,2颗脑袋肯定比一颗脑袋要管用啊。

再一个就是冥想,这可能比较适合那种想象力丰富一点的人,自己一个人安静的时候可以想很多事情很多画面,然后感觉来了就赶紧记下来,说不定就把灵感捕捉到了。

5)跨界,累了无聊了可以抽出部分时间去拍拍照,画画或做做手工,因为灵感往往会在不同行业里互相流通。

6)观察生活小细节

比方说很多能打动人的有故事情节的设计其实都是取材于现实生活的;

还有很多人说想学习配色,殊不知你随便瞅一下你身边的花草昆虫动物什么的,都是非常好的配色案例,天上飞的,水里游的等等太多可取之处了;

还有光影透视之类的,你就找不同材质的杯子放在同一个地方,观察它从早上到晚上的阴影明暗变化,比你看一大堆视频还有用;

甚至你在做公交车的时候都可以观察下下雨天和晴天车灯跟地面之间有什么不同的变化,等等还有好多我就不多说啦,你们可以自己去体会啦,哈哈~

4、When-什么时候找灵感比较合适?

毕竟我们是做商业设计嘛,需求总是不经意间就来了,而且每次都是未知的,灵感哪有那么容易来啊,再一个不同的人习惯和喜好都不一样,大部分设计师是在晚上比较容易来灵感,还有些人的灵感什么时候来跟心情有关,所以….这个问题,其实是无解的。

但有一点是肯定的:你多搜集多积累多感受生活,灵感不一定马上出现;你不积累不搜集不去感受生活,灵感一定不会平白无辜地出现;

#专栏作家#

做设计的面条,公众号:做设计的面条,人人都是产品经理专栏作家。一位擅长将电商及banner设计讲得最透彻易懂的妹子,有趣有料会拍照,欢迎互相交流。

本文原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/26522/

(0)
CatherineCatherine
上一篇 2017-05-14 22:45
下一篇 2017-05-15 00:33

相关推荐

  • 无框界面的四大优势,为你演绎一种新的设计风格

    无框界面其实不过是界面风格的一种罢了,并不是包治百病的神药。糟糕的设计师,什么风格都拯救布料;而能自成一派的优秀设计师并不需要收到任何风格的局限。

    2017-05-10
  • Sketch 这几招你肯定不知道

    1.精确调整元素属性在点击元素属性旁的箭头时按住 alt 键可以以10px 倍进行调整,按住 option 键则是0.1px 倍。2.用对齐工具对齐锚点Sketch 中的对齐工具不仅可以对齐群组和图层,还能够对齐锚点,非常方便。3.导航栏文本状态调整与其为导航栏每一个状态都重新做一下,不如将导航栏中的所有元素转为一个符号(symbol),这一个符号中调整样式即可。如果要隐藏文字图层的话只需要在符号的对应文字中输入空格键即可。4.直接拖动...

    2018-04-26
  • 用户所说,非其所做

    当用户反馈问题时,这真的是他们遇到的问题吗?当用户讲述需求时,这真的是他们的实际需求吗?可能未必真实。例如,一家公司曾做过一个研究,他们通过调查问卷询问用户对手机颜色的偏好,当询问用户是否愿意购买一个红色的手机时,许多用户都回答愿意;然而在问卷调查之后,研究者告诉用户,“你可以在一个红色和一个黑色的手机中选择一个作为礼物带走。”结果却发现,大多数用户仍然选择了黑色的手机作为礼物,即便是那些回答更愿意购买红色的用户也是如此。

    2017-05-26
  • 解读互动行业,鲜为人知的我们这样做网站

    大浪淘沙,就像2.0时代最火的人人、开心网没有把握移动互联网的机遇纷纷衰败,转型脚步落后的互动公司也逆流而逝,很多互动设计师都被迫找寻新的方向。本文作者将给大家介绍什么是互动设计,为什么要那样做网站以及互动行业的兴衰史。Infecting your screen for your enjoyment
    为你的愉悦而感染你的屏幕被遗忘的是
    那些放开手的人
    被遗忘的是
    放开手的人梦里南柯,且无痕,浮生若是;
    生非苦短,知天命,则无所怠。

    2017-05-13
  • 从了解用户的注意力开始,创造更优秀的用户体验

    作者:Norbi Gaal译者:优设网-陈子木链接:https://www.uisdc.com/introduction-to-human-attention这是一篇源自心理学家和 UX设计师的关于人类注意力研究的文章。在产品团队中,用户体验设计师的工作是输出高可用性、易用性的可交互数字产品。当我们在设计这些产品的时候,我们花费了大量的时间来探索不同的研究方法,了解不同用户的行为、习惯和需求。对于绝大多数的用户而言,在行为模式和心理结构...

    2018-04-07
  • 88个IXDC国际体验大会的PPT干货

    88个IXDC国际体验大会的PPT干货 毫无水分的PPT资料,快来下吧。   下载地址:http://pan.baidu.com/s/1gekWpJd 密码:请在 【艾欧交互设计】公众号里回复:【ixdc】获得密码 ​微信二维码见页面底部

    交互设计 2015-12-16
  • 用户体验进一步提升!微信官方将优化小程序授权

    序多多小程序无需开发,轻松上手,小程序极速免费生成!十分完美的事物中在这个世界上是不存在的,每个事物需在近乎完美的道路上苛求自己,不断完善。小程序亦是如此,它是互联网时代进步的产物,被互联网大佬们追逐,被用户用完即走。但它也有被人诟病的地方,即会在用户首次启动时直接要求授权,甚至有的小程序会出现若用户不授权,小程序将会出现异常,或进入死循环的情况。相信很多用户都遇到过不授权便会出现死循环的小程序,最后只能退出微信重新进入,造成用户体验很...

    2018-04-21
  • iPhone X 交互设计官方指南

    编译|覃云北京时间 9 月 13 日凌晨,苹果发布了带刘海的 iPhone X,这个屏幕需要 iOS 开发者做新的适配,会后苹果发布了 iPhone X 的适配指南,我们将它翻译出来供大家参考。本文首发于 InfoQ 垂直号移动开发前线,ID:bornmobileiPhone XiPhone X 拥有一个宽大的、高分辨率、圆角的、扩展到边缘的屏幕,提供了以前从未有过的沉浸式、内容丰富的体验。屏幕尺寸在纵向方向上,iPhone X 显示屏...

    2018-01-31
  • 如何在界面设计中“色”诱用户?

    在设计过程中,如何最佳地搭配颜色,诱导用户视线?是不是在为图标选择什么颜色而烦恼,反反复复地尝试,总不能达到想要的效果。是不是总在羡慕“别人家的设计”,而苦于无从下手?其实所有的颜色都有些小规律,今天@Micu设计 就和大家聊一聊“色”。

    2017-06-05
  • 成也排版败也排版:一个选择的过程

    作为设计师有一个重要的技能:如何选择文字。这是因为文字是设计师和客户沟通的主要方式之一。那么排版就是决定你设计好坏的重要因素。GoldenRatio (1:1.618)
    1.000x 1.618 = 1.618
    1.618x 1.618 = 2.618
    2.618x 1.618 = 4.236
    4.236x 1.618 = 6.854
    6.854x 1.618 = 11.089GoldenRatio (1:1.618)

    11.089x 1.618 = 17.942
    17.942x 1.618 = 29.03
    29.030x 1.618 = 46.971
    46.971x 1.618 = 75.999
    75.999x 1.618 = 122.966MinorSecond 15:16
    MajorSecond 8:9
    MinorThird 5:6
    Major Third 4:5
    …PerfectFourth (3:4)

    9.969x 1.333 = 13.288
    13.288x 1.333 = 17.713
    17.713x 1.333 = 23.612
    23.612x 1.333 = 31.475
    31.475x 1.333 = 41.956
    41.956x 1.333 = 55.927FontSizes
    Header1: 55px
    Header2: 42px
    Header3: 31px
    Header4: 24px
    Header5: 14px
    Body:17px
    Caption:14px

    2017-05-01