Lyft 是什么风格?

Lyft 早期的样子像朋友的车而不是出租车:白底上的霓虹粉、粗圆的字体,以及无处不在的胶囊形。
Lyft 速览
Lyft 风格重现了这项叫车服务最初几年的样子。那时候的核心想法是:一个有车的陌生人,会像邻居那样顺路载你一程。这种视觉语言友好、明亮,还带一点俏皮。页面是白色的,霓虹粉只留给最关键的时刻,按钮和标签都被圆成胶囊形。它没有一丝公司化或正式的感觉。
排版承担了很多情绪上的工作。标题采用粗壮、圆润的几何无衬线体,温暖而自信,仿佛字词本身是笑着说出来的。正文保持简单、口语化。青绿色取自公司2013年的官网,出现在按钮上,与粉色形成令人愉快的呼应。
这些元素合在一起,只说一件事:这是朋友的车,不是出租车。每当产品想显得亲切、有人情味,同时又保持利落和现代感时,这套风格都很合适。它拿声望换温度,而这笔交换正是它魅力的来源。

Lyft 从何而来?
Lyft 于2012年夏天在旧金山上线,是一项点对点的叫车服务。它属于二十一世纪一〇年代初共享经济和移动优先的按需服务应用浪潮,那时用手机从一个普通人那里召唤服务,还是件新鲜事。洛根·格林(Logan Green)和约翰·齐默(John Zimmer)是与公司关系最密切的创始人。
品牌早期的个性建立在随意之上。司机是普通人,而不是职业司机,每辆车的前格栅上都挂着一撮毛茸茸的粉色胡子,方便乘客认出自己的车。乘客被鼓励坐在副驾,见面的问候是碰个拳。这是一种刻意的尝试,要让陌生人的车感觉像朋友的车,而视觉识别也被设计成与之相配。
这种样子常被形容为友好的创业公司品牌风格:明亮的色彩、圆润的形态、小写字母般的亲切,以及拒绝显得像公司。胡子视觉从2012年一直延续到2015年,之后被仪表台上会发光的 Amp 取代。除创始人之外,伊森·艾勒(Ethan Eyler)和弗兰克·尤(Frank Yoo)也是与这一时期的识别相关的名字。
这套设计系统如实呈现那个时期,并不尝试为后来的年份更新品牌。它保留了白色页面、只留给关键时刻的霓虹粉、2013年官网的青绿色按钮、粗圆的 Montserrat 标题,以及胶囊形的控件。目标是捕捉一种想让人觉得像邻里之间帮个忙的服务的精神。
Lyft 的视觉特征是什么?
白底,粉色只留给关键时刻
页面本身是干净的白色。LyftPink 是一种鲜艳的霓虹粉,它不被当作装饰四处撒落,而是留给关键时刻,例如主要的行动号召、品牌标志或重要状态。正因为稀少,这种粉色读起来像一个笑容,而不是一堵色墙。
2013 年的青绿色按钮
按钮的青绿色取自公司2013年的官网。偏冷的颜色平衡了暖粉色,也让操作容易辨认。同时它把设计锁定在品牌历史上的某个具体时刻,而这正是这套风格个性的一部分。
粗圆的 Montserrat
标题使用粗体的 Montserrat,饱满圆润的字形显得大方而友好。字体大而自信,却从不尖锐。简短、口语化的标题最适合它,因为字形本身已经带着温度,不需要长句来帮忙。
处处胶囊形
按钮、标签、输入框和小标签全部被完整地圆成胶囊形。反复出现的形状让界面有一种柔软、玩具般的一致性,也让每个元素都显得可以触碰。避免混入尖角的矩形,因为一个硬角就会立刻打破友好的气氛。
口语化的语气
视觉风格与朴素、口语般的文案搭配。标签读起来像邻居会说的话,说明也很简短。目的是消除产品与使用者之间的距离感,这与一个建立在陌生人互相帮忙之上的服务十分相配。
胡子元素
毛茸茸的粉色胡子是2012年至2015年这一时期的标志。在设计系统里,它可以作为俏皮的点缀、图标、贴纸或装饰细节,用得总是很轻。它为页面添了一点幽默,也让人想起车头格栅上的原型,却不会把界面变成一套戏服。

谁塑造了 Lyft?
格林是与 Lyft 关系最密切的创始人之一。他的名字属于这项叫车服务的起源故事:普通司机可以通过手机应用提供搭乘。而这种友好、随意的视觉风格,正是为了表达这个社会性的前提。
齐默是最常与格林并提的另一位创始人。两人一起,与公司2012年在旧金山的上线联系在一起,也与共享经济早期那个把搭车当作友好交流、而不是正式交易的想法联系在一起。
艾勒是与 Lyft 早期识别相关的名字之一。他被列入关键人物,说明这个品牌的个性,即粉色、胡子和俏皮的语气,来自一个小小的创意圈子,而不是一份企业风格手册。
尤同样被与品牌早期的外观联系在一起。他与其他几位一起,标示出一群塑造创业公司识别的人,这种识别要让人觉得像邻里之间的帮忙,而这套设计系统正是要保存这一点。
今天怎么用 Lyft?
在幻灯片里,Lyft 风格适合谈社区、出行、本地服务和消费类产品的演示。封面可以用白色背景、一行粗圆的标题,加上一个粉色胶囊作为点缀。内容页保持轻盈,一页一个想法,标题简短,空间宽裕。数据页用粉色标出唯一重要的数字,用青绿色做辅助强调,其余都用中性的深色文字。
在网页和 App 里,这套风格非常适合叫车、配送、本地市集和社区类产品。预订流程适合搭配大号胶囊按钮、亲切的微文案,以及在关键一步出现的一抹粉色。定价页可以用胶囊形选择器展示几个简单的选项,用粉色标出推荐项。个人资料和信任类页面则能受益于圆润形状带来的人情味。
在编辑与营销内容里,这套风格支持招聘页面、社区故事、司机与乘客的宣传活动,以及俏皮的发布公告。真人在日常场景中的摄影与之相配,尤其是看起来自然、而非摆拍的画面。粉色胡子可以作为小小的反复出现的点缀,出现在贴纸、社交图和徽章里。
一个好习惯,是把粉色当作奖励。在用户被邀请行动的时刻,或某件好事发生的时刻使用它,让界面的其余部分保持安静。按钮、标签和输入框的胶囊形要保持一致,标题要短到让粗壮的字形不显拥挤。
常见的错误,是让页面被粉色淹没,这会让特别时刻的感觉消失,界面也显得吵闹。另一个错误是把圆润的风格与尖角方正的组件或细而正式的字体混用,这会破坏友好的语气。第三个错误是把外观现代化成利落的企业风格,到那时,“朋友的车”这个想法就整个不见了。

Lyft · 常见问题
Lyft 粉色胡子风格是什么?
它是一种基于 Lyft 早期岁月的友好界面风格。它使用白色页面、只用于关键时刻的霓虹 LyftPink、2013年官网的青绿色按钮、粗圆的 Montserrat 标题,以及无处不在的胶囊形。整体效果要让人觉得像朋友的车,而不是出租车。
粉色胡子是什么时候使用的?
Lyft 于2012年夏天在旧金山上线,车头胡子的视觉从2012年持续到2015年。2015年,胡子被 Amp 取代。这套设计系统捕捉的是更早、更随意的那一个时期。
它最适合哪些产品?
叫车、配送、本地服务、社区平台,以及任何想显得亲切、有人情味的消费类产品。它特别适合流程简单的移动优先应用。对于需要显得正式、专业或奢华的产品,则不太合适。
粉色该怎么用?
要克制。把它留给关键的行动号召、品牌标志或值得庆祝的时刻,界面的其余部分保持白色和中性文字。青绿色可以在按钮上配合它,但粉色应始终给人特别时刻的感觉。
常见的错误有哪些?
过度使用粉色、把胶囊形与尖角矩形混用、换成细而正式的字体,以及把外观打磨成企业风格。每一种做法都会去掉这套风格赖以定义的温度。