ノンデザイナーの「デザインの判断」は とりあえずコレだけ押さえよう MODERN??? Traditionnal Classic Retro ? Bauhaus Kouhei Sasaki
デザインで最も重要なこと コントラストが重要 簡単な書体の選び方 良いロゴの見方 簡単な色の選び方 写真素材の選び方 ホントに基本だけCHECK
も そ も そ ？ か す で ん な
design }伝えること
art design 伝えるための技術 作り手側の意図を明確に 見た人に伝えるのがデザイン。 自己表現の技術 美的感覚によって作られ 見た人が感じるのがアート。
Point カッコ良く見えても 伝わらないなら デザインじゃない。 最初は「カッコイイ」必要はないんです。 何よりも「機能美」を優先しましょう。 その先が「カッコイイ」になります。 ふーん
ん じ ゃ ・ ・ ・ 伝 わ る デ ザ イ ン っ て ど う す れ ば い い の ？
順番や近接距離を考える 伝えたいものを先に置くなど、優先順位を決める。 より関連している情報は近づけて行く。 デザインの伝播力を考える 装飾や情報が足りていない場合もあるし、 多すぎる場合もある。 千葉 栃木 群馬 埼玉 東京 神奈川 千葉 栃...
身近な例で、名刺とか 情報を置いただけだと、強弱がなく、 どこから読めばいいのか分かりません。 株式会社 ナゾペール 〒151-0053 東京都渋谷区代々木2-XX-Y TEL 03 6300 0779 新規事業開発部 デザイナー 佐々木 恒平...
株式会社 ナゾペール 〒151-0053 東京都渋谷区代々木2-XX-Y TEL 03 6300 0779 新規事業開発部 デザイナー 佐々木 恒平 kouhei.sasaki@nazopel.jp FAX 03 6300 0556 景虎ビル ...
ふーん Point 優先して 伝えたい事は何か。 あれもしたい、これもしたいでは 何も伝えられません。 しっかりコンセプトを最初に決めましょう。 判断に迷ったらコンセプトを思い出しましょう。
何 で フ ォ ン ト を い ち い ち 選 ば な い と い け な い の ？
使う書体は状況で変わる 伝わる書体を選ぶ。 easy to read by design デザインは私たちが作る全てのものの中にあるが、それは工芸、科学、物語、プロバガンダ、 及び哲学のミックスの間に存在する。グッドデザイン イズ グッドビジネ...
ふーん Point 書体選びは 文字の見やすさと 読みやすさが重要。 簡単に言ってしまえば、 ゴシック体は可視性が高く見やすいので、見出し向きです。 明朝体は可読性が高く読みやすいので、文章に向いています。 新聞が良い例ですね。
デ ザ イ ナ ー に ロ ゴ を 提 案 し て も ら っ た ら な ん だ か 全 部 良 く 見 え ち ゃ う ん だ け ど ？
商品のロゴ、覚えていますか？ お い し い 牛 乳 お い し い 牛 乳 お い し い 牛 乳 A B C D
B ネーミングの堂々とした感じを明解な色調で表現。 牛乳の安全を伝える清潔感。 学校給食に代表される大衆的な飲み物であることを 伝える正当性。 商品が持つメッセージをシンプルながらも的確に伝 えているロゴです。 （当たり前ですが）そのまま書体を...
（上記では少し乱暴に扱ってますが）左側のロゴは文字の間の余白を適度に持つ ことで、文字に緊張を与えて、高級感や繊細さを出しているのに対して、右側の ロゴは丸みや文字をくっ付けたり、斜体にすることで親近感、躍動感を出してい ます。ロゴは誰に一番見...
日本人なら見慣れたシンプルなロゴですが、食欲をそそる赤の半円は「いつも 人の口に（清潔な白い文字の）日清の食事が入る」「ラーメンの丼ぶり」「日清食 品を食べていつも笑顔」「社会を円とするなら、その半分を日清が担いたい」と様々 な意味が込められて...
ふーん Point そのロゴは 本当に本質を 捉えているか？ かなり修正の難易度が高い場所なので、 何度も何度も見直しましょう。 良いロゴを作ったときの嬉しさは一生モノです。
色 を 適 当 に つ け た ら ダ サ く な っ た ん だ け ど ？
使用する色を３色に絞る ベースカラー メインカラー 70％ 25％ 5％ アクセントカラー 必ず 3 色でなければいけないということでは無いんですが、色を増やせば 増やすほどまとめるのが難しくなるので、配色に自身が無い人は無理に多様 しなくても...
最初にメインカラーから決める メインカラー 25％ サービスの意味を為す色なので、基本的にはハッキリ とした濃い色（明度が低い色）が選ばれやすいですが、 ロゴなどでも使用する確率が高いため、 後々変えにくいため色の意味が非情に重要です。 「なん...
次にベースカラーを決める Web だと背景などで使用するケースが多いので、白や薄い色（明度が高い色） が使いやすいと思います。明確な理由が無ければ、無彩色かメインカラーの 明度を上げた色を使うのが無難です。 ベースカラー 70％
最後にアクセントカラーを決める メインカラーと色相が対比になるような色を選びましょう。 色相環（右図）を用いて色の位置が分かると言うことは、 配色を説明する際に、スムーズに行えるメリットがあります。 メインカラー アクセントカラー 5％ アクセ...
ふーん Point その色彩に 理由はあるか？ パターンは無限なのですが、 無限であるがゆえに、理由は必要です。 理由がないと選びきれません。
写 真 の 選 定 に 自 信 が な い ん だ け ど ？
写真素材の判断基準 大 事 な 人 に ふ る さ と の お 米 を た べ て ほ し く て 連 れ て き ち ゃ い ま し た お い し い 日 本 の お 米 ウッチー好きだけどドイツなんてお金も無いし仕 事(学校)もあるしぃ。...
ふーん Point 訴求する点を 理解して 選んでるか？ 見た人の印象にズレはないか、 目的を的確に表している写真か …は、勿論なのですが、 意外と勘違いしたまま進んでしまうケースも多々あります。 周りにも意見をきちんと聞いて見ましょう。
ざっくり基本だけでしたね。 デザインで最も重要なこと コントラストが重要 簡単な書体の選び方 良いロゴの見方 簡単な色の選び方 写真素材の選び方 伝えること。 伝えることの優先順位。 見やすさと読みやすさで選ぶ。 本質を捉える。 色彩の理由を考...
結局、何が「デザインの判断」で重要かというと・・・ ちゃんと伝わってますかね・・・ いつも不安です・・・
そのデザインは、 表現に触れた人を幸せにしたか？ 実は、意外と本質的な部分をデザイナーは常に考えているので、 デザイナーとデザインの話をする機会を増やしてみてはいかがでしょうか ? I don't think that design needs...
Thank you! @CHINNEN_no3 sasaki.kouhei.1 ご 感 想 、 ご 質 問 は こ ち ら ま で
Upcoming SlideShare
Loading in …5
×

ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう

139,420 views

Published on

ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう

Published in: Design
3 Comments
283 Likes
Statistics
Notes
no profile picture user
Show More
No Downloads
Views
Total views
139,420
On SlideShare
0
From Embeds
0
Number of Embeds
107,222
Actions
Shares
0
Downloads
365
Comments
3
Likes
283
Embeds 0
No embeds

No notes for slide

ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう

  1. 1. ノンデザイナーの「デザインの判断」は とりあえずコレだけ押さえよう MODERN??? Traditionnal Classic Retro ? Bauhaus Kouhei Sasaki
  2. 2. デザインで最も重要なこと コントラストが重要 簡単な書体の選び方 良いロゴの見方 簡単な色の選び方 写真素材の選び方 ホントに基本だけCHECK
  3. 3. も そ も そ ？ か す で ん な
  4. 4. design }伝えること
  5. 5. art design 伝えるための技術 作り手側の意図を明確に 見た人に伝えるのがデザイン。 自己表現の技術 美的感覚によって作られ 見た人が感じるのがアート。
  6. 6. Point カッコ良く見えても 伝わらないなら デザインじゃない。 最初は「カッコイイ」必要はないんです。 何よりも「機能美」を優先しましょう。 その先が「カッコイイ」になります。 ふーん
  7. 7. ん じ ゃ ・ ・ ・ 伝 わ る デ ザ イ ン っ て ど う す れ ば い い の ？
  8. 8. 順番や近接距離を考える 伝えたいものを先に置くなど、優先順位を決める。 より関連している情報は近づけて行く。 デザインの伝播力を考える 装飾や情報が足りていない場合もあるし、 多すぎる場合もある。 千葉 栃木 群馬 埼玉 東京 神奈川 千葉 栃木 群馬 埼玉 東京 神奈川
  9. 9. 身近な例で、名刺とか 情報を置いただけだと、強弱がなく、 どこから読めばいいのか分かりません。 株式会社 ナゾペール 〒151-0053 東京都渋谷区代々木2-XX-Y TEL 03 6300 0779 新規事業開発部 デザイナー 佐々木 恒平 kouhei.sasaki@nazopel.jp FAX 03 6300 0556 景虎ビル 40F http://nazopel.jp/ NAZO PEL 株式会社 ナゾペール 〒151-0053 東京都渋谷区代々木2-XX-Y TEL 03 6300 0779 新規事業開発部 デザイナー 佐々木 恒平 kouhei.sasaki@nazopel.jp FAX 03 6300 0556 景虎ビル 40F http://nazopel.jp/ NAZO PEL
  10. 10. 株式会社 ナゾペール 〒151-0053 東京都渋谷区代々木2-XX-Y TEL 03 6300 0779 新規事業開発部 デザイナー 佐々木 恒平 kouhei.sasaki@nazopel.jp FAX 03 6300 0556 景虎ビル 40F http://nazopel.jp/ NAZO PEL 身近な例で、名刺とか 情報の距離と文字にコントラストをもたらすだけで、 読みやすくなって、キレイに見えます。 株式会社 ナゾペール 〒151-0053 東京都渋谷区代々木2-XX-Y TEL 03 6300 0779 新規事業開発部 デザイナー 佐々木 恒平 kouhei.sasaki@nazopel.jp FAX 03 6300 0556 景虎ビル 40F http://nazopel.jp/ NAZO PEL
  11. 11. ふーん Point 優先して 伝えたい事は何か。 あれもしたい、これもしたいでは 何も伝えられません。 しっかりコンセプトを最初に決めましょう。 判断に迷ったらコンセプトを思い出しましょう。
  12. 12. 何 で フ ォ ン ト を い ち い ち 選 ば な い と い け な い の ？
  13. 13. 使う書体は状況で変わる 伝わる書体を選ぶ。 easy to read by design デザインは私たちが作る全てのものの中にあるが、それは工芸、科学、物語、プロバガンダ、 及び哲学のミックスの間に存在する。グッドデザイン イズ グッドビジネス。デザインの基 本的な役割は、問題の解決者であるということ。 タイトルや小見出しは、全体の内容を理解す る上で重要な役割を果たします。小見出しは、 セクションを明確にすることも出来るので視 認性や情報の伝播力、興味や関心を高めるこ とができます。 伝わる小見出しの秘密 デザインは私たちが作る全てのものの中にあるが、それは工芸、科学、物語、プロバガンダ、 及び哲学のミックスの間に存在する。グッドデザイン イズ グッドビジネス。デザインの基 本的な役割は、問題の解決者であるということ。 デザインは私たちが作る全てのものの中にあるが、それは 工芸、科学、物語、プロバガンダ、及び哲学のミックスの 間に存在する。デザインは私たちが作る全てのものの中に あるが、それは工芸、科学、物語、プロバガンダ、及び哲 学のミックスの間に存在する。デザインは私たちが作る全 てのものの中にあるが、それは工芸、科学、物語、プロバ ガンダ、及び哲学のミックスの間に存在する。 見出しは見やすい書体を。 じっくり読んでもらう長い文章には、細い 書体が向いています。太いフォントで長い文 章を書くと圧迫感や緊張感が出てしまうの で、可読性や持続性が下がります。 文章は読みやすい書体を。
  14. 14. ふーん Point 書体選びは 文字の見やすさと 読みやすさが重要。 簡単に言ってしまえば、 ゴシック体は可視性が高く見やすいので、見出し向きです。 明朝体は可読性が高く読みやすいので、文章に向いています。 新聞が良い例ですね。
  15. 15. デ ザ イ ナ ー に ロ ゴ を 提 案 し て も ら っ た ら な ん だ か 全 部 良 く 見 え ち ゃ う ん だ け ど ？
  16. 16. 商品のロゴ、覚えていますか？ お い し い 牛 乳 お い し い 牛 乳 お い し い 牛 乳 A B C D
  17. 17. B ネーミングの堂々とした感じを明解な色調で表現。 牛乳の安全を伝える清潔感。 学校給食に代表される大衆的な飲み物であることを 伝える正当性。 商品が持つメッセージをシンプルながらも的確に伝 えているロゴです。 （当たり前ですが）そのまま書体を使っているわけ ではないと思いますが、「楷書体」です。 良いロゴには伝わるものがある 簡単そうなものほど、奥が深いです。
  18. 18. （上記では少し乱暴に扱ってますが）左側のロゴは文字の間の余白を適度に持つ ことで、文字に緊張を与えて、高級感や繊細さを出しているのに対して、右側の ロゴは丸みや文字をくっ付けたり、斜体にすることで親近感、躍動感を出してい ます。ロゴは誰に一番見て欲しいか（ターゲット）や企業の思想（コーポレート アイデンティティ）を表していなければなりません。 良いロゴには伝わるものがある
  19. 19. 日本人なら見慣れたシンプルなロゴですが、食欲をそそる赤の半円は「いつも 人の口に（清潔な白い文字の）日清の食事が入る」「ラーメンの丼ぶり」「日清食 品を食べていつも笑顔」「社会を円とするなら、その半分を日清が担いたい」と様々 な意味が込められてます。 良いロゴには深い意味がある 込められた意味が企業やサービスのブランドになります。
  20. 20. ふーん Point そのロゴは 本当に本質を 捉えているか？ かなり修正の難易度が高い場所なので、 何度も何度も見直しましょう。 良いロゴを作ったときの嬉しさは一生モノです。
  21. 21. 色 を 適 当 に つ け た ら ダ サ く な っ た ん だ け ど ？
  22. 22. 使用する色を３色に絞る ベースカラー メインカラー 70％ 25％ 5％ アクセントカラー 必ず 3 色でなければいけないということでは無いんですが、色を増やせば 増やすほどまとめるのが難しくなるので、配色に自身が無い人は無理に多様 しなくても良いと思います。
  23. 23. 最初にメインカラーから決める メインカラー 25％ サービスの意味を為す色なので、基本的にはハッキリ とした濃い色（明度が低い色）が選ばれやすいですが、 ロゴなどでも使用する確率が高いため、 後々変えにくいため色の意味が非情に重要です。 「なんで青なの？」 「清潔感と安心感を表現するサイトだからです！」 メインカラーは作ったデザイナーにしっかり聞いておきましょう。
  24. 24. 次にベースカラーを決める Web だと背景などで使用するケースが多いので、白や薄い色（明度が高い色） が使いやすいと思います。明確な理由が無ければ、無彩色かメインカラーの 明度を上げた色を使うのが無難です。 ベースカラー 70％
  25. 25. 最後にアクセントカラーを決める メインカラーと色相が対比になるような色を選びましょう。 色相環（右図）を用いて色の位置が分かると言うことは、 配色を説明する際に、スムーズに行えるメリットがあります。 メインカラー アクセントカラー 5％ アクセントカラー 色相環 CMYK
  26. 26. ふーん Point その色彩に 理由はあるか？ パターンは無限なのですが、 無限であるがゆえに、理由は必要です。 理由がないと選びきれません。
  27. 27. 写 真 の 選 定 に 自 信 が な い ん だ け ど ？
  28. 28. 写真素材の判断基準 大 事 な 人 に ふ る さ と の お 米 を た べ て ほ し く て 連 れ て き ち ゃ い ま し た お い し い 日 本 の お 米 ウッチー好きだけどドイツなんてお金も無いし仕 事(学校)もあるしぃ。。結婚はしたいけどそん な簡単に行けないよぉう (́･_･`) ってゆーそこの あなたへ。ウッチー好きだけどドイツなんてお金 も無いし仕事 (学校 )もあるしぃ。。結婚はした いけどそんな簡単に行けないよぉう (́･_･`)って ゆーそこのあなたへ。ウッチー好きだけどドイツ なんてお金も無いし仕事 ( 学校 ) もあるしぃ。。 結婚はしたいけどそんな簡単に行けないよぉう (́･_･`) ってゆーそこのあなたへ。ウッチー好き だけどドイツなんてお金も無いし仕事 ( 学校 )も あるしぃ。。結婚はしたいけどそんな簡単に行け 広告を見た時にまず人の眼に視線が誘導されることが多く、 視線の近くにコピーを置くのはセオリーだったりします。 上海なら夜景、カナダなら雪山など、その土地をひと目で分かる場所だと良いです 外した写真は狙った上でやらないと、だいたい笑えないギャグになります 覚えてもらわないと意味が無いです 印象に残りやすい写真 コピーで謳われている内容に合う写真 風景の写真は特徴を最も表す写真 モデルの写真は視線の先がある写真
  29. 29. ふーん Point 訴求する点を 理解して 選んでるか？ 見た人の印象にズレはないか、 目的を的確に表している写真か …は、勿論なのですが、 意外と勘違いしたまま進んでしまうケースも多々あります。 周りにも意見をきちんと聞いて見ましょう。
  30. 30. ざっくり基本だけでしたね。 デザインで最も重要なこと コントラストが重要 簡単な書体の選び方 良いロゴの見方 簡単な色の選び方 写真素材の選び方 伝えること。 伝えることの優先順位。 見やすさと読みやすさで選ぶ。 本質を捉える。 色彩の理由を考える。 訴求する点を理解する。 CHECK
  31. 31. 結局、何が「デザインの判断」で重要かというと・・・ ちゃんと伝わってますかね・・・ いつも不安です・・・
  32. 32. そのデザインは、 表現に触れた人を幸せにしたか？ 実は、意外と本質的な部分をデザイナーは常に考えているので、 デザイナーとデザインの話をする機会を増やしてみてはいかがでしょうか ? I don't think that design needs theory, but I think designers need theory. Johanna Drucker デザインにセオリーは必要ないが、デザイナーには理論が必要だ。
  33. 33. Thank you! @CHINNEN_no3 sasaki.kouhei.1 ご 感 想 、 ご 質 問 は こ ち ら ま で

×