下载 App

像素风游戏色彩实验:从 209 色到 24 色的互补色环提炼

精华06/03261 浏览开发交流
一次将"好看但混乱"的调色板收敛为"天然和谐"的系统化色板的过程记录。(因为只是实验,不知道是否成功,具体要看手绘作品。)
horizontal linehorizontal line
第一版色板(v1)有 209 个颜色,分了 21 个大类。颜色很多,搭出来也不难看,但总感觉缺少"一气呵成"的统一感。仔细分析后发现症结——209 色散布在色环的各个角落,虽然单个类别内部有梯度,但类别之间缺少系统性的色相约束。简单说:颜色是一个一个从参考游戏"吸"来的,而不是从一套色彩数学里"推"出来的。于是我们做了一个实验:能不能只用 24 个基色 × 5 级明度,用色环互补原理保证它们天然和谐?
horizontal linehorizontal line
TapTap
第一个色阶
TapTap
随便乱花画的测试颜色是否过度自然。
背景在做一款像素风经营游戏《洞天福地》时,我们面临一个典型问题:第一版色板(v1)有 209 个颜色,分了 21 个大类。颜色很多,搭出来也不难看,但总感觉缺少"一气呵成"的统一感。仔细分析后发现症结——209 色散布在色环的各个角落,虽然单个类别内部有梯度,但类别之间缺少系统性的色相约束。简单说:颜色是一个一个从参考游戏"吸"来的,而不是从一套色彩数学里"推"出来的。于是我们做了一个实验:能不能只用 24 个基色 × 5 级明度,用色环互补原理保证它们天然和谐?
TapTap
第二个色阶,很长,看得我有点犯困
TapTap
最后的色阶。。
实验方法第一步:确定色环骨架不再让颜色自由分布在 360° 色环上,而是只允许 4 个色相区间存在:        90°
         |
   绿色区 (100-130°)
         |
180° ----+---- 0°
   蓝灰区       暖色区
  (180-230°)   (5-55°)
         |
   紫粉区 (320-350°)
         |
       270°
这 4 个区间形成两组互补对:
  • 暖色区 ↔ 蓝灰区(色环对面)
  • 绿色区 ↔ 紫粉区(色环对面)
对比:v1 vs v2维度v1(209 色)v2(24×5=120 色)颜色总数209120色相分布散布全色环严格 4 区间色之间的关系同类别内有梯度,跨类别无约束任意两色都在互补框架内新增颜色靠感觉/吸色套公式计算暗色生成手动调暗公式自动偏紫适用场景已有的 21 类资产足够用新场景可以无限扩展(只要在 4 个区间内)实际感受把 v2 的 120 色铺在一起时,第一感觉是**“这些颜色本来就是一家人”**。这不是因为它们长得像(朱红和嫩竹当然差很远),而是因为:
  1. 任意相邻色的色相差都在可控范围内
  2. 互补对(暖↔冷、绿↔粉)的饱和度匹配
  3. 所有暗色都带同方向的紫偏,统一了阴影氛围
结论色板设计不是"找好看的颜色",而是"建一套让任何颜色都好看的规则"。具体来说:
  1. 先定色环骨架(互补结构),决定哪些色相"允许存在"
  2. 再定协调规则(暖偏、饱和度分级、紫调阴影),决定同一光照环境
  3. 最后把标准色"翻译"进骨架——你的"黄色"不是 H60° 的纯黄,而是 H50° 的金黄
  4. 变体用公式生成,不要手动调——手动调一定会跑偏
附:最终色板预览
区域色数覆盖暖色区8 色红、橙红、橙、棕、土、金、黄、枯黄绿色区4 色草绿、灰绿、深绿、青绿蓝灰区4 色青、天蓝、深蓝、灰蓝紫粉区4 色粉、玫红、紫粉、暗红中性色4 色暖白、肤色、灰、墨黑
猜你想搜
taptap 制造洞天福地美术
03:06
为了不被斩杀,我只能做到这些了截图
为了不被斩杀,我只能做到这些了
之前一直申请不到计划3,之前说太花哨,后面说体量完成度不足,在我一番小作文下,编辑终于给了我解答,什么原生质感,玩家开局体验啥的。 本来计划2也够用,准备以后再优化了,结果计划2赠送的积分要砍半了,学生党实在消费不起,于是只能再冲一波计划3了 从周六中午到现在一天半时间,优化了一遍角色卡,战斗卡,还有抽卡界面,优化了新手教程,该说不说确实比之前要舒服些。 前半部分为新版,后半部分为旧版。 明天再次
27 赞
6 回复
别再烧积分了!从每次 2000 到每次 50 的血泪经验截图
别再烧积分了!从每次 2000 到每次 50 的血泪经验
适用场景:所有在用 TapTap Code 开发游戏的小白 难度:★☆☆☆☆ 背景最近群里总有人"炫耀"一次操作花了几千积分,说实话这不是值得高兴的事——这是在告诉所有人你的开发方式有根本性问题。我也走过这条弯路,所以来说说怎么改。 积分消耗的本质是什么积分 = AI 处理的 token 数量 = 你发给 AI 的内容 + AI 回给你的内容所以烧积分的本质只有两种: 你让 AI 做了大量无效/重
精华
65 赞
20 回复
01:27
《大二暑假,我用AI做了一款属于自己的游戏》截图
《大二暑假,我用AI做了一款属于自己的游戏》
本人自制游戏现已加入taptap封闭测试(仅适配安卓机型)欢迎大家前来尝试(八月十号可以正式开始游玩) 如果有建议或者bug反馈可以加入qq群928501443 #发现好游戏 #游戏日常 #浅评一下 #今天游戏圈发生了啥
3 赞
如何提升你游戏中的UI美术水平截图
如何提升你游戏中的UI美术水平
一、请为你的游戏挑选一款合适的字体 很多开发者没有注意到其实UI界面中最重要的元素是字体,一款合适的字体能给整个游戏的界面感官带来蜕变。 请看案例 那么如何挑选适合自己的字体呢? 我总结出了一些小经验可供参考: 黑体:通用 宋体:古风、武侠、修仙 楷体:古风、武侠、修仙 圆体:卡通、动漫、Q版 科技:科幻、未来、电子 顺手分享一个免费可商用字体网站: 当然 如果你不知道自己的游戏适合什么风格
精华
122 赞
44 回复
开发心得-界面布局心得截图
开发心得-界面布局心得
大家好,我正在用 TapTap 制造制作一款2D 治愈林间徒步旅行游戏《徒步荒野》。 我分享一下我的开发心得,希望能有用,下面是一些界面布局的心得。 第一步:定版式、操作 先确定游戏是横版还是竖版、需要哪些操作按钮,敲定整体玩法思路。 我的玩法灵感参考《边境之旅》,主打散步看风景、沿途触发随机事件。 原版是 3D,考虑到自己是新手,选择2D 横版街机式来做,制作更简单、好上手。 第二步:敲定全局美
6 赞
2 回复
嗯,真的,随便了(并不是什么下台阶)截图
嗯,真的,随便了(并不是什么下台阶)
只是觉得,为以前这样让朋友推荐这个平台的我,感到。。。无所谓了。你们喜欢吧。
1 赞
3 回复
【卡牌风暴】更新公告截图
【卡牌风暴】更新公告
《卡牌风暴》已完成版本更新,本次更新内容如下: 【新内容】 无尽模式重做:通关后即可开启,开局降临 2 只首领,此后每 30 秒增援 1 只,首领无限堆积,挑战无止境。 新增云端排行榜「无尽击杀」:以击破首领数为核心成绩,相同击杀数比存活时长,结算后自动上传个人最佳。 新获得卡牌(三选一、卡包、融合)直接进入卡组首位,立即可见并优先发射。 【玩法调整】 敌人血量调整为指数成长,中后期明显更耐打,后
1 赞
纯小白第一晚踩了3个大坑的#开发心得截图
纯小白第一晚踩了3个大坑的#开发心得
先说结果:我不会写一行代码,昨晚10点做到凌晨4点,做出了一个能玩的游戏原型,积分花了不到1000。但中间崩了两回、返工三回,坑给你们趟明白了。 我想做的是一款2D俯视角的吞噬进化+守家游戏,动物题材,有点像抖音上那种蜘蛛吃东西进化的玩法,但题材和系统都是自己设计的,游戏叫《雾噬》。 坑1:模型一定换Pro,默认的Flash会崩 进去系统默认给我选了个Flash轻量模型,我一段长指令发过去,直接报
2 赞
1 回复
2D 等轴测视角:完整理论截图
2D 等轴测视角:完整理论
2D 等轴测视角:完整理论 一、视角的本质 什么是等轴测 人站在高处斜着往下看地面,地面上的方格子不再是正方形,而变成了菱形。这就是等轴测的视觉本质。 俯视(正上方看下去): 等轴测(斜上方看下去): ┌──┬──┬──┐ ◇ ├──┼──┼──┤ ◇ ◇ ├──┼──┼──┤ ◇ ◇ ◇ └──┴──┴──┘ ◇ ◇ ◇ 正方形网格经过旋转 + 压缩,变成了菱形网格。 为什么是 2:1
6 赞
【作品自荐】《狸墨说书 青瓷镇志》截图
【作品自荐】《狸墨说书 青瓷镇志》
这是我一个人利用业余时间做出来的游戏,断断续续磨了很久。 之所以想做它,其实理由挺简单的——我就是喜欢国风,想做一款国风小游戏。 在这个游戏里你扮演的是青瓷镇唯一的说书人「墨言」,祖父临终前留给你一本残缺的《青瓷镇志》,你要把散落的古籍碎片一块块找回来,拼出这个小镇藏了多年的真相。 为什么是“说书人”?因为我一直觉得,说书人是那种“站在故事和听众之间“的人,他在讲故事,但究其本身也是故事的一部分。
2 赞