WF2

8th Watchface / 2025/8/16
「变成『2』,一切都是新的。」
DeepSeek 总结
🌟 核心亮点
- 灵感来源:基于 Nintendo Switch 2 的 UI 设计,结合简洁与现代感,适配智能手环的竖屏显示。
- 设计风格:延续 NS2 的渐变选框、扁平化图标和简洁布局,支持深浅双模式切换。
- 适配优化:针对手环 Pro 的方屏精心设计,未适配其他屏幕形状(如跑道屏)。
🎨 设计细节
状态栏:
- 头像使用 FC 风格的马力欧(浅色)和路易吉(深色),兼顾辨识度与趣味性。
- 日期字体选用 HarmonyOS Sans,数字设计更接近 DIN 风格。
- 状态图标(蓝牙、电池)保持简洁。
软件图标:
- 时钟模拟 NS2 卡带图标,搭配简约三针和压暗的 NS2 Logo。
- 活力数据采用进度条设计,适配深浅模式,图标颜色略有调整。
Dock 栏:
- 图标选择与 NS2 原版颜色对应,并考虑常用功能。
- 布局微调以实现视觉平衡,非严格对齐。
按键提示:
- 装饰性手柄图标(未绑定功能),A 键提示为“闹钟”(细节彩蛋)。
📸 宣传图设计
- 参考 NS2 游戏包装和 eShop 横幅风格,使用红色头条、渐变文字和渲染图突出质感。
- 共 5 张预览图,逐步展示功能、设计亮点和社群信息。
🚀 发布与反响
- 人气超预期,下载量超过其他同期表盘(×3)之和。
- 有用户自发进行非官方移植(如跑道屏版本),你虽不主动适配但允许署名发布。
- 设计过程中手绘草稿、尝试动态效果(未实现),体现实验性质。
❤️ 致谢与体验
- 感谢用户反馈与支持,特别提到群友建议优化状态栏大小。
- 提供 AstroBox 下载链接,邀请读者体验表盘。
💡 设计哲学
- 在还原 NS2 风格与适配小屏幕间平衡,注重细节(如颜色适配、视觉对齐)。
- 强调“实验性”,意外获得高人气,体现设计价值。
灵感
还是还是在学校想到的?是的兄弟
觉得 NS2(NS1)的 UI 很简洁于是做了表盘。
虽然快高考了,但还是一直有在关心 NS2。
虽然 NS2 的 HOME 菜单跟 NS1 没什么区别,不过 NS1 时代我就挺喜欢这个简洁的 UI,这次正值 NS2 发售,干脆来做 NS2 风格的好了。
开工

NS2 的 UI 虽然大体上延续了 NS1 的设计风格,但细节上变化却很大。
小小的评价
网上很多人都觉得 NS2 这个跑马灯选框看起来很“丑”“杀马特”。不过我觉得其实并没有那么难看。
感觉渐变选框其实看起来更有活力了🧐
布局任天堂已经设计好了,接下来就要想怎么把这样的设计做到手环的小屏幕上。
观看方向上,大多数情况下,NS2 是横屏的,手环是竖屏。
NS2 可以把软件一口气地**横向排列**在屏幕上,可是手环呢?为了让元素不至于小到看不清,就只能放下 1.5 个图标了。
为什么还有个 .5?
一是原设计就是这样的。
二是为了保证整体协调。
如果只显示一个软件图标,看起来就不像是游戏机的 UI(现代游戏机哪有桌面只显示一个游戏的);
如果显示两个完整的软件图标,单个软件图标就看起来太小。
这次还做了可切换的深浅模式,原因是有一天半夜自己测试表盘的时候被亮瞎了
接下来开始一介绍表盘的各个元素。
状态栏

头像
一直没决定放什么图好。毕竟这东西还是太个性化了...
有想过 Mii。但是头像的实际显示面积实在是太小,Mii 放上去的话看起来糊得要命,于是就放弃了。
后来想到,既然要做深浅色切换,是两种样式,不如把马力欧马叔放上去吧,深色就把老路放上去。
FC 的马叔,即使显示面积小观感也不会太差。
实际上...
放大了一倍。倍数真的如我所想那样不高。
日期
用的是 HarmonyOS Sans。
原版我目测是个类 DIN 的字体。不过经查貌似不是,数字 7 没有衬线。
网上下载了几个类 DIN 字体,效果都不太彳亍,自己画也懒得画。
经过了 几秒钟的思考,于是就决定是 HarmonyOS Sans 了。
为什么不是 MiSans?
两个字体比起来,我觉得在数字上还是 HarmonyOS Sans 更有设计感。
4 的开口看起来也很有 DIN 内味。
星期是 80% 不透明度的,不过在这么小的显示面积上,不细看基本看不出来。
状态图标
原版会显示网络连接状态,这里就改成了蓝牙的连接状态。未连接时会变灰。
电池最开始是打算用 Fluent Design 的电池图标,不过发现缩小了之后不能做到点对点,就自己画了个电池,这个不难()
电池图组的名称一样还是叫“电解液”。
百分比?
NS 可选是否显示百分比。
我没这么做的原因,一是做了之后状态栏会跟后台应用图标/通知小红点重叠;二是我懒
状态栏最开始没有现在这么大。不过群友建议可以改大一点,我改大了之后初看还不适应,但是看久了确实是要比初稿看起来更舒服。在此感谢群u (∠・ω< )⌒☆
软件图标
↑ 应该是任天堂官方的叫法(未查证)

时钟
顶上的已插入卡带图标,有想过要不要换。后来觉得留着也挺有意思的,好像实体版的闹钟 (不是阿拉莫)那样,那还是留着吧~~
你任除了 Alarmo 真的出过可玩的闹钟
比如 DSi Ware 的照片闹钟。
虽然不是实体版,也没多少“游戏性”拉~但想到了还是提一嘴。这个是我的 NDSi 上前机主购买的软件之一。在我还没有重度使用手机的童年,我真的有用这个在定闹钟,印象挺深的。
后来...
买了 3DS(老小三)之后把这个正版软件搬家到 3DS 上了。结果发现画面会缩放,本来 NDS 的分辨率就低,3DS 上一缩放更是糊得要命。
用点对点模式的话,画面会非常小。
所以挺后悔迁移的。迁移后的效果还不如原机呢...
用模拟时钟,一是有受到上一个表盘 banDS(NDS 风格)的影响,二是总做数字时钟想尝试另一种风格。
本来想做可更换时钟底板的(就像游戏封面那样),不过因为工作量大放弃了。

三针用的是比较简洁的设计,跟 NS2 UI 的简洁风格对应。
底下还加了个 NS2 的 Logo,算是一时的灵感,看起来效果不错就留下来了。
Logo 的颜色则特意压暗了,尽量让它成为装饰,不要干扰时间的可读性。
活力数据

↑ 以防你忘了上面的图
一开始是想像 3DS 上的 思いてきろく帳 那样的风格设计的,但是发现其实并不适合 NS2 的简洁风格,即使是拍扁了变成扁平化的风格,也觉得怪怪的。

...
这次不是懒啊()伪 3D 的进度条做起来也不难的,没做只是觉得不合适而已。第三个条被裁掉一点点,这个是故意的()
图标在深色和浅色下的颜色不太一样,是为了适应深浅模式。
Dock 栏
看起来还挺有 NS2 内味的。
小爱同学
放这个是为了跟 Nintendo Switch Online 的图标对应上,于是用了有颜色的背景。
从一开始就打算用的是选框的四色渐变做背景,做好后才反应过来——跟超级小爱的主题色也挺像嘛~
[长图] 超级小爱的截图

Figma 里给四色渐变上了个图层模糊,但是怎么也搞不好模糊半径到底应该是多少。
模糊半径大了,背景更白,可读性就会降低;
模糊半径小了,中间的“点”看起来就更突出,更丑。
...后来想到,给超级小爱的图标上个小阴影不就解决了高半径下的可读性问题了。就,有点子难绷。
小小小细节
深浅模式下,模糊半径不一样。
浅色是 10,深色是 20。
为啥深色下半径变大了?因为半径越大越透背景,深色模式下透背景反而能提高可读性,也让这个图标没那么耀眼了。
其他图标
想了几个能跟原机图标颜色对应上的,后来也根据哪些功能常用决定了放哪些图标。
特别说下压力。任豚应该都看出来了,图标就是好友的那个。
感觉很适合当作压力的图标,于是就决定是它了。
图标并不是完全均匀地横向分布的,有一些偏移。

这个是根据视觉上的平衡来调整的。
按键提示

手柄分配提示
这里其实没有绑定数据,就是纯装饰,我没想好要绑定什么数据()。
电量?考虑过,但我还是那句话,都有更大的了为啥还要看更小的(如果大的那个没问题的话)
图标用的是 Fluent Design 的图标。
按键
能点。
NS 也是这样的。
不同的地方是,A 键的提示是“闹钟”,不是“启动”“开始”“时钟”。一个小细节()
AOD

没活了。
没用亮屏同样的样式,跟上个表盘的原因是一样的。
命名
简 单 粗 暴。NS2 -> WatchFace2。
图标
![]()
简 单 粗 暴。就是把 NS2 Logo 里的 Joy-Con 换成了手环。
介绍图
总览





整体上参考了 NS2 的卡带包装盒和 eShop 上 NS2 游戏的横幅样式。
虽然这个红色大额头设计丑得跟 New 3DS Only 的卡带包装有过之而不不及,但为了还原设计,只好这么干了()
首图 / 封面 / 图 1

第一次把渲染图放在首位。想了想可能是因为我觉得 NS2 的渲染图 / 视频很有质感吧,于是也这么做了。
毕竟 NS2 的首曝视频和介绍视频我可是各自都看过不下 20 遍的(((((
“Nintendo Switch 2 风格表盘”这一行特意把“风格表盘”弱化了。
因为以前的图里有过“风格表盘”比原作标题还要大的情况,然而大家显然是更想看到原作标题的是吧(
右边稍微引导了一下用户继续滑动。
图 2

延续了大红条,还加了页数显示。
“完美还原 Switch 2”这个大字+细体+四色渐变外发光的设计,其实是跟 NEORUAA 佬的视频封面里学来的。

图 3

平平无奇了。
图 4

这次的不同点就是,把交流群的部分做成了个消息气泡的样式。
图 5

这次没有大字了,取而代之的是对话框样式包裹的文字。
背景用了渐变 / 渐进模糊。特意调了锚点,让进度条看起来跟化开了一样((((
跑道屏?
目前不打算适配。
NS2 的 UI 本身就是针对横屏设计的,在手环 Pro 的竖向屏幕上能还原我觉得已经不容易了,
想要移植到细长的跑道屏的话,我能力还是不够,设不出来啊~~抱歉了。
所以 WF2 是专为手环 Pro 的方屏适配的。对于其他方屏 / 圆屏的设备,因为用户太少不打算适配了。
不过打钱的话也不是不行
后日谈
看起来人气比我所想的要高啊~
倒也不是在自卖自夸,我这么说一是有人搞非官方移植;
二是在表盘自定义工具上,WF2 下载量比同期上传的 authRD(×2) + banDS 三款加起来还要高。
WF2 设计上算是实验性质的表盘,我是没指望有多少下载的()
在此感谢各位 🙇也有人搞跑道屏的移植。
前文已经提到了因为是专为手环 Pro 的方屏打造的,所以我不会适配。
不过群里的 Qq 也已经花了时间精力把表盘做好了,我也不好意思说“不能发布”让人家的时间精力白费,就同意了。
但是有以下的条件
原作者 hrsthrt74
本版本为非官方移植版
移植版不代表原作者设计

你知道吗?
这次同样用了纸来打草稿。不过写的没上次多。

本来想给那个选框做动态效果的,但是因为不会用 AE 来实现,只好作罢。
感谢你看到这里!
不妨去 AstroBox 下载体验一下😋
