回声车库 / 秋季演出季 / 海报 App 演示

Bold Typography Mobile Poster / supplemental

移动海报 / 字即海报

字 大到 成为海报

这是回声车库秋季演出季的宣传 App:一屏一张海报,一场演出一个字的构图。滑动换页,就是换一张贴在墙上的海报。不放图片,只放字,近黑与暖白压住底色,朱红只给最想被按下的那一处。

底色 近黑 #0A0A0A / 暖白 #FAFAFA / 强调 朱红 #FF3D00 / 圆角 0 / 过渡 200ms 无弹跳

21:47 演出季 11 月
11 / 14 周五 20:00 回声车库

海啸

警报

假日群岛 / 新专辑《海啸警报》首发专场

预售 120 / 现场 150

01 / 04

演出季 / 秋季档 四场

四张海报 四种字法

场地 / 上海 永嘉路 回声车库 / 全部站席 / 门外不设加座

字法 / 每张海报只赌一件事

构图四法

  1. 字重对比

    900 与 300 同字号上下并置 / 粗的在喊 细的在耳语 / 层级不靠框线和颜色,只靠笔画粗细的落差。

    Weight
  2. 边缘裁切

    主字放大到超出屏幕,被边缘切掉一角 / 缺的部分由眼睛补全 / 出血的张力比完整的字更大。

    Crop
  3. 竖排

    writing-mode vertical-rl / 行序自右向左,是中文海报的原生语法 / 竖行本身就是节奏。

    Vertical
  4. 叠印

    同一个字的两个颜色版本错位叠合 / 交叠处像油墨未干 / 丝网印刷的错觉,零图片成本。

    Overprint

关于粗体字海报

不放图片
字自己站上台

粗体字海报把界面当海报贴:一屏只讲一件事,一个字占半屏,留白不是浪费,是音量。色彩压到两三种,近黑与暖白打底,再加一管朱红,只给最想被点的那一处。

这一季四张海报分别用了字重对比、裁切、竖排、叠印四种字法。切换只有一次 200ms 的过渡,不弹跳,不漂浮,像翻一张纸。

  • 规格 / 按官方清单核对
  • a.主标题字号为正文的 4 到 5 倍
  • b.所有容器 0 圆角 无阴影
  • c.行动按钮用 2 到 3px 下划线
  • d.段落之间留出 60px 以上大间距
  • e.动效统一 200ms 无弹跳
  • f.正文不小于 16px / 对比度不低于 4.5:1