首页/风格学院/Amazon Web Services (AWS)

设计风格指南

什么是 Amazon Web Services (AWS)?

Amazon Web Services (AWS) 设计风格示例

AWS 将企业级云基础设施转化为一套视觉语言——深蓝底色、饱和橙色与严苛的网格纪律,让人还没读到一个字,就已感受到「严肃工程」的气场。

Amazon Web Services (AWS) 速览

亚马逊云服务(AWS)是全球主导性基础设施云的视觉设计系统——这一平台于2006年推出,如今承载着全球约三成的网络流量。它的美学绝非偶然的装饰,而是刻意为之的企业信号:这是企业级基础设施,不是消费级应用。色彩体系将高饱和度的暖橙品牌色与近乎黑色的深海军蓝控制台背景配对,通过密集却清晰的服务图标网格、白色卡片面板和高对比度排版标签组织呈现。系统中没有任何元素试图模仿消费级软件的亲和感,一切都被校准为在技术上令人信服、在专业层面值得依赖。

AWS视觉语言的核心张力在于密度与可读性之间的平衡。这一平台承载两百余项独立服务——计算、存储、数据库、机器学习、网络、安全等——每一项都必须能够被一眼发现、辨认和区分。解决方案是系统性的:一套连贯的橙色底深色图标网格,每个方块以源自品牌橙主色的服务类别色彩处理,将复杂的服务目录组织成连贯的导航界面。结果呈现出的质感与其说是软件设计,不如说是被赋予了生命的技术参考手册。

将AWS美学与其他企业平台区别开来的,是其对明暗对照毫不妥协的坚守——深海军蓝控制台外壳与明亮温暖的服务图标、橙色行动召唤元素之间的戏剧性对比。这不是试图隐身于背景中的低对比度企业灰;这是一套以高对比度、强色彩主张存在感的系统。这套设计语言宣告:这一平台自信、广博,大到不需要羞涩。

Amazon Web Services (AWS) 设计风格用在文章页上

Amazon Web Services (AWS) 从何而来?

亚马逊云服务的诞生源于一个基础设施问题,而非一个设计愿景。2000年代初,亚马逊的工程团队发现自己在为不同项目反复搭建相同的内部工具——存储层、计算分配系统、数据库基础组件。曾与CEO杰夫·贝索斯紧密合作的安迪·贾西意识到,这些内部服务可以按需收费的形式向外部开放。2006年,亚马逊推出了简单存储服务(S3)与弹性计算云(EC2),这两项基础组件定义了云计算的未来形态。那个早期控制台的视觉设计,实用主义到近乎严苛——那是开发者工具,也确实看起来像开发者工具。

平台的品牌视觉随着商业野心的扩张而演变。在最初十年里,AWS的视觉语言大量沿袭亚马逊电商美学:功能性强、数据密集,没有特别突出的个性。2017年的品牌焕新标志了一个转折点。AWS建立了自己独立于面向消费者的亚马逊品牌的视觉系统,围绕其标志性组合构建:深海军蓝控制台环境、饱和橙色服务图标强调色,以及Amazon Ember字体——这款定制无衬线字体于2014年委托字体工作室Dalton Maag设计,随后部署于亚马逊旗下产品系列的各个界面。Ember为这一平台在从微小控制台标签到整页营销物料的广泛范围内提供了排版上的一致性。

维尔纳·沃格尔斯自2005年起担任亚马逊首席技术官,成为平台工程文化的精神与公众面孔——他的博客「一切皆分布式」(All Things Distributed)以及他在re:Invent大会上的演讲,建立了AWS与开发者社区沟通身份认同的话语体系。这是一个靠工程信誉构建的品牌,而非靠生活方式憧憬。出现在AWS文档和会议演讲中的架构图——使用服务图标集绘制的密集方框与箭头技术示意图——已成为行业内最具辨识度的技术沟通形式之一。这些架构图与控制台本身一样,是AWS视觉身份的核心组成部分。

2021年,亚当·塞利普斯基接替贾西出任AWS首席执行官,接手的平台到2023年年收入已达约九百亿美元。此时,AWS视觉系统已成为企业云设计的参照标准——它的图标网格、服务类别配色惯例、深色导航配白色内容的版面逻辑,已被微软Azure和谷歌云等竞争对手广泛借鉴,两者均采用了AWS率先开创的深色导航、服务方块图案的部分元素。讽刺之处在于:一个早期控制台纯属实用主义的平台,凭借规模与一致性,催生了企业软件领域研究与仿效最多的视觉系统之一。

Amazon Web Services (AWS) 的视觉特征是什么?

橙蓝对比

定义性的视觉动作是将饱和暖橙色与近乎黑色的深海军蓝背景配对。这不是中性的企业色板——而是一种刻意追求高对比度的强势组合,将品牌强调色置于能见度最高的位置,衬托在最深的底色上。橙色在冷峻深邃的蓝色映衬下呈现出温暖、充满活力、指向行动的感受,制造出能够立即区分导航与内容、行动与信息的视觉层级。

服务方块图标网格

AWS通过系统性的图标网格将两百余项服务组织成连贯的目录——每项服务呈现为一个方形图块,彩色背景上承载着简洁的扁平图形符号。图块背景使用一套源自橙色主色的类别衍生色调:计算与存储用暖色调,网络与安全用冷色调。网格本身就是被视觉化的分类体系:一张空间目录,相邻意味着同类,颜色意味着领域归属。

深色控制台,浅色内容

AWS控制台采用刻意的分割表面逻辑:导航外壳——顶部栏、服务导航、侧边栏——呈现为深海军蓝,而主内容区域则坐落于干净的白色或接近白色的底面上。这种对比的功能性与美学性同样强烈:深色外壳框定并退让,使白色内容区域感觉像真正的工作面——实际工程发生的地方。从导航到内容的过渡,是从定向到操作的转变。

架构图作为身份标识

很少有企业平台像AWS那样,将某一视觉制品放置在品牌身份的如此核心位置。架构图是由服务图标集搭建的密集技术示意图——方框、箭头、VPC边界、可用区括号——出现在文档、会议演讲和客户案例研究中。这些图表拥有独特的视觉语法:扁平色服务图标按空间簇排列,以方向箭头相连,用虚线区域边界框定。在云计算行业,能够读懂和绘制这些图表本身就是一种专业资质。

扁平几何图标体系

AWS服务图标遵循严格的扁平色、几何简化原则。每个图标将其主题——计算实例、数据库、内容分发网络——简化为最具辨识度的几何轮廓,不使用渐变、阴影或立体效果。图形符号在小尺寸下依然清晰,因为它只携带最核心的几何姿态。这不是装饰性插图,而是服务目录尺度上的路径指引。

无装饰的排版层级

AWS视觉系统仅通过尺度、字重和色彩对比来实现排版层级——没有装饰性边框,没有花饰分隔线,没有纯为视觉质感而添加的背景色块。服务名称、类别标签、定价层级和状态指示器通过在尺寸与字重量表中的位置相互区分,橙色强调色保留给交互元素和主要行动号召。这种自律是功能性的:在密集的服务目录中,排版清晰度关乎生死。

工程文化美学

AWS整体的视觉语域可以称之为工程师式的自信——这是由深刻了解主题的人为同等水平受众制作的技术手册的美学。没有为入门用户软化的视觉处理,没有用于缓解复杂性的趣味插图,没有暗示某种生活方式憧憬的图像。这套设计预设受众的专业能力。这既是AWS对其核心专业受众的最大优势,也是在接触新用户或非技术用户时最显著的局限所在。

Amazon Web Services (AWS) 设计风格用在仪表盘上

谁塑造了 Amazon Web Services (AWS)?

Andy Jassy

贾西自AWS成立之初担任创始首席执行官,直至2021年接替杰夫·贝索斯出任亚马逊整体CEO。他对云计算作为公用服务的战略愿景——按需付费、无限弹性扩展——不仅定义了AWS的商业模式,更定义了整个企业云行业。在他的领导下,AWS从内部基础设施实验成长为年收入数百亿美元的平台。他任期内形成的视觉设计系统折射出他的工程师优先文化立场:功能优于形式,能力优于美学。

Werner Vogels

沃格尔斯自2005年起担任亚马逊首席技术官,成为AWS的工程智识面孔——其最多产的公众传播者,也是平台技术公信力的建构者。他在AWS旗舰大会re:Invent的年度主题演讲是精心设计的技术展示,新服务通过实时架构图和代码演示引入。他长期坚持的博客「一切皆分布式」确立了云计算技术传播的写作风格,将工程严谨性与战略视野融为一体。沃格尔斯使架构图成为AWS身份认同的核心载体。

Adam Selipsky

塞利普斯基自2021年起担任AWS首席执行官,接手的平台视觉身份已是全球参照标准。他的任期恰逢平台向机器学习服务、生成式AI工具和更深度行业专属云的扩张——这些新领域要求视觉系统延伸至新版图,同时保持橙蓝语言所建立的可读性与权威感。他的re:Invent主题演讲为AWS的公众传播引入了更为精致的呈现层次,同时保留了控制台本身工程师优先的视觉语域。

Dalton Maag (type foundry)

这家总部位于伦敦的字体工作室于2014年受亚马逊委托,设计了Amazon Ember——这款定制字体是整个AWS视觉系统的排版骨架。Ember是一款具有大字高和开放字腔的人文主义无衬线字体,设计上兼顾在密集控制台界面小尺寸下的清晰可读性,以及在营销场景大标题尺寸下的优雅伸展性。通过委托定制字体而非授权现有字体,亚马逊赋予了AWS一个独一无二的排版签名——这是一个微妙却有力的信号,彰显了平台的规模与对自身身份建设的投入。

re:Invent (conference format)

AWS自2012年起每年在拉斯维加斯举办的re:Invent大会,在传记意义上并非一个人物,却是一件被设计出来的制品——其对AWS公众视觉身份的塑造力与控制台本身不相上下。大会每年产生数以万计的架构图、技术演讲幻灯片和产品发布视觉物料——全部遵循AWS视觉系统的规则。具有辨识度的re:Invent美学——深色底橙色、密集技术示意图、服务图标网格、深底白字幻灯片模板——已成为企业技术传播中公认的视觉类型,一眼便能与任何其他云平台的大会物料相区分。

今天怎么用 Amazon Web Services (AWS)?

AWS视觉语言在与其底层价值观相符的场景中最为清晰:技术权威、类别密度,以及引导专业用户在复杂系统中定向的需求。正确应用它需要理解:这种风格的力量来自系统性的克制——橙色之所以有力,是因为它被保留;深蓝之所以显得稳定,是因为内容面始终保持一贯的浅色。

对于演示文稿,AWS美学在以同等纪律应用时效果最佳。封面幻灯片适合深海军蓝底色方案:服务图标网格或单个大号橙色服务图标锚定视觉场,标题与副标题以高对比度白色字体呈现。内容幻灯片应坚持深色外壳、浅色内容的分割——带橙色强调的深色页眉带承载章节标题,正文区域在干净白底上运行,采用AWS控制台标签所示范的系统性排版层级。架构图幻灯片是这种风格真正大放异彩之处:使用AWS图标集绘制的密集技术示意图,以工程师受众一眼即识的方框与箭头语法排列。避免引入生活方式摄影或插画图像——它们与视觉语域相冲突。

对于网页仪表板和云服务界面,AWS视觉模式是自然的参照。以深色顶部导航栏作为主要定向界面,将橙色强调严格保留给活跃状态、主要操作按钮和警示指示符。主内容区域应为白色或极浅色调,以镜像服务方块逻辑的卡片网格组织。使用扁平线框图标而非插画风格图标,将图标色彩限制在功能性类别信号,而非装饰性多样化。定价页面在这种风格下表现尤为出色:层级比较网格,水平对比结构,加上推荐层级的橙色高亮——这直接镜像了AWS自身定价页面的惯例。

对于编辑与营销内容——博客文章、技术白皮书、案例研究——AWS视觉语言通过排版自律支持清晰的层级。使用单一无衬线字体的多个字重,而非混用字体家族。将橙色节制地用作链接色、引用段落强调或章节标记。技术示意图即便经过简化,也应遵循方框与箭头惯例,为读者提供与AWS文档一致的视觉语法。基础设施或开发者工具的营销页面尤其适合这种风格的海报式直接感:深海军蓝特性区块与白色内容区块交替呈现,橙色仅用于每个区块的主要行动号召元素。

应用AWS视觉语言时最常见的错误,是将橙色视为可以自由分布在每个交互元素、插图和装饰细节上的通用强调色。在AWS系统中,橙色之所以有力,恰恰在于它的稀缺——它标记行动、选中状态、关键状态。将其稀释至整个构图,会瓦解系统所依赖的视觉层级。同样具有破坏性的是:出于让界面更易亲近的错误判断,将深海军蓝软化为中性灰——近黑色导航外壳与白色内容区域之间的戏剧性对比,正是赋予系统权威感的来源。为两个面选择中间色调,会产生两头不占的最差结果:既不大胆,也不清爽。

Amazon Web Services (AWS) 设计风格用在幻灯片 · 封面上

Amazon Web Services (AWS) · 常见问题

AWS视觉风格适用于非云计算产品吗?

在某些条件下可以,但仅限于产品与这种风格传达的底层价值观一致时:技术权威性、类别纵深,以及对专业用户的预设。这种风格适合开发者工具、数据仪表板、基础设施监控产品、安全平台,以及任何面向重视定向胜过美学的专业用户的界面。它在消费级场景、情感型服务设计或面向非技术受众的产品中则力不从心——对于并非已在专业层面信任它的用户而言,这套视觉语言的严肃性会被解读为冷漠或令人生畏。

AWS的视觉方案与其他主要云平台有何不同?

AWS的视觉语言是最早确立的,并定义了这一类别的默认标准。微软Azure和谷歌云均是后来者,从AWS的惯例中汲取——深色导航外壳、服务图标网格、扁平色图标体系——同时在色板和个性上有所偏离。Azure倾向于更冷峻、更具企业感的蓝灰色板,辅以微软Fluent设计语言柔化边缘。谷歌云运用Material Design规范,引入更多色彩变化、圆角几何和更轻盈的整体界面处理。唯有AWS保持着戏剧性的高对比度橙配近黑色组合,以及源自二十年服务目录积累的不妥协密度。AWS美学是最严肃的,也是最具辨识度的。

AWS风格能用于浅色模式或全白版面吗?

可以——AWS控制台本身将白色作为主要内容界面,深海军蓝仅限于导航元素。因此,AWS风格的浅色模式诠释是完全符合原意的:白色内容卡片、干净的无衬线排版层级、扁平橙色用于活跃状态和行动号召,以及服务图标语法下的扁平图标处理。关键要求是橙色保持其作为稀少功能性强调色的特性,而非无处不在的装饰色。深色外壳并非强制要求;强制要求的是克制、系统性层级,以及橙色的保留地位。

在没有完整图标库的情况下,如何正确应用AWS的图标风格?

AWS图标风格背后的原则可以在不依赖特定图标库的情况下独立应用。核心规则是:将主题简化为最具辨识度的几何轮廓;以单一扁平色呈现在对比鲜明的方块背景上;保持方块为正方形;按类别而非个人偏好分配背景颜色。结果应呈现为路径指引系统,而非插图。若必须从头创建自定义图标,通过几何简化进行设计——从能够传达主题的最简形状出发——将产生与AWS视觉语法一致的结果。

AWS美学经得起时间考验吗?还是它更像企业软件历史上特定时刻的产物?

AWS美学既具有历史定位性,又拥有相当的持久力。说它有历史定位性,是因为它所开创的深色控制台、服务网格模式如今已被广泛采纳,在云计算类别内不再具有独特性——它已成为类别默认。说它有持久力,是因为其底层原则——高对比度、系统性层级、扁平色、功能性图标——是结构性的而非风格性的,而结构性原则的老化速度远慢于表层趋势。橙配深蓝的组合终将像所有特定色彩搭配那样显得过时,但AWS视觉系统的组织逻辑——网格、图标、类别、对比——很可能在其特定色板被取代之后很久,仍保持清晰可读和影响力。

获取 Amazon Web Services (AWS) 完整设计系统 →