从第一代的《大掌门》《MT》,到第二代的《武侠Q传》,再到第三代如日中天的《刀塔传奇》。卡牌类游戏无疑在中国的手游市场赚的钵满盆满。再回看当下国人的卡牌设计似乎还是围绕着英雄去细化,添加华丽的特效,夸张的时装和别扭的pose。

 

小勇同学在本篇整理几种用心的卡牌设计,一起来学习一下。当然卡牌的设计远不止这些。像万智牌这种可称为艺术作品的神物大家就自行去收集鉴赏吧:)

 

m_b8235380949500000124d1b91fd11

这套就是类似传统万智牌的处理。画面重点有两个部分有故事性但主体突出的插图和卡牌的功能介绍。

 

m_8460538094ae00000124d1052164

你会说这也叫卡牌?这不是插图吗?没错其实传统卡牌的主角就是一副插图。要知道以前可不是谁都能画卡牌的,只有真正的艺术家才行。你当现在游戏公司几千块的小设计就能hold的住呢!

 

m_e7ee538094be00000124d10abc66

这幅日式卡漫风格的卡牌设计,也许只是个单纯的插图设计,但是可以看出作者的用心。在明确刻画主角职业的同时,将羽毛,花朵,珠宝首饰等少女向的设计揉在人物和卡牌边框的设计中,使人物和边框结合的更加自然舒适。

 

m_89dd538094d100000124d11ac5121

同样日式风格的不同展现。将重心放在卡牌的内容插画中,边框作简单处理只辅助性的交代功能属性,减少玩家视觉负担,同时也更能突显中心插画的精美。

 

m_b11d538094e600000124d111fa7a1

韩国某游戏截图。整个开牌的边框做了简洁一致性处理,意在突出星级和属性显示。中心的插画选择了小清新风格配合简洁的边框更精准的向玩家传达了整个游戏的风格。

 

m_963f538094fe00000124d16271fa1

 

m_3870538094ff00000124d15ee5001

 

说到卡牌,现实生活中最重要的一种卡牌就是塔罗牌。这里小勇同学选了两款艺术性极强的设计供大家欣赏。这两款设计在配色和构图的松紧处理上都非常的动人。即便是偏扁平的处理也不会觉得画面过于平面或主题不够突出。

 

m_bbc95380953500000124d1c3a2a51

m_1a315380953600000124d14d88b51

m_855b5380953700000124d1bc740e1

m_8fac5380953700000124d1f31e841

 

上述这个系列是小勇同学最喜欢的卡牌设计。作者深厚的功底显而易见。他对单张卡牌的角色处理赋予了更多的性格处理,使整张卡牌更有生命力。而角色部分超出卡牌的边框处理更有立体感让人有种呼之欲出的感觉。(这个处理方法最近很多游戏图标喜用)

 

m_b76b5380969300000124d107131d1

 

最后不得不说的上线就稳作Pad畅销榜的《炉石传说》多了不说了。推荐一篇炉石开拍的设计思路。请戳下面原文链接

http://hs.tgbus.com/news/international/201402/20140226091215.shtml#rd

 

最后希望国人的卡牌设计再大赚之后能多些精力和耐心再打磨打磨。其实国内不乏好的设计师,之没有足够的薪水和时间。哈哈哈哈哈哈。

如果觉得小勇写的还不错,或者有建议都可以微信搜索添加公共账号“游艺画廊”与小勇同学共同学习进步!

扫描下面二维码也可以添加哟

m_68ce538093c500000124d1cf4c1a

 

原文作者:wcstrong

原文地址:http://www.zcool.com.cn/article/ZNzkzOTY=.html

 

 

 

转载请注明:学UI网 » 全民卡牌?!卡牌设计浅析

登录收藏
 
你可能喜欢的:
怎样让UI作品集脱颖而出?试试这3种方法!怎样让UI作品集脱颖而出?试试这3种方法!
老虎帮学员作品公开老虎帮学员作品公开
研究了上千个案例,才发现LOGO升级就这么几个套路!研究了上千个案例,才发现LOGO升级就这么几个套路!
这样的工具,哪个设计师不想要呢?这样的工具,哪个设计师不想要呢?
产品细节剖析,让你看看大厂是如何做设计的03产品细节剖析,让你看看大厂是如何做设计的03
讲真,我从这些Dribbble顶尖图标大神的作品中学到很多,建议你一定要看看讲真,我从这些Dribbble顶尖图标大神的作品中学到很多,建议你一定要看看
这些Behance顶尖大神的作品,是我学习的源泉这些Behance顶尖大神的作品,是我学习的源泉
不瞒你说,这是一个很实用的设计技巧!不瞒你说,这是一个很实用的设计技巧!
Google的设计,为什么强到可怕?Google的设计,为什么强到可怕?
【不露】2019-2020年度总结【不露】2019-2020年度总结