亚博账号登录

长城上的cat

小编:UI设计师只懂画图标、绘制界面?那你恐怕就OUT了。今天分享下插画banner的绘制过程,看看author是if制作的,hopethis篇文章能对你的插画学习有所帮助。

 

为what要学习插画?

随着移动internet的飞速发梗琋owUI设计师的工作已经不仅仅是设计图标或排版界面那么简单了,需要打造细腻、高效且更具情感化的优质user体验。thereforestay如今的UI设浦校寤涞迷嚼丛绞芑队清晰,更时尚,也sureMore精准的传递信息,表现力更强,被广泛应用于banner、H5、专题page和海报设计,已然成为当今UI设计师们的重要设计手法。

今斓奈恼拢琖e就简单introduce一下插画的分类,以及how 绘制一个插画banner。

 

关于插画

插画(illustration),源岳∮飅llustraio,该词的meaning是照亮。最初,插画仅用于照亮文郑匆酝际椴寤男问酱鎠tay。然而,伴随着犹时代的到来,插画被广泛应用于advertisement、animation、设计、消费品等各行各业,尤其是当前的internet设计圈,更是对插画this种手法推崇备至。

We常见的插画大路治两类:

一、传统插画:其特点是色彩丰富、造型繁杂、层次丰富,main以传车挠∷⒚浇槲靥濉

1.绘本类:多为有story性、主题性,personalstyle明显。

 

2.advertisement类:常见招贴advertisement、海报、宣传册、popadvertisement等。

 

3.刊物类:报纸、杂志、书本等的内page插图设计、封面设计、文章配图设计等。

 

4.包装类:product包装中的插画设计也日益广泛,国内著名的有农夫山泉various主题系列包装,三只松鼠、良品铺子等称钒啊

 

二、internet插画:其特点是色彩明fast、造型简洁、层次清晰,main以数字media为载体。

1.Logo&icon:谌栈环簟⑵蛐词档牟寤璼tyle icon 等;

 

2.APP:开两缑妗⒔谌湛羛age面、新手引导page面、谌萑笔age面等;

 

3.WEB:登录page面、官网设计手绘元素、productintroduce等;

 

4.H5:线上宣传类海报及H5小game,前者鲜明活泼have吸引力,后者常常会把插画和story结合,体指玫纳杓聘泻痛ゼ壑担

 

5.活动page面设计:电商类的店铺活动page面也越来越多的用到手绘元素,手绘style的插画往往色彩丰富,亲和力极强,很easily打动user,能有效提升banner的转化率。

 

制作思路和绘制方法

文案:高考冲刺训练营 | 11个套路剖析 | 实战解题思路 | 立即试听

 

一、思路分析

紫确定画面的主题,根据文案中的关键字构思插画中probably出现的元素谌荩琣lso尽量让own的画面当中have一定的story性,sure提升层次。stay文案中Wesure提取出“高考冲刺”this一关键词,根据关键词能够得知目标受众是高三考生,thereforesuretake手握试卷的student 形象作为画面的主体,用奔跑的action表达冲刺。

 

二、制作步骤

1.草图:草图是很重要的一步,sure用来解决构图、story设计的最基本的problem。this个阶段surestay纸上进行,也surestay设计Software中建立一个线稿的图层。没有手绘能力的设计师也不用担心,草图不用描绘的过于细致,表达清楚meaning即可。

 

2.勾线:take绘制好的草图导入设计Software,用形状工具或钢笔工具勾出轮廓。this里要注意take不同元素分别勾线,结构复杂的元素sure依照其结狗植煌疾愎闯雎掷詈蠹堑胻ake图层编组。如此一来,既奖愣韵吒褰械髡瞫ure对各个结狗直鸾猩仙

 

3.元素构图:勾线完成之后,就sure依照草稿把元素组合起来,调整位置和大小关系。this时也sure给画面添油夹卧乩点缀装饰,让整个画面不会显得呆板,提升平衡感。

 

4.上色:尽量不要使用过多颜色。sure先根据文案调性choice冷色或暖色作为主色调,再根据同色系、邻近色、粤⑸⒒ゲ股分散互补色等配色方0式进行配色。

 

5. 细节塑造:this时main考虑到光源、氛围、质感纹理的的塑造,一层层去深入刻画。接着给画面由媳尘埃砑庸庹盏膃ffect,增加画面的张力,并给部分装饰元素做动心:恚够娓鼙硐殖鼋羝鹊母芯酢W詈蠹由习磁ズ臀陌讣纯伞

 

需要注意的problem

插画的创作不需要太高的Software操作能力,however优质的插画需要熟练的细节把控能力,同被挂裘芙岷险张设计的商业用途进行适当优化和调整。therefore想要做好插画,要求So is it比较高的。stay使用和设计插画的时候,需要考虑以下的几个方面:

●目标受众(身体能力,年龄,文化背景,教育水平等);

●product的使用环境;

●所选图形的隐喻以及是否easily被识别;

●插画是否会过于抢占文字主体。

 

原文地址:

author:

 

转载请注明:亚博账号登录 » 插画手绘入门教程

登录收藏
 
你probablylike的:
插画、字体、动效插画、字体、动效
突然有像素画需求Yes? 办!?别慌,this里有办法突然有像素画需求Yes? 办!?别慌,this里有办法
绝对干货!!肯定有一种你不know 的油队胺绞绝对干货!!肯定有一种你不know 的油队胺绞
2020年最流行的插画style, 不得不看2020年最流行的插画style, 不得不看
【插画教程】3个几何图形,设计3920个IP【插画教程】3个几何图形,设计3920个IP
2020年数字插画的5大趋势2020年数字插画的5大趋势
西城杂货店 · 插画精选周刊 【16】西城杂货店 · 插画精选周刊 【16】
黄金持久——春宵一刻“一瞬即永恒”黄金持久——春宵一刻“一瞬即永恒”
提升user体验?指示性设计元素不可或缺提升user体验?指示性设计元素不可或缺
手残照样画出一套own的贴纸!手残照样画出一套own的贴纸!