“Rus”食物银行的社交媒体设计

任务

“Rus”食物银行有许多专栏：受助者和志愿者的故事、年度数字、促销与活动预告、紧急通知、幽默内容，以及关于各地区食品节约的专栏。每条帖子都是一张独立的卡片，在信息流里一张接一张出现。

需要的不是一堆图片，而是一套系统：一组模板，新卡片由现成的部件拼出，立刻成为基金会品牌形象的一部分。所以工作是从规则出发的——色板、字体、网格和 Logo 的位置——再到每个专栏对应的卡片系列。

系统的规则

所有卡片都是正方形，1080 × 1080。只用一种字体，Museo Sans Cyrl：标题和数字用厚重的 Bold 和 Black，小字用 Medium。“Rus” Logo 默认位于右上角，卡片背景从色板的七种颜色中选择。

三种手法在每个系列中反复出现：带彩色底板标题的照片、纯色加大号文字、作为图形点缀的食品线描插图。因此不同专栏的卡片在信息流里互不抢戏。

背景颜色

帖子封面卡片

最大的系列是封面卡片，共 78 个版式。它位于帖子或轮播的开头，有三种形式：照片上的文字、彩色背景上的文字、文字加图形元素。

图中是彩色背景的版式：同样的版式做在色板的不同颜色上——橙、蓝、绿、青、黄——以及白色上。

对应各专栏的卡片系列

基金会的每个专栏都有自己的系列。系列内有多种颜色和排版，因此同一类型在信息流里不会原样重复。

数字与统计

以大号数字为主体的卡片：转交的食品吨数、节约的资源、获得帮助的人数。数字放在彩色底板上或直接放在背景上，说明文字缩短到一两行。

重要信息

三个子系列：紧急通知与提醒、变更、项目新闻。紧急消息用红色、铃铛图标和“ЧП”（紧急情况）标记突出：照片展示现场或人物，下面是标题和号召“现在就需要您的帮助”。

活动预告

用于促销、邀请和活动的卡片，带有“活动”标记、名称、日期和地点：日期放在彩色底板上，让人最先看到。

受助者与志愿者

二十个版式，用于讲述基金会人物的故事：大幅人物照片、顶部的专栏标记和带姓名的说明，故事类还有引言或短文。先看到人脸，所以卡片读起来像故事而不是通知。

专栏“各地区的食品节约”

最大的主题系列，32 个版式：带有专栏标题和说明的文字卡片。同样的版式可以做成色板中的任意颜色，食品线描插图则按每期主题选取。

这里没有展示、但属于系统的还有：引言卡片（访谈、专家评论、发言人观点，24 个版式）、梗图与幽默卡片（6 个）、食品照片卡片（6 个）。

轮播内页卡片

轮播由一张封面卡片和若干内页卡片组成。内页做了四类模板，共 46 个版式：文字卡片、文字加数字、文字加照片、列表与要点。

这样轮播可以逐页变换卡片类型而不脱离系统：颜色、字体和 Logo 的位置保持不变。

卡片上的 Logo

每张卡片都需要“Rus” Logo，但不总在同一个位置。因此做了三种摆放方式：Logo 在底部、Logo 在左上或左下，以及无 Logo 的版本。

这一组共有 69 个版式：每种方式都在多种卡片类型和颜色上展示，一眼就能看到组合效果。

图形元素与图标

素材包含一套食品线描插图库，约 70 幅：土豆、罐头、牛奶、饲料、面包、蔬果、容器等。每幅都有白色和橙色两版，因此既适合彩色背景也适合浅色背景。

除插图外，还有四个品牌色块（两个蓝色、两个橙色）用作文字底衬，以及现成的标题块：带数字的底板、强调标题、人物与日期的说明。

• 约 70 幅白色与橙色的食品线描插图
• 四个作为文字底衬的品牌色块
• 现成的文字块：底板、数字、强调标题、说明文字

文件的结构

所有版式集中在一个 Figma 文件的一个页面上。页面上有四个信息流示例和按专栏分的区块，区块内再按用途分子区：例如重要信息下有“紧急通知”、“变更”和“项目新闻”。

区块和子区的名称为俄语并说明用途，因此找卡片是按专栏而不是按编号。

• 20 个顶层区块：12 个卡片系列、图形元素集、四个信息流示例和辅助草稿
• 区块和子区名称为俄语，按专栏含义命名
• 每个子区内是一组不同颜色和排版的版式

所有社交媒体作品 →