noon 是什么风格？
noon 把黄色当作贴纸而不是底色：白底页面，一颗装着小写字标的胶囊，石板蓝灰的文字，以及能干净地左右镜像的阿拉伯语网格。
noon 速览
noon 风格是海湾地区本土生长的电商平台的界面语言。它一眼就能认出来：白底页面，角落里一颗明黄色的胶囊，里面是小写字标，黄色上的文字用石板蓝灰，而不是黑色。黄色是一个小而刻意的物件，更像贴在包裹上的贴纸，而不是铺开的彩色背景。
第二个决定性特征是，这套系统从一开始就按阿拉伯语和英语并行来设计。栏距、图标、价格和轮播都会为从右往左阅读而翻转。国家切换器和地址选择器并排放在顶栏，是人们真的会用的控件；每张商品卡都标注币种和送达时段，因为在迪拜和利雅得，什么时候送到本来就是价格的一部分。
合起来看，这套风格描述的是一个务实、本地化、天生双语的零售界面。它不是先做好西方模板、再事后加一份阿拉伯语翻译。版式从一开始就被设想为可镜像的，这一个决定塑造了网格、间距、数字对齐，甚至轮播滑动的方向。
noon 从何而来？
noon 2017 年从阿联酋迪拜上线，同时在沙特和埃及设有站点。素材把这段历史标为 2016 年宣布、2017 年上线。创始人是地产开发商 Emaar 的董事长穆罕默德·阿拉巴尔（Mohamed Alabbar），公共投资基金（Public Investment Fund）也列在关键人物之中，反映出这个项目的野心规模。素材隐含的对标对象是美国的全球电商平台：一家本地区的竞争者，要比外来平台更懂海湾地区的顾客。
这种地区性的目的解释了视觉上的选择。海湾地区的买家在不同国家、币种和两种文字之间切换，所以顶栏里放着国家切换器和地址选择器，价格始终带币种代码。送达时段紧挨着价格，因为到货速度本身就是购买因素。后来加入平台的 noon Food、noon Minutes 和 noon Daily（2021 至 2023 年）把同样的思路延伸到快速杂货和餐饮配送，因此界面语言既要支撑深思熟虑的购物，也要经得起高频的快速复购。
素材点出了这套风格所属的三个传统。第一是海湾的超级应用式商务，一个品牌试图把购物、餐饮和日常配送装进同一个习惯。第二是阿拉伯语与拉丁文的双向界面设计，让两种文字、两种阅读方向共用一个版式，而不让任何一方显得次要的手艺。第三是即时配送的界面，把时间承诺以及库存、状态信息放到每张卡片的中心。
除阿拉巴尔和公共投资基金之外，素材还列出了 Faraz Khalid 和 Indian Type Foundry。后者是一家字体设计公司，它的出现反映出文字对这套风格有多重要：小写字标，以及能同时处理阿拉伯文与拉丁文的字体，是品牌视觉的基础。因此，这套风格的起源把资本支持、地区需求和字体工艺结合在一起，界面里带着这三者的痕迹。
noon 的视觉特征是什么？
黄色是贴纸
黄色出现在小而独立的形状里：标志胶囊、徽章、被强调的促销。它不会作为背景铺满页面。这样品牌色依然鲜明、一眼可辨，大片白色也保持平静，足以让商品图和价格凸显出来。
胶囊形标签
标志性的形状是胶囊，一种圆角的长条形，里面装着小写字标，并在标签、徽标和小按钮中反复出现。一个反复出现的形状把许多不同的零售组件联系在一起，让购物车徽标和送达标签一眼看上去就有亲缘。
石板蓝灰的文字
黄色上的文字，以及白底上的大部分文字，用的是石板蓝灰而不是纯黑。它读起来更柔和、更现代，也通过对比让黄色显得更暖。字体朴素易读，目的是快速承载价格、名称和送达时段，而不是表达个性。
可镜像的网格
切换到阿拉伯语时整张网格镜像：栏距、图标方向、价格对齐和轮播方向全部翻转。这是一条设计规则，而不是样式表上的事后补丁。组件以“起点”和“终点”而不是“左”和“右”来构建，因此阿拉伯语页面是一等公民。
价格、币种与送达
每张商品卡都显示带币种代码的价格和送达时段。这两项事实被视为卡片的核心，距离很近、字体清晰。这一惯例适合一个买家常跨国比较、而到货时间本身就是付费内容一部分的地区。
顶栏控件
国家切换器和地址选择器并排放在顶栏，被当作真正会用的控件，而不是页脚里的补充。阿联酋、沙特和埃及站点一点即达。这样的位置说明，所在地是购物体验的核心。
谁塑造了 noon？
素材中与 noon 相关的创始人兼董事长，noon 于 2017 年自迪拜上线。
素材列入关键人物，属于平台背后的人物之一。
素材列出的关键出资方，反映出这个区域电商项目的规模。
素材列出的字体设计公司，与字标、字体以及双语排版在这套外观中的重要性相关。
今天怎么用 noon？
做演示文稿时，noon 风格提供了一个清晰的开场方式：白色封面，一颗小小的黄色胶囊作为唯一的颜色时刻，下方是深蓝灰的标题。内容页可以用“贴纸”的思路，只在关键数字或要点上贴一颗黄色胶囊，其余保持白色。数据页把数值和币种或单位放在一起，就像商品卡把价格和币种代码配对。
做网页和应用界面时，这套风格适合本地化电商、即时配送、综合商城以及任何带价格和到货时间的产品。组件按“起点和终点”的逻辑规则来构建，镜像就不会产生额外成本。把国家和地址控件放进顶栏，送达时段放在价格旁边，胶囊形用于标签和次级按钮。服务类产品的定价页也可以沿用同样的卡片模式，并明确标出币种。
做内容与营销页面时，黄色只用在小物件上，例如活动横幅上的徽章，让摄影和留白来完成其余部分。季节性促销页效果最好的做法是：黄色胶囊突出优惠，石板蓝灰的文字平实地写明条件。双语活动页应当同时按两个方向设计，而不是最后再翻译。
它同样是零售之外多语言消费产品的好样板：餐饮订购、出行、票务或银行，在两种文字并存的地区都适用。它教会我们的是，双语质量是版式问题，而不只是翻译问题。
最常见的错误是把页面涂满黄色，这会让贴纸变成底色，降低蓝灰文字的对比，并让商品图与背景争夺注意力。第二个错误是用“左”和“右”来搭建，于是阿拉伯语版本需要一大堆覆盖样式。最后，不要为了省空间去掉币种代码或送达时段；在这个市场里，购物者最先期待看到的就是这两项信息。
noon · 常见问题
noon 设计风格是什么？
它是海湾电商平台 noon 的界面语言：白底页面、装着小写字标的黄色胶囊、石板蓝灰文字、显示带币种代码价格和送达时段的商品卡，以及能为阿拉伯语完整镜像的版式。
为什么黄色像贴纸一样使用？
把黄色限制在小而独立的形状里，品牌色就鲜明易辨，大片白色也保持平静。若整页铺黄色，会降低蓝灰文字的对比，并让商品图与页面争夺注意力。
网格如何同时支持阿拉伯语和英语？
网格被设计成可镜像的。栏距、图标方向、价格对齐和轮播方向都会为从右往左阅读而翻转，组件按“起点和终点”而不是“左和右”来定义。因此阿拉伯语是界面的完整版本，而不是补丁。
适合哪些产品？
本地化电商、即时配送、综合商城、餐饮订购，以及其他价格、币种和到货时间重要且使用多种文字的消费类产品。它不太适合需要暗调、情绪化或高度装饰风格的品牌。
这套风格来自哪里？
来自 noon：2016 年宣布，2017 年在迪拜上线，另有沙特和埃及站点，后来增加了 noon Food、noon Minutes 和 noon Daily。它属于海湾超级应用式商务、阿拉伯文与拉丁文的双向界面设计，以及即时配送界面这几个传统。
