LifeOS ブランド設計

01ガイドラインを、違反を止めるプログラムにするカラー、アイコンの出どころ、フォントの宣言、コントラスト比を、すべて自動チェックにしました。違反したものはバージョン管理に入りません。ドキュメントがどれだけよく書けていても、それに従うのは人で、人は疲れます。代償：どのルールも、まずプログラムで判定できる形に書き直す必要がある。プログラムにできないものは、ルールとして数えない。02アイコンの品質はチェッカーに任せる以前は自分たちの目で見ていました。あるとき、線幅0.25の違いは目ではまったく見分けられないと気づきました。1ファイルずつの照合に切り替えると、ライブラリの一部がその場で不合格に。自分たちで描いたアイコンでした。代償：チェッカーを入れた日、最初に止められたのは私たちだった。03背景色を変えたら、色は計算し直すニュートラルの階調は、もともとダークUI向けに調整したものでした。明るい紙の上に移すと、6色とも文字色としては基準に届きません。いちばん低いものは2.17で、基準は4.5。印刷して見る限りはまったく普通です。計算してみて、初めてわかりました。代償：1つのカラーパレットに計算値が2通りでき、どのドキュメントにも、どちらの背景用かを書く必要がある。04同じ位置合わせの問題、直ったのは3回目見出しに組み込んだマークを、漢字と揃える必要がありました。1回目はベースライン揃え、2回目はガイドラインに書かれた比率で枠線を計算し直しましたが、どちらも差し戻し。3回目にアセットそのものを測って、ようやくわかりました。ガイドラインの比率がそもそも間違っていたこと、そして CSS で組み直した枠はどこまでいっても近似にすぎないこと。少しだけずれているほうが、大きくずれているより厄介です。1.25pxしか違わないと、目はそれをマークとして見ずに、ただ揃っていないものとして見ます。代償：最初の2回はパラメータの調整で終わり、3回目でやり方そのものを変えた。以後、マークは必ずアセットを埋め込み、CSSでの近似は禁止。