卡西欧 G-SHOCK 是什么风格？
G-SHOCK 风格是哑光树脂黑的页面，加上红色砖墙框围住的米黄色液晶读数窗，它取自一只被设计成“就是要摔”的手表。
卡西欧 G-SHOCK 速览
卡西欧 G-SHOCK 风格来自这个系列的第一只手表，1983 年的 DW-5000C。它的特征很容易描述：哑光的黑色聚氨酯表壳，中间一块凹陷的正显液晶，原始读数窗四周围着一圈被昵称为“砖墙”的红色框。显示屏旁边印着金黄和青绿色的小字，表圈上则有一行宽体大写字样。
转换成设计系统之后，页面就是那只黑色表壳；卡片是表带黑；每一个重要数字都放进米黄色的窗口，里面是深色的段码数字，外面围着砖红色的框，读者的目光会像被手表上的显示屏吸引那样，被吸向这个数字。标题使用宽体 Michroma 大写，模仿表圈上的 PROTECTION 字样；正文和参数则使用 Archivo。
整体印象是硬朗、哑光、实用。圆角很小，边框很粗，没有金属光泽，也没有玻璃反光。它看上去是一件工具，而不是首饰。这既是原物的要点，也是这套风格的要点：一个产品页或界面，感觉是为了经得起粗暴对待而造的，而不只是为了看上去昂贵。
卡西欧 G-SHOCK 从何而来？
G-SHOCK 的故事属于 1980 年代初的日本消费电子，起点是东京的卡西欧。关键人物是伊部菊雄（Kikuo Ibe），这位工程师立志造出一只不会坏的手表，并和一个名为“Project Team Tough”的小组一起工作。这个想法在当时很不寻常，因为数字石英表正以轻薄、时髦和新奇为卖点，而伊部的目标指向相反的方向：先要结实，外观是这种结实自然带来的结果。
这个时代对外观至关重要。在 1981 到 1983 年间，数字液晶石英表是现代感的象征，当时的设计词汇由段码数字、小号印刷标签和塑料表壳组成。1983 年 4 月发布、使用编号 240 机芯的 DW-5000C，把这套词汇装进了一层厚实的黑色树脂外壳，外壳把机芯整个包住，使机芯能够承受冲击。表壳不是围绕手表的装饰，而是工程上的解决方案，形态由功能决定。
这就是为什么这套视觉识别带有如此多诚实的结构。正显液晶是凹进去的，因为它需要保护；读数窗四周的红色框，是在厚实的表体里让显示清晰可读的一种大胆做法；表圈上的印字用大写字母宣告产品的承诺；金黄和青绿色的小标签承担着表壳上印字的作用，用紧凑、实用的方式告诉使用者各种模式和功能。
这个设计并没有止步于第一款。DW-5000C 的形状与逻辑被延续到 DW-5600，也出现在 2010 年代 DW-5000 的复刻版中，这说明原版的外观有多经久。这套风格属于三个互相重叠的脉络：1980 年代初的日本消费电子、数字液晶石英表，以及耐用的工具表设计。当你把它用在网站或幻灯片上，你借用的是这条漫长而一致的“结实”谱系。
卡西欧 G-SHOCK 的视觉特征是什么？
哑光树脂黑底
页面本身就是手表的黑色表壳：深沉的哑光黑，没有光泽，也没有渐变。卡片以略有不同的黑色叠在上面，这种黑叫作表带黑，因此面板之间靠安静的色阶差别来区分，而不是靠阴影。这带来一种非常厚重、扎实的感觉。因为深色表面之间的反差很小，较亮的元素，尤其是液晶窗口，就显得格外突出。
米黄色液晶读数窗
关键数字永远放在一块米黄色的框里，里面是深色的段码式字符，模仿原版手表的正显液晶。这是这套风格最容易辨认的手法。它让价格、参数或倒计时这样的数字成为隔着房间也能读到的物件。它也给写作者定下一条清晰的规则：数字重要，就放进窗口；不重要，就留在普通文本里。
红色砖墙框
每个读数窗的四周都有一圈砖红色的框，取自原版显示屏四周的红色外框。它粗重而毫不含糊，让窗口看上去嵌在一个起保护作用的机体里。这圈框是整套系统的主要强调色。由于它与液晶窗口绑定，红色不会散落在页面各处，只出现在数字值得被保护、被注意的地方。
宽体 Michroma 大写标题
标题使用 Michroma，一款宽而方正的大写无衬线字体，模仿表圈上的 PROTECTION 字样。宽大的字形读起来有工业感，略带技术味，并且占据可观的横向空间，适合简短有力的标签。正文和参数则换成更紧凑、更务实的 Archivo。这样的搭配把产品承诺的声音和产品文档的声音分开了。
金黄与青绿的表壳印字
金黄和青绿色的小标签就是显示屏周围的表壳印字。它们用于分类、单位和模式名称，从不用于正文。同一页面内，每种颜色有稳定的含义，所以观众在密集的参数表上快速扫视时，可以迅速把标签和数值对应起来。这些颜色足够沉稳，感觉像印上去的油墨，而不是屏幕发出的光。
小圆角与粗边框
圆角很小，边框很粗，产生一种带清晰边缘的实心体块感，而不是友好型消费应用里那种柔软的胶囊形状。按钮和卡片就像压铸出来的外壳部件，而不是画出来的。粗边框同时也是一种实用手段，它让组件在很暗的背景上依然分明，却不需要任何发光效果。
没有金属光泽，也没有玻璃质感
这套风格避开了镀铬高光、玻璃反射和柔和阴影。表面平整而哑光，像压模成型的树脂。这种克制对它的含义至关重要：一件打算被摔、被淋雨、整天戴在手腕上的产品，不可能同时被当作珍贵物件。因此，界面是靠“省略了什么”来传达诚实和耐用的。
谁塑造了卡西欧 G-SHOCK？
伊部是与“摔不坏的手表”这一想法联系在一起的卡西欧工程师。他的项目催生了 1983 年的第一只 G-SHOCK，即 DW-5000C。这套风格的全部逻辑，包括厚实的保护机体、凹陷的显示屏和不带装饰的特点，都是他工程目标在视觉上的结果。
这是与伊部一同被提及的卡西欧团队的名称。把它列出来，是为了提醒我们，这只表是一个团队解决耐用性问题的成果，而不是造型师画出来的表壳。这套风格强调功能高于装饰，正呼应了这一来源。
DW-5000C 于 1983 年 4 月发布，使用编号 240 的机芯，是第一只 G-SHOCK，也是这套风格的直接源头。它的黑色树脂表壳、凹陷的正显液晶和红色外框，提供了这套设计系统几乎所有的元素。后来的 DW-5600，以及 2010 年代的 DW-5000 复刻款，延续了它的外观。
今天怎么用卡西欧 G-SHOCK？
做幻灯片时，封面可以是出血的哑光黑底，配宽体大写标题，再放一个米黄色的读数窗，里面只放一个数字，外框是砖红色。内容页最好每页只有一个这样的窗口，下面用 Archivo 排支撑性文字，用小号金黄或青绿标签标明类别。数据页可以把每个关键指标做成各自的读数窗，像表盘上的各种模式一样排成网格，对比起来很方便。
做网站和硬件产品页时，这套风格天然适合参数表、产品对比、户外装备，以及带一点八十年代电子味的工具类产品。对比页可以给每个产品一张深色卡片，用一个读数窗显示价格或续航，下面是一排朴素的属性。行动按钮可以是粗边框、小圆角的矩形，与窗口外框同属一个家族。
做内容与营销物料时，围绕哑光暗色与小块亮窗之间的对比来构图。主视觉可以是黑底上的一件结实的产品，叠一个读数框，里面放一个数字。标题要短，并且大写，因为宽体大写占地方。文案要直接说这东西能扛住什么，而不是它有多漂亮。
最常见的错误，是把红框当成通用强调色，散布到按钮、链接和标题上。这圈框属于读数窗。到处使用会稀释对数字的聚焦，让页面看上去嘈杂而不是结实。相关的错误还有加入光泽，比如亮面渐变或柔和的投影，这与哑光树脂的性格相抵触。
另一个错误是滥用米黄色窗口。如果每一行文字都被框起来，就没有哪一行是突出的。每个板块只为读者绝不能错过的那一个数字保留窗口。最后，避免混入圆润友好的形状。这套风格的个性来自硬边缘和小圆角，大圆角会把它变成一个泛泛的深色主题。
卡西欧 G-SHOCK · 常见问题
G-SHOCK 设计风格是什么？
它是一套以 1983 年卡西欧 DW-5000C，也就是第一只 G-SHOCK 为原型的设计系统。页面是哑光树脂黑，卡片是表带黑，关键数字放在砖红色框围住的米黄色液晶式窗口里。标题用宽体 Michroma 大写，正文用 Archivo。
最初的 G-SHOCK 是谁设计的？
关键人物是伊部菊雄，一位立志造出摔不坏的手表的卡西欧工程师，他与名为“Project Team Tough”的小组一起工作。成果是 1983 年 4 月发布、使用编号 240 机芯的 DW-5000C。
为什么数字外面有一圈红框？
这圈框来自原版手表读数窗四周的红色外框，被昵称为“砖墙”。在设计系统里，它用来标出重要的数字，因此红色不会作为通用强调色散布在页面上。
哪类项目适合这套风格？
硬件产品页、参数对比、户外装备以及实用工具，尤其是带一点 1980 年代初电子味的项目。凡是需要把数字放在焦点位置的场合，它都很合适。
怎样避免它变成泛泛的深色主题？
保留带红框的米黄色读数窗，标题用宽体 Michroma 大写，圆角要小、边框要粗，并避免任何光泽或柔和阴影。哑光黑、硬边缘，再加每个板块一个明亮的窗口，这种组合才是它的性格所在。
