Jumia 是什么风格?

Jumia 示例

Jumia 的店面比商品图嗓门更大:货到付款、就近自提,浅灰底上压一条橙色顶栏,再把促销红的价签放到最大。

Jumia 速览

Jumia 风格是新兴市场线上集市的视觉语言:一张扁平的浅灰底,密密排列的白色商品卡,一条粘在顶部的橙色栏,以及毫不扭捏的促销红价签。它来自 2012 年在尼日利亚拉各斯创立的电商公司 Jumia,承载的是一家为“几乎什么都不能想当然”的环境而造的店铺的逻辑。

正是那样的环境解释了这套设计。这家店面是为这样一个市场做的:没有人可以默认你有信用卡、门牌号一定找得到、快递一定靠得住。所以页面上嗓门最大的从来不是商品摄影,而是承诺:货到付款、自提点取货、限时折扣、仅剩几件。信任、物流和紧迫感负责成交,商品图只是用来确认承诺已经说过的话。

字体上同样直截了当。一整套无衬线字体包办一切:价格加粗、压紧,物流和支付信息则是小号大写、字距拉开,眼睛先抓到数字,再扫到送货条款,不用到处找。黑色星期五一到,整个页面就变成一层叠一层的促销横幅和促销红,这也是大多数人记住它的样子。整体印象是密、亮、实用,一座搬进屏幕里的巴扎——它本来就该是这样。

Jumia 用在文章页上

Jumia 从何而来?

Jumia 创立于 2012 年的尼日利亚拉各斯。那时非洲大部分地区的网购,面对的是其他地方的购物者几乎看不见的难题:没几个人有信用卡,门牌号快递员不一定找得到,到货日期也很难有把握地承诺。一家无视这些事实的集市,也许看上去很专业,却卖不出多少东西。所以这套设计从这些事实出发,最终成形的,是一种由“让人放心”堆出来的风格。

资料把它连到的几条脉络,都偏实用而非艺术:新兴市场集市界面设计、货到付款式商业,以及自提点物流的设计。每一条都在屏幕上留下了看得见的痕迹。货到付款,把“支付”从表单里的一个字段变成了头条式的承诺。自提点,把“地址”这一栏变成了送货上门与一处真正找得到的地方之间的选择。因此界面里到处是一条条小小的物流声明——放在依赖银行卡和快递的经济体里,这些话多半会被藏进页脚。

公司从拉各斯向外扩张,在埃及、摩洛哥、肯尼亚、加纳和科特迪瓦都开了站点,所以这套系统必须灵活、可复制,而不能太金贵。2019 年它在纽约证券交易所上市,品牌由此被推到国际观众面前。促销日历同样塑造了外观:黑色星期五活动自 2014 年起每年举办,叠起来的横幅和沉甸甸的红色价签,成了这个品牌最容易被认出的形象。这套风格所捕捉的店面,大致对应 2020 年到 2024 年。

资料列出了四位关键人物:Tunde Kehinde、Raphael Kofi Afaedor、Sacha Poignonnec 和 Jérémy Hodara。他们是与公司创立和成长相关的创始人,这套设计更适合被读作他们要解决的商业问题所留下的视觉结果,而不是谁的个人签名。资料没有署任何一位具体的设计师。这套风格属于这个集市本身,而它的签名,就是它的扁平。

Jumia 的视觉特征是什么?

灰底白卡

页面是一块扁平的浅灰,每件商品都落在直接铺在灰底上的白卡上。灰与白本身就能干净地分开,所以卡片不需要描边,也不需要阴影,卡与卡之间的间隙便可以排得很紧。效果是一层密实的货架:每件东西都有清晰的边界,没有任何一件被修饰过。

橙色顶栏

一条粘在顶部的橙色栏承载着搜索与品牌,页面滚动时始终跟随着顾客。它是整个版面里唯一强悍的锚点,也是页面上唯一可靠的地标。其余一切不是灰、白,就是促销红,所以这抹橙色从不需要和同类颜色争位置。

价格就是标题

价格被当作标题来排:特大号、加粗、压紧,用促销红。它不是附在商品旁的细节,而是整张卡片的主角。在两件相似商品之间犹豫的顾客,应当先看到数字,再看到别的,而数字的尺寸大到让这一点无法回避。

小号大写的物流信息

送货、支付与自提条款一律小号、大写、拉开字距。它们字号不大,却很好找,因为带字距的大写字母的形状,在旁边加粗压紧的数字衬托下格外醒目。信任就住在这里:页面用从不叫嚷的语气,告诉你货会怎么送到、什么时候送到。

承诺优先的标签

货到付款、可自提、折扣百分比、库存剩余件数这类短句,像徽章一样围在商品周围。它们按顾客心里疑虑出现的顺序一一作答:我能放心付钱吗,我能取到货吗,这算优惠吗,会不会卖光。摄影只为这些承诺作证,而不带头发言。

一个字体家族,两种声部

一切都用同一个无衬线家族,差别只靠字重、字号和大小写来制造。加粗压紧代表钱,小号大写代表物流。页面上只有一个家族,无论多拥挤,界面都保持连贯,即便是在小屏幕上匆匆扫视的人,也能读出层次。

黑色星期五模式

到了大促期间,页面会变成一条条叠起来的促销横幅,促销红也更重,一层压一层,直到整个屏幕都是优惠。这是同一套系统被调高了音量,而不是另一套系统:灰底、白卡和橙色顶栏都还在,横幅只是占去了更多纵向空间。

Jumia 用在仪表盘上

谁塑造了 Jumia?

Tunde Kehinde

资料中排在首位的关键人物,也是 2012 年在拉各斯创立 Jumia 的联合创始人之一。对设计而言,重要的是这家公司诞生时要解决的问题:如何在银行卡、门牌地址和快递都不能想当然的地方做线上销售。界面对货到付款和自提点的执着,就是这个问题被画了出来。

Raphael Kofi Afaedor

资料中点名的另一位联合创始人。他的名字把这套风格与公司在拉各斯的最初几年连在一起,那时店面的任务,是让一种陌生的习惯显得安全。留下的可见遗产,是一个会自己解释自己的页面:送货与支付条款字号虽小,却从不被藏起来。

Sacha Poignonnec

资料中点名的一位联合创始人,与公司后来的增长、向多个国家的扩张以及 2019 年在纽约证券交易所上市相关联。一家要在许多市场同时运转的店面,会偏爱扁平、模块化、可复制的系统,灰底加白卡恰好提供了这一切。

Jérémy Hodara

资料中点名的第四位联合创始人,谈到公司扩张时,常常与 Poignonnec 一并被提起。他的入列提醒我们,这是一套为规模而生的企业设计语言:它的规则必须经得起众多商品品类、多个国家以及每年一次的黑色星期五洪峰,而不必每次都劳烦设计师出手。

今天怎么用 Jumia?

Jumia 风格适合那种必须迅速赢得信任、靠清晰而不是魅力来成交的生意。用好它,意味着把承诺放在图片之前,并让每一条物流信息在页面上都有看得见的位置,而不是在版面上随手加一条橙色栏。

做演示文稿时,封面可以是浅灰底,顶部横一条粗橙色带,再放一句或一个特大号的促销红声明。内容页适合做成灰底上密排的白色卡片,每张卡有一个加粗的标题数字,加一两行小号大写的条件说明。数据页适合价格表、送货与支付方式对比、折扣档位,因此这套风格天然适用于零售规划、促销复盘和销售业绩汇报。

做网页界面时,最明显的地盘是店面、商品目录、限时抢购页、配送方式选择器和订单追踪页,以及面向小卖家的商家后台。保留一条带搜索的粘性橙色顶栏,把卡片在灰底上排紧,每张卡配一行简短的承诺标签,让价格成为每张卡上最大的东西。到了定价或套餐对比页,原则不变:数字领头,条件以小号大写跟随,用一抹红色标出优惠。

做编辑与营销内容时,这套风格适合促销落地页、季节性大促活动,以及需要在一屏里装下许多优惠的邮件。横幅按严格的顺序叠放,每一条都以具体的承诺而不是形容词开头,摄影只作佐证。写明白事实的文案——货到再付款,或者去离你最近的自提点取货——在这里比任何氛围渲染都管用。

最常见的错误,是处处都用促销红。当每个元素都是红的,就没有一样是优惠了,本该标出价格的那一种颜色变成了噪声。第二个错误是用大片留白、大幅摄影和柔和阴影去软化页面,这会拿掉让系统像一座集市的密度,把它变成一间精品店。第三个错误是把小号大写的物流行当作杂乱删掉:那恰恰是承载信任的部分。另外,这套风格也不适合需要低调奢华或稀缺感的品牌,因为它的一切都在说“量大”和“快”。

Jumia 用在幻灯片 · 封面上

Jumia · 常见问题

Jumia 风格只适合电商吗?

它在商业场景里最为得心应手,但背后的思路是可以迁移的:以承诺开头,给物流一个可见而诚实的位置,让每个内容单元里有一个数字占据主导。票务、外卖、分类信息、旅行特惠,以及任何靠价格与可靠性取胜的服务,都可以套用同样的语法。若品牌依赖神秘感、手工感或奢华感,它就不那么合适了。

为什么页面是灰色而不是白色?

浅灰底能让白色商品卡不靠描边或阴影就与背景分开。这样每张卡片都保持扁平,卡与卡之间的缝隙可以很窄,一屏里也就能放下更多商品。白底上再铺白卡,就需要用轮廓线来撑住版面,而轮廓线恰恰会带来这套风格极力避免的视觉噪声。

为什么价格排得那么大?

因为价格就是决定本身。在一个必须迅速建立信任的集市里,第一个问题是这东西值不值这个钱,第二个问题是它会不会送到。设计用特大号的促销红数字回答第一个问题,用小而清晰的物流行回答第二个。摄影退居其次,因为顾客通常已经对自己想要什么有了印象。

它和围绕银行卡支付、可靠配送设计的集市有什么不同?

那些集市可以把支付与配送当作背景里的管道,把视觉精力花在浏览与发现上。而在这里,管道本身就是产品。货到付款、自提点和送货时段被提到页面的最前面,因为是它们让顾客愿意下单。结果是用一些优雅换来了大量的安心感。

怎样做黑色星期五式的促销,又不让页面乱成一团?

保持结构不变,只把横幅调高音量。促销带按固定顺序叠放,促销红严格留给价格和折扣声明,灰底、白卡和橙色顶栏原样保留,让页面仍然是同一家店。密度是受欢迎的,混乱则不是:每条横幅只说一件事,任何两条横幅都不该抢同一个信息。

获取 Jumia 完整设计系统
© 2026 Curio