デザイントークンのつくりかた

同人誌の執筆とデザイン

Visual Design
Communication Design

デザイン読書日和というイベントで『デザイントークンのつくりかた』という同人誌を作成しました。本文の執筆とCSS組版、表紙のデザイン、印刷、ブースの設計、オンライン販売まで担当しました。

制作の過程ははじめてデザインの同人誌をつくった話に書いています。

デザイントークンのつくりかた
Vivliostyleでの執筆環境

本文執筆

本文はCSS組版で執筆しました。Vivliostyle CLIを使い、Markdownから組版したHTMLをPDFに書き出しています。Gitでバージョン管理ができること、CSSで見出しなどのスタイルを再利用できることが利点でした。

表紙のデザイン

ビジュアルのフックは、デザイントークンをJSONで定義することにちなんだ「{}(ブラケット)」です。帯コピーには網羅性を押し出して「定義から、分類、実装まで」と置きました。印刷は蛍光印刷で発色のよい表紙に仕上げています。

『デザイントークンのつくりかた』の表紙

ブース

歩いている人の目線に商品が入るよう、ポスターと傾斜かざり棚で縦方向を意識して設計しました。黒をベースとした表紙の世界観に合わせ、ブースクロスやプライスプレートまで統一しています。

ブースの様子