田中クミコの作品一覧
「田中クミコ」の「クイズで学ぶデザイン・レイアウトの基本」「デジカメ写真のレタッチ・加工が上手くなる本[Photoshop]」ほか、ユーザーレビューをお届けします!
- 作者をフォローする
- フォローすると、この作者の新刊が配信された際に、お知らせします。
無料マンガ・ラノベなど、豊富なラインナップで201万冊以上配信中!
「田中クミコ」の「クイズで学ぶデザイン・レイアウトの基本」「デジカメ写真のレタッチ・加工が上手くなる本[Photoshop]」ほか、ユーザーレビューをお届けします!
ビジネス・実用
ビジネス・実用
ビジネス・実用
ビジネス・実用
Posted by ブクログ
表紙のように、2つのデザイン案を比べて、どちらが良いかクイズに答えているうちに、デザインが学べる。
この比較質問→答え
というリズムでさくさく読みやすい。
ポイントも1ページ毎に理解できる。
先にノンデザイナーズデザインブック
を読んでいたので、デザイン4原則と結びついて理解できてよかった。
色のところが難しいです。
明度、彩度、色相
この概念をもう少しきちんと理解しないといけないなと
感じた。
気になったのは
・色の比重
ベースカラー 70%
サブカラー 25%
アクセントカラー 5%
・配色はトーンで決める
全体の統一感に気を付ける。
明度(鮮やかさ)、彩度(明るさ)をそろえる。
色相を近付けるか、ことなるものとするか。
まとまりのある配色→ 近い色
変化をつける配色 → 異なる色
目立たせたい場合は暖色系をメインカラーに
暖色系で彩度が高いと誘目性が高い。
・写真のジャンプ率
写真をレイアウトする場合、メインとサブの写真にめりはりをつける。
一番大きい写真とちいさい写真の面積比率を「写真のジャンプ率」という。
Posted by ブクログ
写真の縦横比、マージンにも黄金比使える
ゴシック体と明朝体、サンセリフ体とセリフ体など2つの書体を組み合わせて対比させると、互いの文字の特徴を際立たせることができる
タイトルや商品名、見出しなどの文字情報をしっかり印象づる必要があるときは、文字周りに適度な余白を設け、 背景に単一色を使うと可読性が高まります
使用するフォントやロゴ太めで存在感のあるデザインやじるし or 細めフォントの場合文字間を広く取ったり、塗りや罫線組み合わせてボリューム出す
コントラストが高く情報量の多い写真では、文字色に高彩度の有彩色を選ぶのは難しく、 視認性を最大限に考慮するのであれば、白を使うのがベスト
複数の写真をレイアウトする場合、写真に優先順位をつけ、大きさを変化させると、視線誘導効果が生まれ、内容が伝わりやすくなります←マンガのコマ割でも意識したい!
このとき一番大きい写真と一番小さな写真の面積比率を「写真のジャンプ率」と言います。
写真の大きさが違っても被写体のサイズ差がないとメリハリがなくなるので注意
写真の一部分の彩度を下げ、それ以外の部分を目立たせる手法は、ピンポイントで注目して欲しい部分があるときや、誌面のカラーイメージを統一したいときなどに有効
ファーストビューに重要な情報を入れる(お得情報など)
ヘッダやフッタ、サイドメニューなど広い塗りには彩度の低い落ち着いた色を選ぶと、メインコンテンツを見ることに集中できる。彩度の高い色は、 見出しのポイントマークやリンク色など、 目立たせたい箇所でアクセントカラーとして使用するのに適している。視線誘導
左上、 右下が重要になってきますが、左上で注目させ、 読み進めていくと右下にゴール(問い合わせフォームボタンや次のコンテンツへの移動)を置くのがベター
【バナー】会社名や商品名を大きく出したデザインは、名前のアピールにはなりますが、相当知名度が高くない限りクリックは期待できません。最も人の目に止まりやすい要素は「顔写真」
バナー内で濃淡のコントラストを強めにつける
セクションごとに大きなボタンにする→タブレット端末でも見やすく、タップしやすい
クリックできるところ、できない画像などがハッキリ分かるよう ボタンは角丸にする・ボタンに矢印をつけるなど
揃えるのは色や書体だけじゃない ×布地っぽい背景に金属質のボタン