下载 App

TapTap 制造 竞技卡通UI 主题介绍

06/261030 浏览
TapTap
如果你正在用 TapTap 制造做一款竞技对战、动作闯关、派对乱斗,或者整体战斗感比较强的游戏,在制作游戏 UI 时,往往会遇到一个很实际的问题:
战斗界面里有角色、技能、血条、道具、排行榜、任务目标和各种按钮,但元素一多就容易变得松散。按钮不够有冲击力,面板不够像“战斗系统”,信息层级也不够像一套完整的游戏 HUD。
BrawlForge 就是为这种游戏准备的一套竞技卡通风格 UI 主题。
它把亮蓝色主按钮、紫色强调色、黑色粗边框、方正硬边面板、粗体中文、按钮底部压边、战斗状态颜色和 HUD 血条体系都提前整理好了。开发者在 TapTap 制造里制作游戏 UI 时,可以直接用这套主题来生成主菜单、战斗 HUD、角色面板、背包、任务列表、排行榜、结算弹窗等界面,不用每个控件都重新调整颜色、边框和状态。

BrawlForge 适合什么类型的游戏

BrawlForge 更适合需要对抗感、爽快感和战斗信息密度的项目,比如:
  • 竞技对战
  • 派对乱斗
  • 横版动作
  • Roguelike / Roguelite
  • 机甲科幻
  • 卡牌战斗
  • 体育挑战
  • Boss Rush
  • 闯关冒险
如果你的游戏不一定是纯竞技题材,但希望 UI 更有冲击力、更像街机游戏、更像战斗 HUD,也可以尝试使用这套主题。

BrawlForge 的视觉特点

BrawlForge 的整体气质可以概括成三点:
第一,硬边框,强结构。它不是圆润柔和的界面,而是使用方正面板、黑色粗边框和清晰分割线,让按钮、卡片、弹窗都像被“锻造”出来的战斗模块。
第二,状态颜色很直接。主操作使用高亮青蓝色,次要操作使用鲜明紫色,成功状态是亮绿色,警告是亮黄色,危险和扣血是高饱和红色。玩家不需要多想,就能看出哪个按钮最重要、哪个状态最紧急。
第三,文字更有力量。BrawlForge 使用粗体中文作为默认文字风格。标题、按钮、标签、状态说明都会更厚重、更醒目,适合竞技、对战、闯关和奖励结算这类需要“看一眼就抓住重点”的界面。

使用方式

当你想制作更有战斗感、街机感、竞技感的界面时,可以直接描述你要的页面,并指定使用 BrawlForge 主题。
例如:
使用 BrawlForge 主题,做一个竞技对战游戏主菜单。界面需要包含“开始匹配”“训练模式”“角色仓库”“排行榜”“设置”几个入口,整体要有亮蓝色按钮、黑色粗边框和战斗 HUD 感。
或者:
使用 BrawlForge 主题,做一个横版动作游戏的战斗 HUD。需要显示生命值、能量条、技能按钮、连击数、当前关卡目标和 Boss 血条。
再比如:
使用 BrawlForge 主题,做一个通关结算弹窗。弹窗里展示击败敌人数、获得金币、稀有道具、评分星级,并提供“继续挑战”和“返回大厅”两个按钮。
也可以更简单一点:
帮我把 UI 换成 BrawlForge 竞技卡通主题。
如果你已经有具体游戏题材,也可以把题材一起写进去,例如“机甲竞技场”“街头乱斗”“未来体育赛”“卡牌擂台”“怪物闯关”“Boss 挑战”。BrawlForge 会保持基础的硬边 HUD 风格,同时根据题材调整按钮文案、状态信息和界面布局。
你也可以让嗒啦啦帮你强化某一类状态颜色。比如让血条更明显、让技能冷却更像战斗 HUD,或者让稀有装备用蓝色 / 紫色 / 橙金色区分。

更多 UI 主题正在路上

TapTap 制造的 UI 主题由心动美术中台设计制作;更多 UI 主题正在制作、精修中。
敬请期待我们的下一期 UI 主题介绍。
猜你想搜
taptap 制造brawlforge主题
别再烧积分了!从每次 2000 到每次 50 的血泪经验截图
别再烧积分了!从每次 2000 到每次 50 的血泪经验
适用场景:所有在用 TapTap Code 开发游戏的小白 难度:★☆☆☆☆ 背景最近群里总有人"炫耀"一次操作花了几千积分,说实话这不是值得高兴的事——这是在告诉所有人你的开发方式有根本性问题。我也走过这条弯路,所以来说说怎么改。 积分消耗的本质是什么积分 = AI 处理的 token 数量 = 你发给 AI 的内容 + AI 回给你的内容所以烧积分的本质只有两种: 你让 AI 做了大量无效/重
精华
77 赞
23 回复
如何提升你游戏中的UI美术水平截图
如何提升你游戏中的UI美术水平
一、请为你的游戏挑选一款合适的字体 很多开发者没有注意到其实UI界面中最重要的元素是字体,一款合适的字体能给整个游戏的界面感官带来蜕变。 请看案例 那么如何挑选适合自己的字体呢? 我总结出了一些小经验可供参考: 黑体:通用 宋体:古风、武侠、修仙 楷体:古风、武侠、修仙 圆体:卡通、动漫、Q版 科技:科幻、未来、电子 顺手分享一个免费可商用字体网站: 当然 如果你不知道自己的游戏适合什么风格
精华
125 赞
44 回复
【游戏上新】从抓妖开始(RPG抓宠同屏联机)截图
【游戏上新】从抓妖开始(RPG抓宠同屏联机)
《从抓妖开始》上新:多人在线抓宠 RPG,捕捉、养成、打 Boss、摆摊交易都安排上了! 大家好,我正在 TapTap 制造里开发一款多人在线抓宠 RPG:《从抓妖开始》。 @蒜鸟 这次想和大家分享一下目前游戏已经做出的核心玩法,也欢迎大家来体验、反馈、提建议。 一句话介绍 《从抓妖开始》是一款以 抓宠养成、回合制战斗、装备锻造、世界 Boss、天梯竞技和玩家社交交易 为核心的多人常驻服 RPG。
7 赞
【UI教程】如何将已有的效果图应用为实际的UI界面截图
【UI教程】如何将已有的效果图应用为实际的UI界面
在经过了一些折腾和比较折磨的尝试后,我总算是摸清楚了嗒啦啦怎么把UI效果图转换为实际游戏中的UI组件,今天就给大家带来这部分的经验分享。 tips:1.本篇教程需要各位掌握最基本的ps使用,具体的操作部分我会大致讲解,但仍需各位自行学习ps的基本操作,部分可以由ai代劳的环节我会注明。 2.本篇教程需要在以我前两篇教程作为前置环节,请在阅读这两篇前置教程后再进行本篇教程内容的学习 在按照前
12 赞
5 回复
【游戏自荐】一款“黑客级”的心理博弈截图
【游戏自荐】一款“黑客级”的心理博弈
喜欢策略游戏的朋友集合啦!我希望找到一些群体,虽然我被我的一些其他游戏玩家说游戏小众,但我还是想把这个游戏做好,为什么呢?可能我觉得这是我最满意的一个游戏吧。我更希望大家测试玩法,欢迎大家提出问题。可能游戏策略会有点难度,非常考验玩家的策略思路。 这是一款什么游戏? 简单来说,你将扮演一名背负天价债务的“地下走私客”,在无底的深渊口岸,试图把违禁资产从对手审查官的眼皮底下转移出去。 市面上有很多“
4 赞
3 回复
01:27
《大二暑假,我用AI做了一款属于自己的游戏》截图
《大二暑假,我用AI做了一款属于自己的游戏》
本人自制游戏现已加入taptap封闭测试(仅适配安卓机型)欢迎大家前来尝试(八月十号可以正式开始游玩) 如果有建议或者bug反馈可以加入qq群928501443 #发现好游戏 #游戏日常 #浅评一下 #今天游戏圈发生了啥
4 赞
1 回复
【游戏自荐】异海回响截图
【游戏自荐】异海回响
一、游戏简介 《异海回响》是一款赛博朋克风格的深海净化点击放置类游戏。 在这个世界中,海洋被未知污染侵蚀,万物异变为危险的污染体。你将化身净化者,点击驱散一个个污染生物,收集生态碎片强化自身,召唤伙伴协力作战,逐层深入八大海域,挑战精英变异体与深海巨兽Boss,最终揭开深渊核心的真相。 ·游戏中所有美术资源和形象动画全部由程序化矢量绘图生成,不使用任何图片素材。 ·游戏有动感的15首独一无二的音
7 赞
2 回复
01:29
官方阅,申请积分计划2,希望官方继续支持我完成这款游戏,截图
官方阅,申请积分计划2,希望官方继续支持我完成这款游戏,
视频内容只是一部分, 本游戏耗时3个月,目前完成进度百分之80, 是生存游戏,进入修仙界,走剧情找到宗门加入, 这时游戏才是真正开始, 提升实力境界后就可以变强,获取功法法术法宝, @视频内是游戏里挑战妖族入侵一种主流玩法,游戏就是围绕着这个来进行, 还有很多地方可以战斗,获得资源修炼变强,比如去藏书阁学习功法, 去法宝楼抽法宝,每一个宗门数十个法宝抽取 去修仙界探索,获得各自的资源,可能遇见妖兽
1 赞
3 回复
01:13
【游戏自荐】《王朝崛起》——一个人做的2D骑马砍杀,但真的上头截图
【游戏自荐】《王朝崛起》——一个人做的2D骑马砍杀,但真的上头
略沙盒,玩法硬核,还在修bug,但真的上头 先声明:我不是托,是开发者自己来安利的。如果你喜欢《骑马与砍杀》那种从零拉起部队、跑商、招降将领、攻城叛变的玩法,那这款游戏大概率会对你的胃口。 一、这游戏玩什么? · 超大的2D沙盒地图:64座城市 + 128个村庄,四大势力割据,满地图的蛮族部落。· 动态世界 & AI:AI势力之间会自己宣战、结盟、叛变;武将忠诚度低了会自立为王,最多能冒出8个新势
13 赞
7 回复
【新游上线】冻鳗谐音梗截图
【新游上线】冻鳗谐音梗
「冻鳗」即「动漫」,一个把谐音梗玩到极致的看图猜谜游戏。 两张图,一个谜:第一张图给出主角,第二张图藏着变化——螃蟹叠罗汉是「蟹蟹」,藕骑大象是「偶像」,宝剑插着三颗莲蓬是一键三连,公鸡打鸣加针加毯……答案就藏在你每天挂嘴边的那些词里。 输入你想的答案,谐音、错别字、大小写统统算对——我们只管你有没有 get 到那个梗,不当代课老师。 #TapTap制造 #TapTap聚光灯 #TapTap聚
2 赞