白癜风做什么检查 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