ui设计临摹素材-UI设计要学习哪些知识？初学者该如何入门

适合新手临摹的插画

适合新手临摹的插画如下:

推荐一些适合临摹的黑白花朵图片。

工具/原料:白纸或者本子、铅笔、橡皮、黑色记号笔。

1、先画出瓶子的大概形状,再确定花朵的在瓶中的位置,然后将细节一点点丰富上去。

2、可以先确定一朵花的位置,以这朵花为中心,将其他的花朵画出来,最后画上托底的冰淇淋筒,当然外面的一圈黑色也不能忘记。

3、可以先将最复杂的花朵画好,其他的花朵按照这朵花来确定位置,看着图片调整位置,最后画上烟盒,丰富细节。

4、先画一个圆圈,再将最主要的花朵图案画出来,注意位置,最后画上壶嘴,上色,点缀白色圆点即可。

5、先在白纸上画出一个大小合适的圆形,再将边缘最大的花朵画上去,再画旁边的花朵,最后画上面的花朵。上色,丰富细节。

6、可以先将咖啡杯给画出来,再画第一朵花,然后依次画出相邻的花朵,最后用记号笔勾勒线条,上色。点缀一些细节。

拓展:

临摹是指按照原作仿制书法和绘画作品的过程。临,是照着原作写或画;摹,是用薄纸(绢)蒙在原作上面写或画。广义的临摹,所仿制的不一定是字画,也可能是碑、帖等。

如何画插画

一_寤茉谥缴匣痪托辛寺穑课裁椿挂_叭砑糠丫⒉唬

插画在纸上画,那是一个传统的插画绘画方法,用到纸张颜料等,这个就是我们通常说的手绘插画,而学软件画插画,指的是数位板插画,或者叫板绘插画,就是在电脑上进行一个插画的绘制,而这种形式有没有必须学习呢?当然有必要的,现在网上接单约稿,基本都要求用数位板进行绘画,因为方便修改,绘画的效率也快,是目前市场的主流需求,所以大家很有必要通过软件进行一个插画的绘制。大家可以理解一下下面的板绘是怎么回事,就知道为什么画插画要用到软件了。

板绘通俗理解就是在电子设备数位板上进行绘画,绘画效果在电脑上呈现,会用到ps软件和sai软件,而不是用传统的画笔和纸张。板绘作为科技进步的产物,非常明显的优点是非常方便反复修改和调整,帮助画师节省了大量时间和精力,板绘作品也方便保存,而且不用颜料和纸张,基本上是0成本。下图就是用一台数位板绘画的效果呈现。

二__安寤砑牟僮鞣椒ê芗虻ィ腔崛砑纳杓扑嘉苣选

很多小伙伴会纳闷,软件的操作方法我都会啊,为什么当我去绘画的时候,感觉非常的力不从心,画不出什么像样的作品呢?画的作品简直就是惨不忍睹啊,一方面是因为软件的使用你不熟练,另一方面你不具备通过软件进行的设计思维,并没有从真正的层面上掌握软件,我们通常说学东西要从两个层面下手,道和术的层面,术是方法,道是思维和根本。就像用同样都调料,厨师炒出来的菜,就是比我们做的香,这就是厨师有一种炒菜的思维,知道怎么利用配比调料,才能达到恰到好处的状态。

为了帮助大家提升学习插画软件的技术操作,以及设计思维的提升,真正的提高自己对软件的驾驭能力,同学们可以到一位高手老师那里去取取经,充实一下自己,开阔一下眼光,他每天晚上8点都会在网上免费直播讲板绘插画原画课程,即便是很多零基础的同学也很喜欢去听,因为老师讲的通俗易懂还挺幽默,对大家的思维提升,会有一种很好的指引作用,要想学会真正有用的板绘插画,就的找高手老师不断学习,这才是学习的真谛。想学的同学可以到羽柔老师的卫馨(谐音):排在前边的是:gon排在后边的是:699,把以上两组字母按照先后顺序组合起来即可。

人生的成功不是无缘无故的成功,没有天上掉馅饼的成功,只有通过不断学习,不断的给自己加油,补充能量,你才能真正拨开云雾见月明。把别人脑袋里的东西,放到自己脑袋里,让自己更强大,此为智者。

三_常用的三款电脑插画绘画软件。

1._S:

PS是公认的最强大的图片编辑软件,正因为强大所以功能繁多导致过于臃肿,绘画者能用到的功能其实只占其功能中的很小一部分,优点是强大的变形工具,图层模式,曲线调整工具等等,当然缺点也很明显,首先是很多操作必须结合键盘快捷键使用,大量的操作离开键盘就需要进入进入再进入,对于数位屏患者实在不友好,软件门外汉学习成本较高;其次是更新到2019CC了,千呼万唤的抖动修正(防滑)依然十分难用,色彩融合依旧难受。他强悍的笔刷制作和普及型决定了大部分的绘画工作者都在PS的生态里,所以PS称为图像编辑或制作的必学软件。

2.SAI2:

注意,是SAI-2,在SAI的基础上完成了翻天覆地的变化,补齐了众多短板,也完美继承了前者的众多优点,线条防抖依然顺滑如丝,色彩融合依然自然感人,这才是一款专心为绘画人士设计的绘画类专用软件,敲一下重点,它是绘画类软件,而PS是图像编辑软件,PS这位老大哥只是在编辑图片的同时顺带做了一些绘画的功能,而SAI2才是专精于绘画的一款小而精的软件。

3.CSP:

是一款在漫画方面有着强大优势的绘画类软件,具有SAI的所有优点,又具备PS的部分功能,当然连PS臃肿者提高工作效率。这款软件的诞生真正说明了只有日本工程师才能做出真正为画师服务的软件,它才是漫画师和日风插画师的心中白月光,不二之选。

总结这三款软件:

(1)PS擅长厚涂,表现厚重真实的质感和光影,或搭配强大的笔刷拓展模仿纸上或布面质感的绘画,曲线工具调整画面也十分好用,即使是以其他绘画软件作为主力工具,PS也需要作为成稿最后调整的辅助工具,必学指数十颗星。(主力工具)

(2)SAI2的优势在于绘制赛璐璐的插画,线稿顺畅舒展,颜色清亮干净,SAI2本身就是一个清纯可爱的小姑娘。

CSP,不用说了,画漫画的选他准没错。

四_还只铣S玫幕婊砑

想学插画,怎么入门?

一_掖庸蟠侵埃俗约阂桓鲅_安寤睦碛

我大学的专业是理工科,在国企工作了两年后辞职,辞职后的这一年我是怎样学插画的呢?

从去年这个时候开始学插画,整整一年了,跟大多数人一样,刚开始萌芽要学插画的时候,我也收到了很多阻碍的声音,比如:你现在开始太晚了...做插画是很需要功底的,而你没有......这些说的都没错,但是还是没能阻止我开始。

原因当然是热爱。如果能做自己热爱的工作真的太幸运了。

尤其是现在插画已经广泛运用到各行各业中,包括启动页、banner、专题、刷新页、详情页、icon、弹框、背景图、节日闪屏、表情包、包装、vi设计、书籍插图,还有很多的插画周边等等,甚至现在ui设计中会插画也成了一个加分项。会插画太重要了,就算是只当作一个爱好,你也会发现整个生活都更美好了。

二_鹑怂盗慊≡趺纯赡苎Ш貌寤!_宜担耗埽虻ィ荒

这一年有很多人问我,非科班、零基础真的可以学好插画吗?你真的是零基础吗?我的学习经历告诉我,是可以的!没有人生来就会插画,所有优秀的插画师都是一点点学的,所以我们也一样可以。而且很多插画师都很善于分享,我也从中受益颇多,虽然我现在画的离他们还是有很大差距,但是在我整理我这一年的作品时,很欣慰已经有飞一般的进步了。

三_没有方法的自学插画,其实只是在给自己挖坑

我刚开始自学插画的时候,就知道抱着书看,或者从网上扒拉了一堆视频教程,但是总觉的学着学着就卡壳了,学的总是散乱差,脑子一团浆糊,在自学的道路上,越前进,越费劲,越有一种想要放弃的冲动,内心真是越来越崩溃啊。

后来我请教了一下大学同学王羽柔,她大学毕业后做的是插画这一块,她说,你现在连半瓶子不满一瓶子晃悠的水平都没达到,还好意思玩自学,甚至于说,你连最基本的概念都晕头晕菜的,你这不是在自学,你这是在自我欺骗。然后王羽柔把我整到了一个原画板绘插画大型学习资源(裙),里面各种视频教程都很系统,每天都有老师在里面分享相关知识,我就在里面天天猫着听呗,还别说,我还真的正儿八经的学会了插画,我内心的疑惑也都一扫而光。

很多小伙伴一直在问我那个原画板绘插画大型学习资源(裙)怎么找到,我给大家分享一下吧,首先开头的一组数字是:二三九,其次位于中间的一组数字是:八六九,最后处于尾部的一组是:三七七,把以上三组数字组合起来即可,我个人感觉,在学习的道路上,能够有一个好的学习基地陪伴,自己心里不会发慌。

四_我学插画的过程,你们可以复制,相信自己,未来可期

(1)工欲善其事必先利其器-工具篇

我常用的工具包括一台电脑、PS软件、wacom手绘板。电脑我用的是,macbookpro15寸笔记本。目前我所有的插画都是用PS画的,PS是相对SAI、AI、SKETCH来说最综合的软件。手绘板是需要一些手感的,很多小伙伴说不是很会用,多练几次就好了。可能是我恰恰没有手绘功底的缘故,我第一次用手绘板的时候反而觉得好用,觉得在板上画几下就可以在PS里呈现出来,太有趣了,分分钟爱上了手绘板,所以我接触插画并不是从纸上过渡到手绘板,而是直接上手手绘板,根据遇到的问题反复查缺补漏。

(2)临摹---不会咱就模仿,先抄了再说

因为没有美术基础,手绘对我来说是最难的,刚开始真的没办法画出来,我就从网上找好看的插画临摹,挑一些画面简单的,比如一些植物,一只小动物,一个小人像这样的。

(3)半临摹---光模仿没意思,模仿了还要玩花样

临摹了大概三四个之后,其实板绘的大概几个表现方式就已经掌握了,而且会发现跟原作比较的话,临摹的还是不错的。接下来我就发现,光临摹是没有用的,因为临摹的再好,也是别人的成果,你只是在模仿,能学到的就只是原作的表现方式,说白了就是一些软件的技法。真要自己去画,脑子里根本没想法,手上也不知如何下笔。

这时候我开始试着半临摹了,也就是在原作的基础上,加一些自己的想法,相当于在掌握的技法上加入一些自己的手绘想法,通过搜集素材,把认为有用的,替换或者修改到原作的画面中(方法是先在纸上画草稿,再手机拍照传到PS里画),或者改变原来的画面构图等等。总之,将原作按照自己的想法修改,这些都是那个阶段的作品。对于没有美术基础的我来说,这一步能做好挺难的,那时候就感觉画什么都很费劲儿,自己也在本子上练习过,但是还是有种闭门造车的感觉,进步太慢了。

我从王羽柔说的那个学习基地里,找了一套素描教程,来恶补一直以来被所有人提到的美术功底。刚开始连线都画不直,所以从画直线开始练习,到几何体的起型、上调子、塑造明暗关系等等,通过学习素描,我开始对光影的表现、造型等都有了系统的理解。

学习素描——几何体,静物,风景,结构及速写。将学到的知识,我尽可能的运用到我的板绘中,渐渐感觉不是那么吃力了,画手绘也会好一点了。

(4)原创---把别人的东西学到手,融会贯通形成自己的

接下来就是原创了,其实原创并不是完全的凭空去想出来,然后就画,而是建立在很多素材的基础上的。我的方法是,把我想画的东西在网上搜集图片、照片,找出自己喜欢的,然后把脑海中的画面所涉及到的元素,从不同的领域搜集到一起,按照自己的想法,组合成一幅画面。这里印证了一句话:创新,就是旧元素的新组合。

另外,这个阶段我也开始研究更多的板绘技法了,经常跟学习基地的老师要很多视频教程,然后跟着画,因为插画有很多风格的,比如写实的、扁平的、肌理的等等,对我来说我喜欢扁平的、比较清新风格的,所以我就分析这些插画是怎么表现的,用的什么笔刷、颗粒感是怎么做出来的、叠加了什么材质,配色为什么好看,然后吸这些配色看怎么能运用到自己的插画等等。然后开始将这些技法总结下来,成为自己的东西,但不能照搬,而是运用到无形中,形成自己的风格。

五__安灰芟胱呓菥叮梢杂刑ぬな凳档姆椒

学习需要一个过程,需要吃苦,不要总想着一步登天,这是不现实的,既要踏踏实实,也要讲究方式方法,在努力中展现智慧,在智慧中成就努力。

(1)关于软件

对于PS软件的学习,这里有个小插曲,因为在我没有学插画之前,当然,那时候我还不知道手绘板是个啥,那时候我在研究摄影,因为我比较喜欢摄影,而摄影就不可避免到要做后期,所以,我开始学PS是为了修图或者做海报的。好了,插曲讲完了,真正的干货来了。

我学习PS是通过看了一本书,叫做《毫无PS痕迹》,这本书很厚,我去年11月刚辞职那会开始学的,零零散散差不多看了快一个月,但是当时真的学的超仔细,毕业后很少这么卖力的看一本工具书了,还做了各种标记,现在看看都挺佩服自己的。看完这本书时,当时真有种精通了PS的感觉啊,哈哈。其实,只画画的话,没必要精通啦,用到的无非是那几个工具。

(2)关于网站

我日常用的最多的网站有站酷、花瓣,上面有很多优秀的作品,可以拿来临摹练习。站酷和UI中国上还有一些设计大赛,感兴趣的可以参加一下,我参加过海报设计大赛还有一些图案的设计大赛,都是一些很好的体验,主要是能学到在同一个题目下,其他的优秀设计师会用什么样的思路和表现手法。

花瓣网好好利用起来,也是很有帮助的,平时可以把自己喜欢的插画或者素材都分类采集到花瓣网,用到的时候就可以直接去看,像是自己的一笔财富。我还专门收集了一个我的灵感库,里面都是我浏览到的一些比较有创意的素材,基本都是会有我很难会想到的一个点。然后没有灵感的时候,我就会去翻翻看,往往会有一些收获。

(3)关于书籍

我之前是在国企上班的,国企真的是感觉温水煮青蛙,现在想想那时候要么上班,要么一下班就无所事事,周末就想着怎么消遣,去哪儿逛街,逛淘宝,买各种衣服,衣柜里塞的满满的,但是一到换季还是没有衣服穿......

从去年辞职后,我慢慢改变了很多,买买买的不是衣服了,而是各种书,设计的、插画的、摄影的、学习方法的、文案的、运营的、生活品质的等等,学习资源基地的老师让我看的一些书单,我个人感觉也很有帮助。

《配色设计原理》

《速写实用教程》

《插画教室专业插画设计技法精解》

《如何成为一名插画家》

《自由绘画:插画师要知道的84个创作技巧》

(4)关于创作

创作,其实就是一个大量的积累后的有效呈现,这里的积累,我觉得是多看、多练、还要多记录。

多看是多看好的作品,激发创作欲望。

多练是多练手绘技巧,提高创作速率。

多记是多记瞬时灵感,增加创作思路。

以上都是我自己总结的,不知道对不对,但是我突然发现我总结的还挺好的,至少整齐,像是一本正经的胡说八道,哈哈。

多看我就不说了,上面都已经很详细的写了去哪里看。多练我也不说了,练就是了,不怕多,我也在持续练习中。

多记我要嗦一句,因为我发现很多灵感都是一瞬间的,不知道你们有没有这种感觉,比如,我在做饭的时候,突然想到一个画面一定要画下来,然后就想着,等会做好了饭,一定要记下来这个想法,但是等做好了饭,突然问自己,刚刚说要记下来的是什么来着????所以不管在做什么,或者外出,我也一般包里都装一个小本子,一有想法就立马记下来,因为下一秒钟你就有可能失去它了,导致你要再想好久才能跟它相遇。当然,如果你有忘不掉它的特异功能,可以忽略这一条。

以上就是我一些主要的学习方法,希望可以帮到你。记得哦,多看、多练、多记录!

UI设计要学习哪些知识?初学者该如何入门?

1、学习软件知识

包括掌握Photoshop、Axure、Illustrator等常用软件。另外,制作原型,界面,图标制作,素材制作,切图等等相关步骤的软件都需学会。

软件是是设计师的基础,新手刚入门可以先从这点入手。娴熟的技法,是完美展现设计作品的必备条件,要熟练掌握好。

2、临摹作品

对于刚入门的UI设计师来说只要去图库网站找一些素材,借助工具进行修饰即可,其实这只能锻炼你的借鉴能力,当你的技法娴熟到一定程度,就可以尝试临摹。

通过临摹,一则用来强化技法层面的能力,二来也能提升初学者的创新能力。

临摹的内容,可以有两方面选择:一种是系统自带的图标,另一种则是行业牛人的设计作品,捉摸他们的设计风格、思想和细节,都能加深对设计的认识

3、掌握平面设计理论知识

包括要掌握构图、排版、色彩和图形的基础理论知识。学习的途径毋庸置疑我们首选从书本获得!

4、锻炼手绘能力。

成为一个优秀的UI设计师需要一定的手绘能力,为什么?首先,在纸上的动手能力比在软件上完成较快速,效率有一定提升。

另一方面,通过手绘,能突出自己创作的与众不同,甚至能够从“乱涂乱画”中得到灵感。没有美术基础的小伙伴也不要太担心,这些后天可以勤加练习弥补的。

5、学会寻找灵感

找灵感其实也就是培养审美的能力,这点建议大家可以多逛一下设计网站。当你能知道什么好看,什么不好看,会排斥那些不好看的设计的时候,这时候你的品味就自然上升了。

另外,看到不错的设计要记得采集下来,但一定要学会整理分好自己的素材文件夹。这对于一个设计来说是非常重要的。

设计师的素材资源库,就是自己的财富,只有自己整理出来的才有价值。关键是自己要记得东西放在哪里了,不要用的时候找不到。

内容目录

【推荐本文原因】 1、先学UI软体 2、提高审美 多看   多做  多想  3、关于UI学习方法 4、开始行动 • UIparade • MaterialUp 今日Summary   【推荐本文原因】

UI设计- 视觉介面设计,显然是目前设计业最热门的职业之一,设计人纷纷从平面设计转换到介面设计。该如何自学UI设计?UI设计又需要哪些软体工具?本文一一告诉你。

大家都透过资源丰富的网路自学UI设计,可是你有确实学到核心技能了吗? 而视觉介面设计的核心技能又有哪些呢? 虽然大部分的UI设计师都是靠自学,可是要分辨其专业还是业余,差别就在属于硬底子功夫的核心技能,以下就来看看硬底子实力养成计画该有哪些元素吧:

1、先学UI软体

如果你是一张白纸的状态,想学UI,但目前还完全不会软体的话,建议先学软体,可以从PS开始,先从基础的教学影片开始学起,或者买书。当然最快的方式是报名补习班,跟着老师和同学一起有系统地学习。虽然网路上的教学影片很多,随便找找都有,但怕就怕遗漏了核心技能。

先掌握一些核心的功能:

• 形状工具和布尔运算

学会做线框图标,和一些简单的图形,比如齿轮,坐标等等

好文推荐 布尔运算用PPT就能做?!

• 图层样式

可以通过临摹写实图片练习

• 遮色片

做一些遮罩,图像合成之类的技巧练习

• 去背

熟悉钢笔、魔术棒抠图等

• 基本的排版

建议先从临摹现成界面开始练习

• 字体的认识

安装一些字体,学会认识一些常用的字体,一看就知道是哪个字体

在这个初步学习的阶段,先不管做的东西好不好看,先能做出来,操作上没问题比较重要。至于视觉美感是第二阶段的事,第一步要走稳,熟悉软体操作最重要。

关键是:多实作练习,多犯错,多总结。

2、提高审美 多看

为了提高审美,你必须大量去看别人优秀的APP或网页作品,在

Dribbble

、

Behance

、

Pinterest

等设计网站你可以很容易的找到大量高品质的优秀作品。

除了UI设计外,平面、摄影、3D、手绘等全球顶级的作品也都可以看到,找到并收藏它们。一段时间后,回顾这些作品,如果发现三个月前收藏的作品很low,恭喜,说明你的审美提高了!

多做

当你看过很多优秀的作品后,你可能还是不会设计,所以接下来你要做的就是不断的练习,第一阶段就是临摹。

对于没有设计基础的你来说,最重要的是训练技巧和敏感度,因此你要做的事就是,现有产品的临摹练习,也就是说你可以将你平常特别欣赏的作品直接复制! 从临摹的过程中感受作品的线条,还有设计呈现。

推荐资源

Sketch app sources

临摹几套作品过后,接下来可以进入第二阶段—— Redesign。

你可以redesign一个自己版本的iOS系统界面,或者重新设计一个现有品牌 ,加入自己的想法和理念,也就是再制训练。建议选定一款常用的App,依照此款app的设计流程,分层做再制练习。选定app的用意在于,一方面能练技术,另一方面能搞清楚一套app的流程介面设计。

多想

在看和做的过程中,设计技巧只是学习UI的一小部分,更多的是要去理解设计背后的思路和原理。比如,这个产品为什么定义蓝色为主色?为什么要放大和加粗那个数字?整个页面的结构和布局是怎样的?设计的目标有哪些?等等。

不断去思考,不停去问自己为什么,只有这样,才能在今后的工作和创作过程中,

使设计有凭有据,没有破绽

。经得起别人的推敲,显得自己更专业,从而获得认可和尊重,更顺利的使用设计去解决问题。

3、关于UI学习方法

这个时候要加强理论和知识的累积,也就是硬底子的部分。比如一些常规的设计方法手段,像是:格式塔原则,菲兹定律、黄金比例等等。

平面设计3大构成也是非了解不可的基本功,

常用术语:和谐、对比、对称、平衡、重心、节奏、韵律等等

,这些是最最基本要搞清楚的几点。

其实很多人都学了很久了,还是经常会不注重细节,该对齐的不对齐,该居中的不居中,该留白的不留白。这些关于硬底子的基本功,最终还是会成为业余跟专业中间的那一道门槛。

4、开始行动

UI设计要学习哪些软体呢?

1 PS- Photoshop

2 AI- Illustrator

3 AE- After Effects

以下我也推荐几款UI设计的资源网站:

• UIparade

UI Parade免费的线上网页素材设计工具,提供Button按钮、Form表单、Icon图示、Ribbon丝带制作器,让你可以利用简单的操作介面,轻松自订元件的颜色、阴影、大小,快速创建漂亮的UI,然后再直接将产生的CSS与HTML程式码复制到网站中使用。

使用介绍   点我观看

• MaterialUp

创意UI设计灵感分享网站,每周都会更新最新的网站、应用等创意设计,帮助设计师们寻找极富灵感思维的设计作品。是找创意和灵感的首选。

本文来源

达内UI培训UE培训

和

优逸客科技

,经今日修改转载,未经许可不得转载、摘抄、复制及建立图像等任何使用。

首图来源 Photo by rawpixel on Unsplash

今日Summary