恭喜你成为UI中国推荐设计师 (详情)

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见
masterGo

推广

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
【思路分享】论icon设计的延展风格多样化——灯笼主题系列
15.0°
原创文章 / 教程 / / 举报
2625 16 34 1

2021-04-29

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


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


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



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    总结

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

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

Powered by Froala Editor

图标设计GUIicon游戏美术ps

创建于:2021-04-29
收藏

16人已收藏

叶子学堂

叶子学堂 官网:http://www.yezixt.com

  • 173

    作品

  • 7231

    粉丝

  • 3

    关注

  • 《哈利波特:魔法觉醒》经典IP如何打造
  • 3D图标的流行趋势分析与案例小结
  • 如何一天做一套酷炫的游戏UI界面?
  • 浅谈《王牌竞速》游戏美术风格

猜你喜欢

    叶子学堂

    叶子学堂

    叶子学堂 官网:http://www.yezixt.com

    “劳模勋章”之锄头勋章诲人不倦身经百战人气明星原创超人
    • 7231

      粉丝

    • 58.4

      人气

    • 7602

      颜值

    作品

      最新推荐

      超简单的矢量全息风格贴纸

      3890 0 1

      相关佳作
      换一换

        叶子学堂

        点赞:34

        收藏:16

        评论:1

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

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

        如果查出恶意举报,十天内禁止提交任何举报申请。

        0/200

        上传证据: 超过10M的附件请使用网盘地址

        点击上传附件

        对谁可见:

        全部设计师
        • 全部设计师
        • 推荐设计师和认证设计师

        您确认要推荐?

        该作品发布时间:2021年04月29日

        评分

        完整度

        启发性

        勤奋性

        排版布局

        推荐心得

        建议20-200字以内

        0/200

        账号或密码错误,请重新输入

        账号或密码错误,请重新输入

        登录

        账号或密码错误

        发送验证码 120s 验证码错误

        登录

        可云端编辑的专业级UI设计工具

        立即体验