设计师没原创灵感?试试这个方法(含AI附件)UI教程网站

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

1.每个人都拥有原创能力

原创对于设计师来说,就好像歌手独一无二的声音。每个人都拥有原创的能力,只是还没找到办法把这种能力展现出来。如果设计师完全照搬别人的东西,只会让自己的作品失去灵魂,甚至做出来的东西不能称之为作品,只是一种复制。



2.具有个人鲜明风格的原创作品(排名不分先后):

a.木鼠(Dribbble ID: Chuan2)

设计师没原创灵感?试试这个方法(含AI附件)



b.rwds(Dribbble ID: rwds)


设计师没原创灵感?试试这个方法(含AI附件)



c.孔晨(Dribbble ID: Point Vision)


设计师没原创灵感?试试这个方法(含AI附件)




d.zzwang (Dribbble ID: ZZ wang)


设计师没原创灵感?试试这个方法(含AI附件)




e.Burnt Toast Creative(Dribbble ID:Burnt Toast Creative)



设计师没原创灵感?试试这个方法(含AI附件)



f.MBE(Dribbble ID:MBE)



设计师没原创灵感?试试这个方法(含AI附件)



二、原创作品的灵感:


1、优秀的作品激发灵感

dribbble、behance、站酷、优设、优秀网页设计的微博、花瓣、UI中国等等,上面有非常多的优秀作品,保持每天去浏览,一来可以提升审美,二来可以激发灵感(图2.1.1为站酷首页,图2.1.2为dribbble首页)。如果这些优秀作品是设计师展现出来的“招式”,那么我们就要通过分析“招式”来提取“内功”,多去总结,把这些内功转化为支撑自己做原创的理论、方法。这里的分析不是只去分析技法,而是读懂这位设计师在表达什么。本文主要讲述用这种方法来原创作品,以下第三大点会具体分析。



设计师没原创灵感?试试这个方法(含AI附件)


设计师没原创灵感?试试这个方法(含AI附件)


2、现实物体激发灵感

生活就是作品的来源,只要多观察生活中的一切事物,就可以转化为灵感。下图是我之前做的一个小动画,灵感就是来自于我家里的吸尘器,我只是直观地把它展现出来,还没给它加入任何的“思想”。关于如何用现实的物品去构造图标或者插画,我会在下一篇文章里详细阐述。



设计师没原创灵感?试试这个方法(含AI附件)


3、想象激发灵感

不要压抑自己的想象能力,也不要觉得有些想法不切实际。只要是脑海里冒过的灵感,不要让它就此消失,你可以选择用个小本子记下来,等到有空的时候就尝试去做作品,把想法展现出来。



三、如何通过观察优秀作品做出属于自己的原创


1、找到灵感来源

上面说过,dribbble、behance、站酷、优设、优秀网页设计的微博、花瓣、UI中国等都可以找到优秀作品。优设里面有位周小馋老师,我非常喜欢她的风格,其中有一张小插画,让我印象深刻。今天的案例就是以这张插画为灵感,原创出一套四季小插画。



设计师没原创灵感?试试这个方法(含AI附件)


2、总结及分析作品的风格及元素

通过这张插画,我们可以得出这些关键词:粉色、小清新、线性、断点。画面中除了云朵,由五种物体构成(雨伞、小鸟、西瓜、雪糕、冰棒),并且以夸张的大小物体进行对比和结合。

a、从中我提取到的创作灵感是:大小结合、五种物体、小清新。

b、提取灵感关键词之后,就是选定创作风格。我比较擅长的其中一种画法是线面结合风格,也可以说是借鉴MBE风格之后自己进行了调整的一种风格。



设计师没原创灵感?试试这个方法(含AI附件)


3、进行头脑风暴

系列型的插画很广泛,可以画天气、旅行、美食等等,我选择了画四季,并每个季节配上一份美食。


a、大小结合:美食为大,周围景色为小,进行大小搭配


设计师没原创灵感?试试这个方法(含AI附件)


b、五种物体:在纸上发散思维,写出每个季节的特点、配色、物品等等



设计师没原创灵感?试试这个方法(含AI附件)


c、小清新:配色上面尽量使用靠上方的颜色,下图红框是这套插画的选色范围



设计师没原创灵感?试试这个方法(含AI附件)


4、素材收集


a、定位好风格、画法、内容之后,就可以开始进行素材的收集,下面几张图是我在网上找到的图片(图片在此仅用于演示,版权归属原作者或出处)。


设计师没原创灵感?试试这个方法(含AI附件)

b、有的物体形状不太好把握的,可以在网上搜索该物体的简笔画

比如春天的插画里面,我对燕子的造型把握不好,就可以在百度搜索“燕子简笔画”(嗯,请忽略那些不太好看的),从中选出形状最好看和最接近的,先在纸上画一遍,调整到适合的样子,再用电脑画出来。千万不要直接对着图片来描线条,这样不利于锻炼造型能力。


设计师没原创灵感?试试这个方法(含AI附件)




四、插画绘制过程


1、背景与线稿

新建1200*900的画布,每个季节的背景色用圆形色块来表示,这个色块单独为背景图层,并且锁定。线稿我用了描边大小为8pt的深灰色线条。线条的粗细根据你所建的画布来定,不是非要固定一个数值。比如1200*900的画布,我用了8pt的描边大小,但是在2000*1500的画布中,我的描边大小就要适当地扩大到一个比例适合的数值(比例适合的意思是,ui,线条在画面中不会过粗也不会过细)。



设计师没原创灵感?试试这个方法(含AI附件)

2、新建面性图层

复制所有线稿,新建一个图层,粘贴后按“shift+x”,线稿就会转化为面性。删掉那些转化后不是面的线条(比如树枝、吸管)、把重叠的地方多余的线条用断点方法删除。取色范围在图3.3.c已经表示过,颜色不要直接去吸取别的素材或者画面的颜色,要靠肉眼去分辨,直至调到适合的颜色。



设计师没原创灵感?试试这个方法(含AI附件)


3、光影增加

在每个物体增加亮部与暗部。


设计师没原创灵感?试试这个方法(含AI附件)


4、最后画面整体调整

最后在四个插画完成以后,学习ps,放在一起对比,选择颜色跳脱或者过于暗沉的进行调整,使四个插画的色感达到一致。


设计师没原创灵感?试试这个方法(含AI附件)


五、总结


1、下图为四季小插画的展示


设计师没原创灵感?试试这个方法(含AI附件)


设计师没原创灵感?试试这个方法(含AI附件)


设计师没原创灵感?试试这个方法(含AI附件)


设计师没原创灵感?试试这个方法(含AI附件)


2、方法总结:以上的方法,如果觉得还不够直观,可以尝试填这样一份表:



设计师没原创灵感?试试这个方法(含AI附件)


3、通过以上的方法,试着原创三份作品,做完以后,再问自己本文章的第一句话:原创难吗?


4、这个原创四季小插画,我用的是自己个人擅长的风格,不可否认跟周小馋老师的风格相似。这里原创的概念,要跟风格区分开来。个人独特风格,要靠多次不同的原创与尝试才会形成。


5、在这里给出我这套四季插画中夏天的AI文件,可以通过链接和密码下载,仅供参考。看完这篇文章之后,马上试试原创吧~你会发现自己潜能无限。


下载链接:https://pan.baidu.com/s/1m-tWVQ3zXmM7Am1jzwIKGg  

密码:1ykz


p.s.这篇文章以理论性为主,没有把插画的每一步都分解出来做教程~如果想看教程的朋友可以给我留言,等我有空的时候再做~

 收藏