从第一代的《大掌门》《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就上学UI网!越努力,越幸运!

“学UI网www.xueui.cn ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.xueui.cn”  海量APP截图,让你灵感爆发!国内最好的APP截图站。

国内最棒的UI设计导航站” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@xueui.cn,也可以找各个群的管理】

 给学UI网打气,加油  猛点这里 >>

 
你可能喜欢的:
17个提升用户体验的 UI 设计小 Tips17个提升用户体验的 UI 设计小 Tips
15个极简风格的网页设计欣赏15个极简风格的网页设计欣赏
20个以标签为名的优秀网站欣赏20个以标签为名的优秀网站欣赏
厉害了,我的C4D画作!厉害了,我的C4D画作!
Haustraks 品牌视觉形象设计Haustraks 品牌视觉形象设计
一组精心设计的404页面欣赏一组精心设计的404页面欣赏
Miguelcm插画作品欣赏Miguelcm插画作品欣赏
如何让好的体验更持久?如何让好的体验更持久?
让书变「好看」的20个方法和一份封面设计的获奖书单让书变「好看」的20个方法和一份封面设计的获奖书单
30个国外设计机构网站欣赏30个国外设计机构网站欣赏