【思路分享】论icon设计的延展风格多样化——灯笼主题系列

用户头像
上海/UI设计师/5年前/2558浏览
【思路分享】论icon设计的延展风格多样化——灯笼主题系列

icon设计的延展风格多样化——灯笼主题系列

“延展风格多样化"的研究是由一个学生的线稿所引发的思路,这个学生对一个灯笼素体,做了些点线面的基本造型,得到了一个很传统的的中国灯笼。

于是我产生了一些思考,灯笼的外形、配色设计细化方向,只能局限于我们熟知的中国风吗,有没有其他的可能呢?


我们基于“设计” “配色”“塑造”三个方向。对女性向仙侠风、传统中国风、扁平新国风、现代写实风、二次元风格化这五个不同的方向展开了如下研究:



Part  1    基于中国风游戏上的理解突破


(1)女性向仙侠风


在做第一套线稿方案的时候,我想在方案不大改变的前提下,风格延续为传统些的仙侠中国风,于是就有了下面这个亮调子的偏女性向的国风灯笼 ↓↓ 

(女性向国风灯笼设计成品图)


让我们从线稿开始研究,既然定的是女性向主题,我们在设计初需要让造型的比例变得更加的纤细柔美,同时增加更多的关于中国风的装饰细节。

(p1造型配色图)


在配色上运用了很多低饱和,高明度的偏向少女的颜色。

绘制过程中半厚涂加勾线塑造相对轻盈的感觉,基本不保留笔触感。

(p1过程图)

我们以纤细复杂的结构,低饱和的颜色,极少的笔触作为特点来把控整体风格。

 

(2)传统中国风


在第一套女性向的小细节折磨的我想疯的时候,第二套的思路就疯狂在我脑海中浮现了,迫不及待的想做的爷们一点了。如图,一个氛围感强的传统中国风灯笼 ↓↓


(传统国风灯笼设计成品图)

这次简化了一些轻盈精巧的设计,使得比例变得更粗犷一些。

(p2造型配色图)


配色上选用暗调子,高对比,高饱和,刺激的感觉再多来点!更加突出灯笼得光感和氛围感。

在刻画时也更偏向传统厚涂,明暗对比强烈,保留有一些笔触感。

(p2过程图)


虽然设计上除了简化以外也没有做太多的改动,但改变了色调,以及氛围感的营造和塑造方式,对整体风格影响还是蛮大的。

 

(3)扁平新国风


第三只画的时候我正在看忘川风华录,想研究研究这类新国风整体的风格。研究的过程是痛苦的,总结规律并画出效果过程也总是让人头秃。


(p3风格参考图)


忘川的设计风格整体感觉的温暖明亮且轻薄的,也更偏向扁平化,还有一点点水墨的感觉,塑造的时候还加入了一些装饰金线。

(扁平新国风灯笼设计成品图)


对参考总结归纳后得到了大概的方向,我们从线稿开始调整,之前花朵的部分太多,丢掉几朵让我画吐血的花,加入仙鹤的设计元素,简化结构的同时,设计细节也不能丢。

(p3造型配色图)


再到上色部分,整体还是基于一个亮调子里 ,主体还是亮黄色和一些红色 ,加入互补色蓝色以及无属性色作为搭配来丰富画面。

接下来就要控制塑造方法,贴纹理,更轻薄扁平,减少笔触感,有一点水墨的感觉,营造轻盈温暖的气氛,绘制的时候加入亮晶晶的金粉金线 ,让整个图标更偏向装饰感。

(p3过程图)

研究到最后出来的成果虽然不算特别完美,倒也还算达到了心理预期,基本以温暖明亮的颜色,轻薄平面的塑造手法,和拼贴纹理来控制整体的图标风格把控。

 

Part  2    延展其他风格的理解与突破


(1)现代写实风


中国风的做多了感觉疲惫,一阵恶趣味的想法上来了谁都挡不住,灯笼到培养罐只在一念之间。一开始只是想换换口味来个现代带些科技的灯笼,但从爬行的眼球加入后,一切都奇奇怪怪了起来。


(现代写实风灯笼设计成品图)


先把灯笼的比例调整成符合现代写实风格的标准,结构和材质也更加符合现实物品的合理性,同时又加入了一些简单的机械结构。


(p4造型配色图)


颜色更换成了了更多的黑白灰的无属性色,又加入了一点点缀的橘色氛围灯,来让人感觉更现代更稳重一些。

塑造的时候,灯笼主体的部分想让其更有3D感,绘制的时候基本没有笔触,以干净的渐变为主,管子也是一样,旨在营造现代的感觉,眼球部分主要突出有一些些丝状纹理,还有一些腐败感来烘托气氛。

(p4过程图)

眼球的爬行流下而血液,粘液,腐肉,插入肉体中的管子,输送的红色未知液体,颜色上又加入了一些干涸腐败的灰紫色,恶心的感觉就到位了。


(2)二次元风格化


脑洞放开后,尝试做些风格化的东西 ,这套参考了《喵斯快跑》的设计风。诶,就是玩儿~


(p5风格参考图)


喵斯快跑的画风是一种非常新颖的二次元风格,纯色块组合的画风很吸引眼球,就此风格我们展开研究:

(二次元风格化设计成品图)


造型上修改成了偏向Q版的感觉,比例放大,结构更粗大且圆润,设计上想更偏向娱乐性一些,加入了Q弹的珠子和色子,和一些许的小科技。

(p5造型配色图)


画到一半朋友过来和我说,给他穿个胖次吧!波点那种!娱乐嘛就娱乐到底,做加法就完事了。

颜色上使用强烈的互补色的对撞,明暗面强烈的饱和度对比,塑造出可爱明亮的感觉。

绘制上也不纠结,丢掉了渐变,笔触,涂抹,想用了大面积的色块加勾线的形式来塑造一些简单且吸引人眼球的东西。

(p5过程图)

这种风格在颜色上很新颖,设计感也要强烈有趣味性一些。画法上以基本的块面画法为主来达到我们想要的风格。


Part  3    总结


总而言之,哪怕在同一个物体的基础下,开阔想象力,也可以有无数种设计方案的尝试。在平时设计中我们也可以通过分析想要的风格,在设计元素,比例大小,颜色取色范围,以及塑造方式这几个方向来做改变,从而来探究我们的图标风格的多种可能性,同时在项目中也可以多运用这个小技巧来把控设计方向的统一。


希望这篇分享能帮助同学们拓宽设计思路,在学会分析其他人的绘制方式的同时,自己也能在工作中学会延展和判断设计风格,成为牛逼的设计师!

91
举报
|
134
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
UI界面 组件
【新年UI图标】珠宝icon
UI 登录界面设计模板包
【新年UI图标】酒店icon
Security Camera UI kit
钱包ui模板
柠檬黄主题UI作品集模版
矢量立体简约UI蓝白图标
高级感金属拟物 UI设计组件库
【新年UI图标】游戏/娱乐icon
高级表盘系列UI源文件
我的钱包-UI界面设计-app
【新年UI图标】美食icon
UI应用平面图标
【新年UI图标】家具icon
UI_3D图标炮仗<新春促销>
【新年UI图标】影音icon
新拟态风格 UI设计组件库
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
智能家居中心 简约 UI设计组件库
UI_3D图标火箭炮<新春促销>
UI通用设计素材1
【新年UI图标】30个图标
你可能喜欢
相关收藏夹
大家都在看
登录注册