飞书是什么风格?

飞书示例

飞书是只用一种蓝的安静高密度:白色页面被细灰线切成多栏,颜色只出现在可以点击的地方。

飞书速览

飞书在海外叫 Lark,是字节跳动打造的一站式办公套件。消息、文档、日历、视频会议与类数据库的表格都在同一个窗口里。它的界面风格就是这套产品的样子:白色工作区被细灰线分成多栏,文字是偏冷的近黑墨色,信息密度是认真办公工具的水准。

色彩来自那只小鸟 logo。它平涂的蓝、青绿与深海军蓝定义了产品的颜色,另有一档略深的蓝专门留给主操作。其他一切都刻意保持安静,让列表、消息与文档来承载屏幕,而不是装饰。没有厚重阴影,没有装饰插画;蓝色只出现在可以按下去的地方。

这套风格适合协作工具、管理后台、知识型产品,以及用户一用就是几个小时的软件。它以“不出挑”赢得信任,是最好意义上的不出挑:密、可预期、平静,让注意力落在工作本身。

飞书用在文章页上

飞书从何而来?

故事始于北京,字节跳动内部。2016年,公司开始使用一款叫 Lark 的内部协作工具来运转自己快速扩张的组织。因为它是每天使用它的人做出来的,所以由真实的工作习惯塑造,而不是由营销简报塑造,界面也朝着效率而不是炫目的方向发展。

2019年,这款工具在中国以“飞书”之名、在海外以 Lark 之名公开发布。它赶上了中国协同软件的浪潮:许多公司正转向一站式办公套件,并采用以文档为中心、以目标驱动的工作文化。在这种环境里,产品界面必须显得快、密、专业,因为它一天中大部分时间都开在屏幕上。

如今人们熟悉的视觉形象,大致属于2021至2024年这段时期,常被称作飞书 5.0 时代。设计围绕白色工作区、由应用栏、列表与内容构成的三栏结构,以及取自品牌标志的窄色板而定型。在这一语境下,与公司关联最紧密的名字是字节跳动创始人张一鸣,以及与该产品相关的谢欣。

综合来看,这种面貌是环境的产物。它反映了一站式套件的模式、以文档为中心的办公文化习惯,以及中国软件在一屏之内展示大量信息的惯例。它避开了消费类应用那种空旷舒展的外观,选择了为使用而生的工具的紧凑外观。

飞书的视觉特征是什么?

色彩

一种蓝几乎承担了全部工作。明亮的品牌蓝标出链接与高亮,略深的蓝标出主操作,青绿与深藏青作为取自 logo 的次要点缀出现,其余一切交给中性灰。规则很简单:是蓝的,就能点;不能点,就不该是蓝的。

分栏与线条

屏幕靠细灰分隔线而不是方框或阴影来组织。左侧是应用栏,中间是列表,右侧是内容。细线在不增加视觉重量的前提下划分区域,用户既能看到大量信息,也能分清每个区域从哪里开始、到哪里结束。

字体

文字使用偏冷的近黑墨色,而非纯黑,在不损失对比度的前提下让长时间阅读更柔和。字号紧凑,层级靠字重和灰度而不是夸张的大小差来建立。读起来就是办公工具的样子:高效、清晰,适合沿着列表快速扫读。

密度

密度是一种特性。行距紧、列表长,一屏同时展示很多消息、文件或日程,目标是不浪费一行垂直空间。这是中国办公软件的典型标准,也因此要求设计的其他方面更克制,让页面在信息量很大的情况下依然平静。

平面表面

表面平整、白色。阴影只用来托起菜单和对话框这类浮层,而且很轻。工作界面中没有渐变、纹理或装饰性插画。效果是一个平静的背景,让内容和偶尔出现的蓝色清晰可见。

克制的强调

强调是配给制的。每个区域通常只有一枚实心蓝按钮、一个未读小徽标和几条彩色链接是醒目的。因为几乎没有别的东西与之竞争,这寥寥几处强调就能高效地引导注意力。再多加颜色,往往是削弱而不是增强这套系统。

飞书用在仪表盘上

谁塑造了飞书?

Zhang Yiming (张一鸣)

字节跳动的创始人,这款工具于2016年首先在该公司内部为自用而建。公司自身的规模和增长速度,催生了这套办公套件所要回应的需求。

Xie Xin (谢欣)

与飞书产品相关的人物。2019年的公开发布与此后套件的不断打磨,都与她所带领的产品团队相联系。

ByteDance

最初为自己而打造这套产品的北京公司。它把整个组织放进同一个工具里运转的习惯,是消息、文档、日历与表格共用一套统一界面语言的原因。

今天怎么用飞书?

在幻灯片中,这套风格适合产品评审、内部汇报和团队同步。用白色页面、深冷墨色标题,每页只给最重要的内容一个蓝色强调。细灰线可以把一页分成两三栏,呼应应用本身的结构,让密集内容易于扫读。

做数据页时,这是最顺手的风格之一。带细分隔线的表格、主蓝色的小趋势线,加上用青绿表示的第二个序列,可以展示大量数字而不显杂乱。颜色要少,标签直接标注,把蓝色当作正在讨论的数字或行的高亮。

在网页中,这套风格属于仪表盘、管理控制台、文档编辑器、项目看板,以及任何带有列表、筛选和长时间使用的产品。遵循三栏逻辑:一侧导航,中间列表,另一侧详情。实心蓝只给主操作,其余次要操作用描边或文字按钮。

在编辑与营销内容中,这种外观可以改造用于产品页和帮助文档。白色背景、干净的标题、唯一的蓝色行动号召,以及带细边框的截图,传达出可靠的感觉。它不是用来做情感叙事的风格,而是用在“这个工具可靠、高效、清晰”是核心信息的地方。

常见的错误是到处用蓝色,连装饰元素也用,直到什么都不再像可点击的。另一个错误是只抄了密度、没抄纪律:紧凑排列的行只有在对齐、灰度和间距都一致时才成立。如果加上阴影、渐变横幅和彩色插画,就恰恰丢掉了让这套风格好用的那份安静。

飞书用在幻灯片 · 封面上

飞书 · 常见问题

飞书设计风格是什么?

这是字节跳动飞书(Lark)办公套件的界面外观:白色工作区被细灰线分成多栏,文字为偏冷的近黑色,列表密集,只有一种主蓝,仅用于可点击的内容。它平整、安静、信息量大。

这些颜色从哪里来?

来自产品 logo 里的那只小鸟。它的三块平涂色,明亮的蓝、青绿与深藏青,定下了色板。主操作使用略深的蓝,让主按钮从普通蓝色链接中凸显出来。

为什么这么密?

因为它是为一用就是几个小时的人设计的。密集的列表让用户一次看到更多消息、文件和日程,并在它们之间快速切换。这种密度沿袭了中国办公软件的惯例,并用克制的色板和一致的间距来平衡。

它只适合工作工具吗?

它在工作工具、仪表盘、知识型产品和管理系统中最出色。用于消费、娱乐或品牌主导的产品时,可能显得过于朴素和功能化。不过,它仍然可以作为帮助中心和文档的基础,那里清晰度最重要。

这种外观是什么时候成形的?

这款工具2016年起作为内部产品,2019年公开发布。人们现在熟悉的视觉风格大致与2021至2024年相关,常被称为飞书 5.0 时代,那时白色三栏工作区与窄蓝色色板趋于定型。

获取飞书完整设计系统
© 2026 Curio