デザインの勉強

情報を適切に伝えるキービジュアルの見せ方

リンク
メインビジュアルで使われる手法ごとに分類がされていて一つ知識の幹とできるかなと思った。

• 対比
• フレーミング
• タイリング
• 色のコントラスト
• 余白

一目で「素敵…！」と思うメインビジュアルは何が違うのか

リンク
これも手法ごとの分類

• 1.要素にメリハリがある
  • 余白を使ったメリハリ
• 2.ちょっとした違和感や崩しがある
  • 縦置きの要素を使う
  • グリッドをはみ出す
  • 行頭を揃えない
  • フォントを混ぜる
  • フォントに処理を加える
• 3.奥行きがある
  • 要素を奥に傾ける
  • 速度の異なる演出を入れる
• 4.コンセプトを印象付けるアイデアがある
• 5.全面動画など派手なエレメントがある場合は、レイアウトは控えめに

＃２.謎解きデザイナーになったゴリラがメインビジュアルを完成させるまで

リンク
ああ、やっぱりラフ切らなきゃだよねってすごい思った。

• メインビジュアルの役割
• 制作.1〜 《準備》
• 制作.2〜《ラフ案》
• 制作.3〜《ビジュアル作成》
• まとめ

なるほどデザイン

リンク
とりあえずこれ読む
→ざっくり読んでみたけど、書籍用の考え方の本だった、考え方としては参考になるのかな…？もう一回読み込んでみよ。

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。

〈電子書籍版に関する注意事項〉
本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。

【目で見て楽しむ新しいデザインの本！】

「デザイン＝楽しい」を実感できる新しいデザイン書籍。デザインする上で必要な基礎、概念、ルール、プロセスを、図解やイラスト、写真などのビジュアルで解説しています。現場で活躍しているデザイナーが身近にあるわかりやすいものに例えたり、図解、イラスト、別のものに置き換えて見方を変えてみたり…豊富なビジュアルとともにわかりやすくひも解きました。楽しみながらデザインのあれこれがわかり、「なるほど！」と思える内容が盛りだくさんです！

〈本書の内容〉
■Chapter 1
デザインに「正解」はない --編集とデザイン

■Chapter 2　デザイナーの7つ道具
どっちがダイジ？ を口癖にしよう。--ダイジ度天秤
主役を狙って、光を当てる。--スポットライト
いいデザインて、いいキャラしてます。--擬人化力
ヒントは世の中にあふれてる。--連想力
言葉と絵のバイリンガルになろう。--翻訳機
ふところに隠し持った、最終兵器。--虫めがね
そのデザインを決めるもの。--愛

■Chapter 3　デザインの素
布地を織り上げるように組む。--文字と組み
言葉の「らしさ」をつくる。--言葉と文章
右脳と左脳で考えてみる。--色
イメージの力に向き合う。--写真
ロジカル、ときどきグラフィカル。--グラフとチャート

Webサイトのメインビジュアルの構図を集めて分析してみた。

リンク

• はじめに
• ▼左右に余白なし、フル画面配置型
• ▼センター配置型
• ▼上下分離型
• ▼左右分離型
• ▼メインビジュアルとサブビジュアルを配置型
• ▼その他
• まとめ

【作例付き】グリッドで簡単レイアウト！垢抜けメインビジュアルの作り方

リンク

• レイアウトってどうするのが正しいの……？
• 実践練習をしてみよう
  • レイアウトを組む準備をしよう
• グリッドデザインをしてみよう
  • 実際にレイアウトしてみよう
  • 写真も入れてデザインしてみるよ
• ブロークングリッドデザインをつかってみよう
  • ブロークングリッドレイアウトって？
  • 写真も入れてデザインしてみるよ
• お〜しまい

はじめます！新人WEBデザイナー成長日記 #1

リンク

全6回位？参考になるから何回か読んでおきたい。