LiberkaDesign Guidelines

表現を決める前に

原稿を固める前に、何を文章で読む必要があり、何を場面・記号・位置・長さで伝えられるかを見比べます。表現を一つずつ全ページへ割り当てるものではなく、一つのメッセージに複数の表現を組み合わせることもできます。

説明方法を見渡す

画像を選ぶと拡大できます。個々の作例は下の「問いから詳しく見る」から開けます。

場面・記号行列・条件比較・成果物の抜粋

時間・数量・階層・画面注釈

縮小画像は探索用です。下の元画像を開いて、読める大きさで確認してください。

問いから詳しく見る

場面と課題

誰が、どんな状況で困るのか?

場面写真+課題の短文+識別アイコン。写真は状況を示す。効果や実績の証拠にはしない。

元画像 1 · 元画像 2

記号と対応関係

誰が、どの情報にアクセスできるのか?

行・列・交点の記号+凡例+強調行。全セルの文章を読ませず対応を示す。適用条件は残す。

元画像 1 · 元画像 2

実像と精密な比較

選択肢は、体験と条件の両面でどう違うか?

場面写真+共通軸の条件表+共通条件。場面が分かっても小さな条件文字は読めない。配分を比較。

元画像 1 · 元画像 2

成果物そのもの

何ができ上がり、どこを読むと用途が分かるか?

読める実例の抜粋+媒体の形+用途ラベル。全文反復を避ける。抜粋に全条件があるとは主張しない。

元画像 1 · 元画像 2

時間と工程

何が、いつ、どんな順に起きるか?

時点の順序+節目+予定状態。この例の間隔は日数を表さない。長さと期間を混同しない。

元画像

総量と内訳

何が多く、何が差を生んでいるか?

共通のゼロ起点+棒の長さ+内訳。数値は架空の形式見本。本番では単位・期間・出典を揃える。

元画像

階層と役割

見える体験を、何が下で支えるか?

積層の位置+役割ラベル。上下は役割の階層。大きさや優劣を表すものではない。

元画像

実物への注釈

どこを見て、何を理解・操作するか?

画面の位置+局所的な注釈。これは架空UI。本番では実画面と指示対象を照合する。

元画像

作例の限界と使い方

歴史的な作例には内容理解や文字サイズに課題があったものを含み、HTML部品の例は合成前の単純な形式見本です。写真・数値・画面には架空の説明用素材があります。現在の製品仕様、実績や顧客発言の証拠には転用しません。固定の型や合格見本ではなく、現在の読者・根拠・規範を優先します。

同じ主張と条件を保つ案を実際に描き、説明方法の違いを比較して原稿へ戻します。一覧の閲覧や素材の数は、品質が改善した証拠ではありません。

一覧の来歴 · 歴史的作例の来歴 · 素材比較の来歴 · Lucideライセンス

編集可能な視覚部品を見る · 媒体別ガイドラインに戻る