ヤマダジュンヤのレビュー一覧
-
Posted by ブクログ
【配色の基本セオリーと手法を身につける。新しい傾向と新しい技術を知って「配色」に強くなる。】
デザインワークにおいて「どのような色にするか」、すなわち配色計画は、その目的や機能に合致した計算が正確になされているほど効果は高くなります。この配色の大原則を正しく知って正しく使うことは、良い成果物を作り上げる近道にダイレクトに繋がります。
本書を読み通した上で実際のデザイン作業で試行し、またフィードバックを繰り返していけば、きっとしっかりと身につけることができるでしょう。ぜひ「配色が得意」になっていただき、日々のデザインワークにお役立てください。 -
購入済み
勉強になります!
仕事上
チラシ作りをしないとなんですが、
初心者なので、こちらを購入しました!
なるほど!と思える指摘が分かりやすく記載されてて
とても勉強になりました! -
Posted by ブクログ
表紙のように、2つのデザイン案を比べて、どちらが良いかクイズに答えているうちに、デザインが学べる。
この比較質問→答え
というリズムでさくさく読みやすい。
ポイントも1ページ毎に理解できる。
先にノンデザイナーズデザインブック
を読んでいたので、デザイン4原則と結びついて理解できてよかった。
色のところが難しいです。
明度、彩度、色相
この概念をもう少しきちんと理解しないといけないなと
感じた。
気になったのは
・色の比重
ベースカラー 70%
サブカラー 25%
アクセントカラー 5%
・配色はトーンで決める
全体の統一感に気を付ける。
明度(鮮やかさ)、彩度(明るさ)をそろえる。
色相を近付けるか、ことなるものとするか。
まとまりのある配色→ 近い色
変化をつける配色 → 異なる色
目立たせたい場合は暖色系をメインカラーに
暖色系で彩度が高いと誘目性が高い。
・写真のジャンプ率
写真をレイアウトする場合、メインとサブの写真にめりはりをつける。
一番大きい写真とちいさい写真の面積比率を「写真のジャンプ率」という。 -
Posted by ブクログ
数十の簡単な設定説明を前提に、デザインの例をA・B、2つの選択肢から「より望ましい」と感じる方を選択し、その理由の説明を試みる。 で、正解&解説&Tipsを読みながら、デザインのエッセンスを(少しでも)身に付けようという書籍。
自分はIT業界:Webサイトの開発を行っている会社に勤めているが、ユーザーの操作する画面側、バックで動作する様々な仕組みの両方を開発する。
そんな中で、画面側のデザインは、システム設計者やプログラマーが作成するのではなく、デザイナーに依頼するケースが殆ど。
とは言え、設計者やプログラマーがデザインの基本を全く理解していないのは宜しくない。 ”デザイン”というと、どうもセンス優先的なイメージを伴うが、実際には結構理詰めで意匠が決められる側面も多分にある。
...といった背景もあるので、この書籍を自社内での勉強会に利用させて戴きました。
メンバー達からの反応も上々で、当書籍の上下巻ともに利用させてもらいました! -
Posted by ブクログ
ネタバレ写真の縦横比、マージンにも黄金比使える
ゴシック体と明朝体、サンセリフ体とセリフ体など2つの書体を組み合わせて対比させると、互いの文字の特徴を際立たせることができる
タイトルや商品名、見出しなどの文字情報をしっかり印象づる必要があるときは、文字周りに適度な余白を設け、 背景に単一色を使うと可読性が高まります
使用するフォントやロゴ太めで存在感のあるデザインやじるし or 細めフォントの場合文字間を広く取ったり、塗りや罫線組み合わせてボリューム出す
コントラストが高く情報量の多い写真では、文字色に高彩度の有彩色を選ぶのは難しく、 視認性を最大限に考慮するのであれば、白を使うのがベスト
複数の写真をレイアウトする場合、写真に優先順位をつけ、大きさを変化させると、視線誘導効果が生まれ、内容が伝わりやすくなります←マンガのコマ割でも意識したい!
このとき一番大きい写真と一番小さな写真の面積比率を「写真のジャンプ率」と言います。
写真の大きさが違っても被写体のサイズ差がないとメリハリがなくなるので注意
写真の一部分の彩度を下げ、それ以外の部分を目立たせる手法は、ピンポイントで注目して欲しい部分があるときや、誌面のカラーイメージを統一したいときなどに有効
ファーストビューに重要な情報を入れる(お得情報など)
ヘッダやフッタ、サイドメニューなど広い塗りには彩度の低い落ち着いた色を選ぶと、メインコンテンツを見ることに集中できる。彩度の高い色は、 見出しのポイントマークやリンク色など、 目立たせたい箇所でアクセントカラーとして使用するのに適している。視線誘導
左上、 右下が重要になってきますが、左上で注目させ、 読み進めていくと右下にゴール(問い合わせフォームボタンや次のコンテンツへの移動)を置くのがベター
【バナー】会社名や商品名を大きく出したデザインは、名前のアピールにはなりますが、相当知名度が高くない限りクリックは期待できません。最も人の目に止まりやすい要素は「顔写真」
バナー内で濃淡のコントラストを強めにつける
セクションごとに大きなボタンにする→タブレット端末でも見やすく、タップしやすい
クリックできるところ、できない画像などがハッキリ分かるよう ボタンは角丸にする・ボタンに矢印をつけるなど
揃えるのは色や書体だけじゃない ×布地っぽい背景に金属質のボタン -
Posted by ブクログ
2016年7月発刊。比較的新しいためか、見やすく読みやすいとともに、理論が分かりやすいと思った。
1章の「色の基本」では、色相、明度、彩度、トーンや色彩機心理などの基本を解説している。
2章の「配色の基本」では、色の組み合わせの基本を色相、トーン、対称性、補色と反対色などを解説している。
3章の「配色テクニック」では、1〜3色のまとめかた、アクセントカラー、グラデーション等をまとめている。
4章の「配色のセオリーと最新技術」では、文化や伝統やターゲットによる違いを解説している。
5章の「配色の事例見本」では、キュートやフォーマルやエレガントなど、テーマに沿った配色を解説している。
全体としては見ていてもわかりやすいし、勉強にもなるし、同様の配色の系の本では私が読んだ中ではお勧めです。