Wii 菜单是什么风格?

Wii 菜单让界面像打开一台电视:浅灰扫描线墙上排开圆角白色小窗,银色托盘压着一道细细的蓝弧线,再加一只大而安静的时钟。
Wii 菜单速览
Wii 菜单风格取自任天堂 Wii 主机的主界面,首次亮相于 2006 年。这个菜单是由十二个圆角小窗组成的网格,排得像电器店墙上的一排排电视。每个小窗是一个频道,循环播放自己的小预览,选中时还会响起各自柔和的提示音。它是数百万家庭打开主机后看到的第一样东西,设计目标是让谁都不需要被教就会用。
视觉系统很容易描述。小窗后面是极浅的灰色底,铺着细密的横向扫描线,越靠屏幕中央越亮。小窗是白色的,带一圈柔和的灰色细边和宽大的圆角。底部是一条银灰色的托盘,上沿一道细细的蓝色弧线,中间是一只大而轻的时钟。整体明亮、干净、对比度低。
这套风格的目标是平静的熟悉感。它为那些应该像打开电视、而不是打开应用的界面而造。没有需要破解的花样,没有需要研究的密集菜单,只有几个显而易见的可以指点的位置。因此它很适合家庭产品、儿童工具、媒体入口,以及任何希望第一印象是“这个我已经会用了”的入口页面。

Wii 菜单从何而来?
任天堂在 2006 年 11 月发布了 Wii,这台主机来自公司位于日本京都的总部。当时游戏行业正处在比拼画面性能和技术复杂度的军备竞赛中,Wii 却反其道而行,瞄准的是客厅,而不是专业玩家。它用的体感操作,人们看一眼就能明白;它的主界面也怀着同样的抱负。频道菜单要做到极易读懂,让祖父母和孩子用起来一样轻松。
核心想法是借用电视的隐喻。软件不被呈现为一份节目单或一棵选项树,而是一个个频道,每个频道都是通向某件已经在发生的事的窗口。小窗播放短短的循环预览,所以哪怕没人碰它,菜单看起来也是活的。这种“电视频道隐喻软件”的做法,属于当时的客厅主机界面,也带着 2000 年代中期白色消费电子产品那种干净、浅色、圆润的性格,那是油亮白色塑料和柔和曲线的年代。
菜单在主机的生命周期里不断演进。2009 年推出了系统菜单 4.0,平台的在线商店 Wii Shop 最终在 2019 年 1 月关闭,主机作为联网服务的生命就此终结。主机的整体寿命通常记为 2006 至 2013 年。这段时间里,菜单的视觉语言保持得相当稳定,这也是它多年之后依然容易辨认的原因之一。
有几位人物与 Wii 的精神联系紧密。岩田聪在 Wii 时代担任任天堂社长,大力倡导扩大游戏的受众;宫本茂是公司最知名的创作者,也是其设计哲学的核心人物;Kazumi Totaka 以温柔的声音与音乐个性著称,让各个频道有了温度。这些影响合在一起,造就了一个希望让人觉得友善的界面。这里的风格抓住了这份友善,并用屏幕设计表达出来:浅色扫描线、白色小窗、银色托盘,以及一道细细的蓝色弧线。
Wii 菜单的视觉特征是什么?
扫描线墙面
背景是极浅的灰色,上面划过细密的横向扫描线。线条淡到让人把它当作质感而不是图案,并且越靠屏幕中央越亮,温和地把视线引向中间。这个效果让人想起电视画面,让页面有一种柔和的发亮感,却不靠任何渐变装饰。
频道小窗
内容排成规整的白色圆角小窗网格,横排四个、竖排三行,每个都有一圈柔和的灰色细边。每个小窗大小相同,行为相同,所以布局一眼就能读懂。小窗像一块块屏幕,原作里每个都会播放自己的小循环预览。大小相同、间距相同,意味着在你选中之前,没有哪一个比别的更重要。
带蓝弧线的银色托盘
屏幕底部是一条银灰色的托盘,上沿标着一道细细的、弯曲的浅蓝线。它为布局定了锚,容纳常驻的控件。这道弧线是这套风格唯一的修饰,又细又安静,像金属边缘上一抹柔和的光泽,而不是装饰。它也给原本横平竖直的页面添了一点柔软。
大而轻的时钟
托盘中央是一只大号时钟,字体轻盈而友善。它对页面功能并非必需,这正是它的可爱之处。它让菜单有了家用物件的味道,像架子上的一只钟,也表明这个系统是一个平静的、居家的存在。数字很大,但字重很轻,所以清晰而不喊叫。
柔和圆润的几何
小窗、按钮和托盘的转角都是宽大的圆角,没有锐角,也没有咄咄逼人的斜线。圆润的形状呼应主机及其配件的白色塑料外壳,告诉用户这里没有危险,也不复杂。形状朴素、简单、友善,除了那一道蓝弧线,没有别的装饰。
明亮低对比的色板
色板是白、浅灰、银色,以及一种浅蓝。相邻色块之间的对比温和,没有任何刺眼的地方,文字是深灰而不是黑。这是 2000 年代中期白色消费电子的色彩世界,乐观而干净,它之所以有效,是因为它对观众没有任何要求。感觉就像一间灯光明亮的客厅。

谁塑造了 Wii 菜单?
岩田聪在 Wii 时代担任任天堂社长,是让游戏欢迎所有人、而不只是爱好者的主要倡导者。主机应当像家电一样容易亲近,这个想法贯穿了整个 Wii,而频道菜单正是它最清晰的表达之一。
宫本茂是任天堂最知名的创作者,也是其设计思想的核心影响者。他对游玩、清晰和即时理解的强调,是 Wii 平易近人气质背后的力量,也包括它菜单朴素而友善的呈现方式。
Kazumi Totaka 以与任天堂产品联系在一起的温柔声音和音乐个性而闻名。在 Wii 菜单里,声音是界面的一部分:每个频道都会以自己的柔和提示音回应,给视觉上的平静配上了听觉的对应物。
今天怎么用 Wii 菜单?
Wii 菜单风格属于以“欢迎”为首要目标的场合。它适合家庭产品、儿童学习工具、媒体启动器、类智能电视的入口页、面向非技术用户的简单仪表板,以及任何让用户不用阅读、指一指就能选的主屏。它不太适合那些菜单层级很深的专业工具,因为一排大小相同的小窗会掩盖工作中真正的层级。
做幻灯片,议程页或概览页是它天然的归宿:把主题排成淡灰底上的白色圆角小窗网格,每个小窗里放一个小标题。章节封面可以用底部的托盘母题,用那道细细的蓝弧线,并用一个简单的标签或日期取代时钟。内容页要保持轻盈,一两个白色小窗,周围大量灰色留白。数据页的做法是让每项指标各占一个小窗。
做网页界面,用小窗网格作为主导航或启动器。每个小窗是一张带柔和轮廓的卡片,有简短标题和一张小图或预览。悬停状态应温和地响应:轻微上浮或轮廓变化,而不是突然的颜色跳变。保留一条常驻的页脚或托盘,放账号控件和系统信息,用那道细蓝弧线收口。如果适合产品,可以在托盘里加时间、日期或状态组件。
做编辑与营销内容,这套风格特别适合聚合页、合集和产品系列页,目的是并列呈现几个同样重要的选择,而不排名。活动页可以把每个产品当成一个独立的频道。邮件通讯或类应用商店的版式同样适用这套网格逻辑。文案要简短友善,因为这套风格的口吻是愉快的、居家的,而不是权威的。
最常见的错误是过度打磨。加上浓重的阴影、饱和的颜色或油亮的渐变,会把一面平静、扁平的电视墙变成泛泛的应用启动器,丢掉打开电视的感觉。另一个错误是用大小不一的小窗打破网格,破坏“人人平等”的逻辑。第三个错误是在小窗里塞入密集文字;这种格式之所以成立,是因为每个小窗里只有一个标题和一个预览,别无其他。

Wii 菜单 · 常见问题
Wii 菜单设计风格是什么?
它是取自任天堂 Wii 主机(2006 年发布)主界面的一种平静、友好的界面风格。构成包括:排得像电视的圆角白色小窗、带细密扫描线的浅灰底、带一道细蓝弧线的银色托盘,以及一只大而轻的时钟。它要给人打开电视的感觉。
为什么它看起来像一面电视墙?
因为原版菜单用的是电视频道的隐喻。软件被呈现为十二个频道,每个都是播放自己小预览循环的圆角小窗,像电器店墙上的电视机。这个隐喻让主机显得熟悉,因为人人都知道怎么选频道。
这套风格是深色还是浅色?
是浅色的。底色是很浅的灰,小窗是白色,托盘是银色,只有一种浅蓝作强调。这种明亮和低对比属于 2000 年代中期白色消费电子的外观,也促成了平静、友好的气氛。
扫描线背景有什么作用?
细密的横向线条给灰底增添了一种含蓄的电视质感,并向屏幕中央渐亮,温和地把视线引向内容。它们应当被感觉为表面质感,而不是被看成图案,所以要保持非常淡,绝不与小窗争夺注意。
哪类产品最适合这套风格?
那些第一印象应当是“谁都能用”的产品:家庭中枢、儿童应用、媒体入口和简单的家用仪表板。它不太适合有深层级菜单的专业工具,因为等大的网格把每个条目都视为同样重要。