《亢奋》是什么风格？
《亢奋》把一部剧集的夜晚变成了界面：蓝黑的底色，被紫色 LED 光从黑暗里切出来的面孔，以及细到几乎要消失的字体。
《亢奋》速览
作为设计风格，“亢奋”取自 HBO 同名剧集的夜景画面，该剧于2019年6月首播。它的核心由几样东西构成：带蓝调的深黑底色，落在人脸与物体上的饱和紫色与长春花蓝灯光，像火星一样一闪而过的亮片，以及呼应片名纤细笔画的极细小写字体。
这套美学的指导思想来自摄影师 Marcell Rév，他把剧中的用光称为“情绪写实”。画面里的光不负责交代几点钟、灯在哪里，它负责交代人物此刻是什么心情。光的颜色就是场景的情绪内容，设计系统把这条原则搬到屏幕上：色彩首先是情绪，其次才可能是装饰，而且从不只是装饰。
落到实处，这种风格是电影感的、夜晚的、亲密的。页面大部分是空旷的黑，一次只照亮一个主体；亮片与光晕是唯一的闪光，其余一切都收着，好让光晕有可以推开的黑暗。它适合卖“感觉”的产品：影视宣传、音乐、美妆，以及一切带夜间气质的内容。
《亢奋》从何而来？
这种风格诞生在洛杉矶，源头是由 Sam Levinson 创作并编剧的电视剧，首播于2019年6月，第二季于2022年1月播出。这部剧很快因为画面与因为内容一样出名，它的视觉有意地背离了电视青春剧那种平均打光、画面发平的惯例。
摄影师 Marcell Rév 用的是实用型 LED 与面板灯，而不是传统的电影灯具，让饱和的紫、蓝、粉光色漫过人脸与房间。这属于情绪写实的色彩摄影传统：世界按人感受到的样子呈现，而不是按仪器测得的样子呈现。光周围的黑暗和光本身同样重要，因为正是黑暗让色彩成为一种心境，而不是一层滤镜。
第二条线索是文化性的。剧中的妆造与 Doniella Davy 相关，取材于 Z 世代的亮片与水钻妆容文化：眼角的宝石，颧骨上的闪光，把颜色当作自我宣言。这正是以该剧为基础的设计系统里会出现亮片的原因。它不是事后添加的装饰，而是剧中灯光与美妆文化唯一交汇的地方。
第二季改变了色调。第一季偏向紫色，第二季使用柯达 Ektachrome 反转片拍摄，光线向钨丝灯的橙色偏移。设计系统把这次转向保留为可选的“第二章节”：页面需要在情绪上翻篇时，紫光让位给暖橙，而同样纤细的字体与大片的黑暗原样延续。以 Zendaya 为首的演员阵容，则给这些画面配上了观众熟悉的脸。
《亢奋》的视觉特征是什么？
色彩
底色是带蓝调的黑，绝不是中性黑，所以进入画面的每一缕光都显得冷而带电。紫色与长春花蓝是标志性的光色，以光晕的形式出现，而不是平涂色块。温暖的钨丝灯橙色作为第二章节留作备用。色彩描述的是场景的感受，因此应当作为照在主体上的光出现，而不是整片统一的底色。
字体
字体是一笔极细的线。用最轻字重的细体无衬线字，全部小写、字距拉开，呼应片名纤细的笔画。它看上去随时可能消失，这正是它有电影感的原因。因为太纤弱，它需要深色底和足够大的字号才看得清，也不应该与粗体混排。
光与光晕
光是这套风格最主要的材料。亮点周围有柔和的光晕，人脸与物体的轮廓被彩色的光切出来，阴影则允许保持深沉。效果就像隔着镜头看到的 LED 灯带。克制地使用时，光晕把视线引向一处；到处都用，页面就成了一团雾。
亮片
亮片是这套风格唯一的闪光，来自定义了该剧妆造的水钻与闪粉妆容。它应当是撒在颧骨、边角、边缘上的细小散点，被光捕捉到的瞬间。它是点缀，而不是肌理：只在某一个元素上薄薄撒一点，页面的其余部分保持黑暗与安静。
版面
版面的节奏像一个长镜头。一屏只讲一件事，下一屏讲下一件事，大片区域留黑。内容围绕一个主体展开，而不是铺满一张密集的网格。滚动的感觉像镜头从一张被照亮的脸漂向另一张，所以各个时刻之间的间距宽裕而且是刻意的。
情绪与调性
调性是亲密的、夜晚的，带一点发热般的恍惚。这套风格不叫喊，它发光。文案简短、小写、轻声，界面的感觉应该像深夜的一场戏，而不是一张产品页。这让它非常适合娱乐内容，却不适合需要高信息密度或冷静白昼调性的场景。
谁塑造了《亢奋》？
Levinson 是该剧的创作者与编剧。他对青春期那种放大的、主观的呈现方式，使得这部剧有理由采用如此富于表现力的视觉语言。
摄影师，他把该剧的用光称为情绪写实。他对饱和 LED 与面板灯的运用，是这套设计系统所借用的紫色与长春花蓝光晕的直接来源。
与该剧的妆造相关，她把青年美妆文化里的亮片与水钻带上荧幕，成为表达人物性格的手段。系统里那点闪光就来自她的作品。
主演之一，她的存在让该剧的画面有了一张人们认得的脸。她与该剧的联系帮助这种视觉走向大众，并成为后来夜晚、亮片风格的参照点。
今天怎么用《亢奋》？
在幻灯片中，这套风格最适合封面与章节页。在近黑的蓝色底上放一行最细字重的小写标题，让一团柔和的紫光落在它的后面或旁边。内容页每页只讲一个想法，文字少而大；需要大段文字或密集表格的内容应放进附录，因为极细的字体撑不起小字号的阅读。
数据页要克制，不要去填满那片黑。每页只放一张图或一个数字，用单一的发光强调色标出关键数值，网格线与标签几乎隐去。深色底会让一条亮线显得戏剧化，所以只点亮一条序列的朴素折线图，往往比拥挤的仪表盘更有感染力。
在网页中，这套风格天然适合娱乐类落地页、专辑与影片宣传、美妆与时尚发布、夜生活类产品。一个由黑色空间、小写标题和一团紫光构成的首屏，能立刻传达情绪。定价页和后台就难得多；一定要用时，让控件保持朴素易读的字体，只把光留给唯一的行动按钮。
在编辑与营销内容中，把每个段落想成一场戏。每场只有一个被照亮的主体，可以是人像、产品或一句引语，让黑色空间来掌控节奏。带彩色光的满版图像效果很好，而平光白昼的图库照片会破坏那种氛围。用暖橙色的第二章节，是在故事中途切换调性的有效办法。
常见的错误是到处加光晕，还称之为氛围。当每个表面都渗出紫色、每个按钮都在发光，也就没有哪一处是被照亮的，因为处处都亮。反方向的错误是把正文也设成极细字重：在效果图里很优雅，到了真实屏幕上就读不清。极细体只留给标题，正文换更扎实的字重，并且让光一次只落在一处。
《亢奋》 · 常见问题
“亢奋”设计风格是什么？
这是一套基于 HBO《亢奋》夜景画面的视觉语言：蓝黑底色，紫色与长春花蓝的 LED 式光色，亮片点缀，以及极细的小写字体。它像该剧的摄影那样把色彩当作情绪，并用大量的黑暗，让一点点光显得强烈。
这里的“情绪写实”是什么意思？
这是 Marcell Rév 用来形容该剧用光的说法：光反映的是场景给人的感觉，而不是一天中的几点。一张紫色的脸并不表示旁边有盏紫灯，而是表示人物处在某种情绪里。放到设计上，就是按情绪来选颜色，并把它作为照在主体上的光来使用。
为什么字体那么细而且全是小写？
纤细的小写字体呼应了片名那行精致的字标，也契合整体情绪：在黑暗背景上一个纤细、安静的声音，感觉亲密而不是发号施令。代价是可读性，所以这套风格要求较大的字号与深色底，不适合长篇阅读文本。
能用在企业或数据密集的产品上吗？
不太适合作为这类产品的默认风格。它依赖大片留白、一屏一个主体与极细的字体，这与密集的表格和长表单是冲突的。如果要用，把效果限制在品牌界面上，比如落地页或登录页，工作界面保持朴素。
第二季的橙色该怎么用？
把它当作第二章节。第二季使用柯达 Ektachrome 反转片拍摄，光线向钨丝灯橙色偏移。设计中，在叙事的明显转折处，比如新的章节或另一条产品线，从紫色切换到橙色，其余一切包括字体与黑暗保持不变，这样变化读起来就是感觉的转向。
