起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > 设计培训 > 全民卡牌?!卡牌设计浅析

全民卡牌?!卡牌设计浅析

时间:2016-05-19 09:40:00来源:UI设计网 作者:起航学习网 已有: 名学员访问该课程

  快捷搜索:设计欣赏游戏界面


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

前言: 从第一代的《大掌门》《MT》,到第二代的《武侠Q传》,再到第三代如日中天的《刀塔传奇》。卡牌类游戏无疑在中

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

 

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

 

全民卡牌?!卡牌设计浅析_qh.itpxw.cn

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

 

全民卡牌?!卡牌设计浅析_qh.itpxw.cn

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

 

全民卡牌?!卡牌设计浅析_qh.itpxw.cn

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

 

全民卡牌?!卡牌设计浅析_qh.itpxw.cn

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

 

全民卡牌?!卡牌设计浅析_qh.itpxw.cn

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

 

全民卡牌?!卡牌设计浅析_qh.itpxw.cn

 

全民卡牌?!卡牌设计浅析_qh.itpxw.cn

 

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

 

全民卡牌?!卡牌设计浅析_qh.itpxw.cn

全民卡牌?!卡牌设计浅析_qh.itpxw.cn

全民卡牌?!卡牌设计浅析_qh.itpxw.cn

全民卡牌?!卡牌设计浅析_qh.itpxw.cn

 

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

 

全民卡牌?!卡牌设计浅析_qh.itpxw.cn

 

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

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

 

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

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

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

全民卡牌?!卡牌设计浅析_qh.itpxw.cn

 

原文作者:wcstrong

原文地址:http://略.cn/article/ZNzkzOTY=.html

 

 

 

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

文章出自:http://qh.itpxw.cn/peixun/ui/201613444.html

文章标题:全民卡牌?!卡牌设计浅析



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------