你是设计师还是美工

白癜风做什么检查 https://m-mip.39.net/news/mipso_5782089.html

思考插画设计的风格,字体设计的气质,动效设计的趣味性表达,以此做好产品设计,做好用户体验。

写在前面

互联网产品设计,要重视用户体验设计的好感度和情感化设计,情感化设计可以用商业插画设计来表达。

1.商业插画设计的思考点:

a.明确商业插画设计的主题。b.创意价值的表达。c.插画设计要增加用户的信任感。

d.插画设计在情感传达上,要感染到用户的内心。e.图文并茂的插画,要遵循成套插画设计的一致性原则。

2.插画设计的能力思考:

造型准确的能力、色彩搭配的能力、设计能力,插画设计的能力就是把心中的灵感转化成设计画面的能力。

造型准确的能力、色彩搭配的能力、设计能力,是各种设计形式插画的一个基石。

商业插画设计的关键点

1.商业插画设计的场景思考。2.画面中,主视觉设计元素的识别性。3.商业插画设计的完整度。

我们从公司产品的需求和文案入手,到视觉上的呈现。包含有:运营设计中的风格、构图布局、图形创意、色彩表现、字体设计的表现、质感的设计。

优秀的广告BANNER图,包含:优秀的文案思考加富有设计感的画面设计,广告图在界面设计中的层级高。

插画应用在界面设计中,要思考信息内容组与组之间,信息层级的处理和排序,做好主次关系。如下图所示。

插画设计中的思考点如下:

1.画面元素的造型设计和形体结构上的准确性和美感。

画面中的元素之间,保持呼吸感和空间上的层次感,视觉上的舒适感和审美价值。

2.制作成套系列插画的设计时,要遵循画面间设计元素的一致性原则。

3.思考整体画面的构图平衡和各个设计元素的细节刻画。

构图是画面成功的重要因素之一。近实远虚,近处的元素要用心刻画。远处的元素设计,可以用模糊等降低不透明度来弱化设计,做好画面设计元素的主次。为了达到画面上的效果,我们可以把画面中的元素、图形进行重新的排列组合,使得画面呈现节奏感、层次感和用户体验上的视觉舒适感。

运营插画设计中的构图有:左右构图、上下构图、包围式的中心构图、稳定的三角形构图。

4.用心思考画面中-信息层级的秩序感。

画面的主字体设计、主视觉的细致刻画,背景氛围层、辅助元素的弱化设计。

5.塑造三大面、五大调子,反光、高光等细节。

画画时,我们可以运用物体的写实手法的明暗关系的处理,使得画面丰富且和谐统一,同时有对比。

6.辅助性设计元素的作用。

辅助性的设计元素,起的是辅助作用。搭配主图形,在主题场景下使用。使用辅助图形来丰富设计画面。辅助性设计的元素,做虚化处理,突出主视觉和主字体设计等,达到整体设计画面的和谐统一和对比。

简单看一幅插画从草图到插画稿的过程,如下图所示。

a.扁平化插画设计风格

扁平化插画设计风格是永恒的经典。

扁平化插画设计风格,可理解为把复杂的设计简约化,让画面感觉清爽,很多产品会选择使用这种扁平化插画设计风格。如下图所示。

运用几何元素的扁平化插画设计风格,画面简约清爽,应用在产品界面设计中,仅用几种颜色,就能创造出令人惊艳的视觉层次感和画面的设计感。如下图所示。

互联网中,流行的孟菲斯设计风格

孟菲斯是由爱多尔·索塔萨斯带领的一群青年设计师,组成的意大利后现代主义设计集团,在20世纪80年代,是影响西方社会艺术设计潮流的一股力量。

高饱和度的配色,来增加插画设计画面的活泼感。重复的几何图形;运用描边,以此来协调画面和突出画面的重点,给人良好的视觉舒适感。

孟菲斯的设计语言

孟菲斯的设计语言,活泼、自然,极富表现力,孟菲斯风格的设计被《华尔街日报》称为美学的复苏,鼎鼎大名的老佛爷KarlLagerfield,也喜欢孟菲斯的设计风格。

几何元素的人物插画,应用在UI界面设计中:

应用在界面设计和包装设计中,画面中,前后空间上的层次感表达,构图、配色上的比例等运用的很好,商务、

简约的设计感。如下图所示。

暖色系的扁平插画,颜色的情感表达,黄色阳光自然,蓝色可让人内心感受到平静。构图、配色都是很好的。

来自于WildlyPackage设计师的作品展示。

b.噪点插画设计风格

噪点插画,可以理解成:给插画加上了质感和光感,设计画面上想体现质感,可以使用噪点插画的设计风格。

在噪点插画设计的绘制中,会用到笔刷。PS里安装笔刷的方法如下:

第一,在浏览器网页中,输入ps笔刷,进入网站,选择需要的笔刷下载。

第二,解压下载好的笔刷,双击下载的笔刷,安装好。

第三,新建一个页面,点击菜单栏中的“画笔”,选择图形旁的三角符号,选择画笔我们就可以使用笔刷,我们就可以绘制噪点插画了。

噪点插画的设计风格,运用了互补色的搭配,下面插画中这种经典而复古的感觉是极富吸引力的。如下图所示。

噪点插画设计风格,应用在网页设计中,审美价值高,国际插画师擅长控制插画中的阴影、角度、取景布局,好的视角和柔和色彩,很有亲和力,给人视觉上的舒适感和愉悦感。如下图所示。

c.手绘插画设计风格

手绘插画设计需要我们设计师有很强的绘画能力。手绘插画设计风格的运用比较广,常见的有一些插画绘本,色彩美丽,故事场景感的插画设计等。如下图所示。

d.渐变插画设计风格

渐变插画的设计感,风格特别唯美浪漫。光感很好。颜色一般采用邻近色,颜色种类两种到三种,主色、辅助色、点缀色,可以遵循色彩比例来运用,6:3:1的科学配色的法则。

微光插画:光感细腻丰富、吸引人的视线,微光插画可以引起用户的情感共鸣。如下图所示。

e.3d插画设计风格

3d插画设计的立体感,在二维的空间里来表现三维的插画。APP产品的界面设计中,会选择使用这种插画设计的风格。插画设计的真实感做到了精致。如下图所示。

f.描边插画设计风格等古风插画

描边插画,除了运用图形,图标设计还运用了描边,很清晰的表达了插画设计的元素。描边插画会运用在一些icon图标插画设计上,如下图所示。

漫画和卡通绘本设计风格,如下图所示。

漫画有很强的线条表现力。

漫画风格是为故事服务的,漫画中的人物基本呈现的是:完美的九头身和大眼小嘴的人物表现。

儿童绘本的插画风格是一种配图的的创作,是一种偏故事性的插画设计的风格。

卡通绘本风格的特点是可爱风。画面中的元素,大部分是非常可爱的,画面会呈现出温馨感。

古风插画:

东方的艺术很喜欢用线条,线条能传递给用户的感受是非常传情的。

古风插画有点模拟古代的工笔线条,同时可以应用数字化的艺术设计技法。

g.场景插画

设计中所绘制的场景、角色等。数位板手绘线描稿,最后画出的人物、场景设计都非常有质感。

场景插画对实感光线的要求很高,效果要求很逼真,精细度比较高,上色要表现出好的光感。

小结:

我们画好插画后,可以做一下插画设计作品的包装。插画设计的包装展示,就好比讲述一个插画设计的故事版。我们对插画设计进行整体的价值包装,可以让用户看到-设计师想要表达插画设计的重点。

插画设计包装系列作品的基本思路是:

1.头图的设计包装。2.系列作品的目录展示。3.主KV插画设计的展示。

4.寻找素材灵感-画草稿-元素上色-设计细节的优化。5.场景的插画设计展示等结尾展示。

场景设计应用-包装展示设计的思路之一,如下图所示。

插画也可以运用组件化设计思维,如下图所示。

二插画设计思考

广告插画BANNER的设计,作为APP或者网站界面的首页展示性广告,也可以用在平面设计的大标题上。

在界面设计中,信息层级高,面积占比大,通过精美的插画、字体设计、配色等营造好画面,吸引用户去点击。

划重点,运营插画标题字体设计的共性:

a.插画字体的字重:相对较粗。b.画面元素的风格与主题贴合。c.识别性:内容易读性。d.文案:简单易懂。

e.字体变形、装饰性的优化字体设计等手法。

a.组成广告插画设计图的5个关键点是什么?

得到的BANNER图为例:

得到的BANNER图,对比左右两张图,相同点是什么呢?

1.文字占比BANNER图:都是50%左右。

2.BANNER图都可以拆解为:插画或配图层、构图布局、配色层面、点缀层的元素层、背景氛围层等都遵循产品

设计的一致性原则。

有规则型的广告图和不规则的广告图设计,如下图所示。

上图中的插画设计案例,我们来做插画设计的拆解分析,并理解广告插画设计的关键点:

1.主文案。页面广告图的文案设计,上文下图,左文右图,用户第一眼就可以看到广告图的主要信息。

2.主视觉插画设计,占比是画面的二分之一面积比左右等比例。

3.辅助元素的设计。用来衬托主视觉的插画,让画面显得饱满,协调了画面的色彩和层次感。

4.辅助文字。与主文案形成信息层级的对比,让用户更好的去阅读画面中的内容。

5.背景氛围层。色彩主色一般占比50%以上,主色调明确,使得画面设计氛围渲染的好。

b.喜庆的插画为案例分析:

《传家日历》的插画,如下图所示。

插画设计的目标:呈现出节日-喜庆热闹的画面。

插画设计关键词:喜庆、节气、热闹非凡

插画设计的思考分析:以中国传统元素、茶、人物、红枣、灯笼等作为设计元素,元素的设计,前后的对比显得主次分明、空间感和层次感好,呈现了节日气氛的插画,整体氛围喜庆感,激发用户的吸引力和内心的愉悦感。

总结:

插画设计风格的表现,遵循着插画设计的规律,具备独特的审美价值,设计师去发现生活中的美感,将生活中各类设计元素进行不断的重组、再创造,在插画设计中,进行创造性的艺术设计表达,更好的传达视觉和内容。

《传家日历》的插画设计,如下图所示。

看《传家日历》的插画,我们来梳理插画设计的思路:

我们来思考如何把素材、灵感转化成插画的设计?

a.概括元素的插画设计

首先,要找准主体设计物的结构:主体元素的动态线设计。结构上,把外轮廓以简洁的线条画出来。

造型层面,一定要概括好各个元素的造型结构。

b.优化插画的线条设计

过于密集的线条可以先不勾勒,留到上色的时候用色块来画。内外轮廓画好后,插画设计可以结合个人审美,

优化线条的造型设计,把内外轮廓描绘的更具有线条美感。

c.优化插画设计元素的细节

插画设计中,元素细节的设计,可以吸引用户的

转载请注明地址:http://www.1xbbk.net/jwbfz/909.html


  • 上一篇文章:
  • 下一篇文章: 没有了
  • 网站简介 广告合作 发布优势 服务条款 隐私保护 网站地图 版权声明
    冀ICP备19027023号-7