见やすいアウトプットのつくりかた
?
5 likes?1,257 views
见やすいアウトプットのつくりかたを紹介します。かなり基本をベースにしていますが、参考になれば幸いです。作者はユーザビリティ視点でのデザイン学を大学で専攻していたので、ややそちら寄りになっています。
![4. 参考文献
伝わるデザイン[Webサイト]
http://tsutawarudesign.web.fc2.com/
シンプリシティの法則 [書籍]
デジタル時代のドキュメント企画と設計 [書籍]
21](https://image.slidesharecdn.com/random-131128040529-phpapp01/85/-21-320.jpg)
见やすいアウトプットのつくりかた
- 2. 0. プロフィール 2
- 10. 2. 見やすいアウトプットのためのハック アウトプットをつくるまで、主に３つのプロセスを踏む。 収集 / Collection 整理 / Arrangement 組立 / Reconstruction 漏れが無いように情報をリストアップ 集まった情報の優先付けや分類を行 整理した情報を明示化するために、 して洗い出します。 ないます。 必要に応じて装飾したり表やグラフに します。 この資料では主に、後半の「整理、組立」について共有したいと思います。 10
- 11. 2. 見やすいアウトプットのためのハック 整理するときは、組織化の「SLIP」。 S L I P 分類 / Sort 箇条書きにして情報を分ける。 命名 / Label 分類された情報に見出しをつけたり、タイトル下にサブタイトルを設ける。 統合 / Integrate 関連する情報はできるだけ近づける。 優先順位 / Prioritize 情報の伝えたい順序で並べる。 11
- 13. 2. 見やすいアウトプットのためのハック 文字の装飾｜下線 / 斜字 / 太字 / 枠 文字や文章の読みやすさは可読性/視認性/判読性の３要素があります。これらの要素に注意し ながらも、単語単位で簡単に装飾することで情報を命名化することができます。 ?下線はリンクと間違われることもあるので最近では推奨できない。 ?斜字や太字は可読性が悪くなる点が注意。目立たせる意図であれば良いが、 正確に読んでもらいたい文字に対しては太字にしないほうが良い。 あいうえお あいうえお あいうえお あいうえお あいうえお 13
- 14. 2. 見やすいアウトプットのためのハック 色｜文字色 / 背景色 補足事項に薄い色を使用したり、注意事項を赤色にしたり、重要なことを青色にしたり。色はそ の色彩と配色によって、情報を伝えやすくする効果があります。 ?必要以上に多くの色を使わない。 ?色をつけるときは意味を持たせること（カッコイイから、カワイイからはNG）。 題名 題名 見出し 見出し 内容内容内容内容 内容内容内容内容 内容内容内容内容 内容内容内容内容 補足 補足 14
- 15. 2. 見やすいアウトプットのためのハック レイアウト｜インデント / 段落 / 余白 普段から気をつけていれば、無意識の中でも情報を整理して表示することできます。 ?中央揃えより、視認性を考慮して左揃えを。 ?各種コンテンツを”等間隔”にすることが基本。 15
- 18. 3. 余談 18
- 20. 4. 参考文献 20