﹁ 共ど殺到する批判                                       ﹁    的 ﹁も                                                 広感 おは上 通な      ...
見た目の良さだけをデザ ンと           イ しないユーザ 対 デザ ン        イ   を考えよう
伝わる!        仕掛け! さぶる           る 揺 !広告 はいかに人に影響を与え ?が勝負  と           るか
自己紹介       秋葉秀樹(あきば・ひでき)       フリーランスのデザイナー/       株式会社インヴォーグ外部CTO兼テクニカルアドバイザー       (社内クリエイティブチームの育成強化および技術研究)       企画営業...
実績(スマートフォンアプリケーション)Ikesuhttps://play.google.com/store/apps/details?id=air.jp.co.brilliantservice.TouchAquarium2
批判される イ から     デザ ン学べる のとは何か   も     ?何が良いデザインで何が悪いデザインなのか?
どうしたユニクロ!?ひどすぎる新聞広告に心配の声まで!まとめビッグカメラと「ビックロ」という新しいコラボショップをつくったユニクロは、広告までビッグカメラ化してしまったんだろうか? 朝から絶叫みたいな、悲鳴みたいな新聞広告。売れてないんだろうか...
どうしたユニクロ!?            ひどすぎる新聞広告に心配の声まで!私たちの美的感覚は            まとめ            ビッグカメラと「ビックロ」という新しいコラボショップをつくったユユーザにとって        ...
!?
思い切った攻めのアプローチユーザは美的セ ス       ン に心を奪われる ろ か                だ う ?            http://saladplanet.sakura.ne.jp/sblo_files/id-da...
受験生というユーザ属性の心境に対し「 から 上 目線」         が巧妙                          東進ハイスクール     「お金を払 て だ る          っ く さ お客様」             ...
殺到する批判と     15億円の     約    経済効果平城遷都1300年祭マスコットキャラクター「せんとくん」
いつまでもユルくいてほしいデザイ と て変なプラ ドは捨てるこ も必要ではないか   ナー し    イ      と
美し もカッ 良 もない彼らは                                       く   コ く                                     いつも   誰かを癒し             ...
海外のデザ ンは  イ美しい…が海外は日本のサブカルチャーを見ている
そのデザイ は        ン   ユーザを見ているか!            ?見た目の良さ(美しさ) デザイ の質と等価で考え とは時と てリ キー           を   ン        るこ   し ス
伝わる!                  対ク イ                    ラ アント対ユーザと対ク イ ト       ラ アン の違い            何が素人的意見か? 何が専門的意見か?
「伝わる イ は    デザ ン」ヒ リ グ すでに始ま ている ア ン から    っ 発注担当者      プロ ーサー 営業              デュ  ・     デザイナー (ク イ ン )   ラ ア ト     (社内スタ ...
経営者 (ク イ ト   ラ アン )                 はユーザを見ているデザ ナー ユ  イ よ、 ーザを見ているか?見れるはずがない。             入社し本当にペルソナをやりたければ  てマーケに入るか店頭で接客...
プロ ーサー 営業                              デュ  ・                             (社内スタ フ)                                  ッ カスタマー...
複数案のデザ ン提出      イ複数案とは本来、質の良いチャレンジのはずだが…         ち っ イ ージが          ょ とメ          湧かな ら              いか          適当に2,3案 だ...
何が違 ?           う        ち っ イ ージが         ょ とメ                  リサーチの結果         湧かな ら             いか               方向性が3つ...
私たちの責任です                          すいません…                          決めきれな なっ …                               く て   ち っ イ ージが...
ク イ ト 上 ラ アン と 下関係をつ らない努力             く  メールの無駄なあいさつ、 く             へり だった表現、                     冗長な長文  意見を言え ダ       る、...
伝わる!   何を使って伝え ?       技術と イ              るか          デザ ンを       一体で考え こ と            る と は? デザ ン   イ と様々なデバイ と          ...
body {   font-family: "FOT-マティス Pro M";    -webkit-writing-mode: vertical-rl;}h1 {    font-size :200pt;    font-weight: no...
<p class="tate">平成<span>25</span>年3月<span>16</span>日</p>.tate {   -webkit-writing-mode: vertical-rl;}span {   -webkit-text...
text-combine-horizontal: digits 2          平       平          成       成          25      25          年       年   text-comb...
情報資産        <h1> 記事 </h1>                   記事   記事見た目、 イ ウ は違え 伝える情報内容は共通   レ アト     ど
媒体ごとに違う顧客性東京モ レー   ノ ル    山手線同じ都内でも両沿線の特徴は全く違う
媒体別の活かし方一回きり勝負の   育てることができるコ ンツ ンテ        コ ンツ             ンテ
たっ 一回で             た 対ク イ ン   ラ ア ト   成功を望まない           モデルを形成する失敗が活かせ フ ー バッ をも に育て こ ができ      る、ィ ド ク と     ると    る
Webデザ ンは視覚的伝達のみで考えない     イ  イ タラ ィ   ン クテ ブ「ユーザとの対話」 状況に応じ         で     る「機能のデザ ン      イ 」
“Design is not just what it looks like and feels like.             Design is how it works.”   デザ ン は単にど 見え     イ と    う るか...
DTP       Webデザ ンカ  イ ンプありがちな失敗    これら、実はす 可能であ            べて      本文が「マティス」のカンプ るフ ン 周 ォ ト り   こだわった文字詰め         9∼10級(6∼...
(エロ)デザ ナー 、ょっとだけズル なれ  イ よち        く広告は時 し 「攻め る と 大事、 し    とて    」こ も    ダマ て相手を幸せにすればそれは悪いこ ではない                        ...
共ど                        ん                       通デ                        な                       し                     ...
しあわ     しかけユ に幸せを仕掛る イ ! ーザ      デザ ンを   END今日はあ が う    り と ござい し !           ま た         秋葉 秀樹
伝わる!デザインのつくりかた
Upcoming SlideShare
Loading in...5
×

伝わる!デザインのつくりかた

3,518

Published on

2013年3月16日、青森で行われたDTP Boosterで発表したスライドです。

Published in: Design
1 Comment
32 Likes
Statistics
Notes
No Downloads
Views
Total Views
3,518
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
22
Comments
1
Likes
32
Embeds 0
No embeds

No notes for slide

伝わる!デザインのつくりかた

  1. 1. ﹁ 共ど殺到する批判 ﹁ 的 ﹁も 広感 おは上 通な 攻は や告覚 金 めと ん な を 時存払 どか し デ ﹂ し在 っ てら て ザ る く だ目 こ てし さ 言 え イ る る ン と なお線 こ で と も 秋葉 秀樹 様 も 大 い客﹂ 望まないたっ 一回で ﹂! 事 DTP Booster 038 powerd by WDHA た 仕掛け! さぶる る 揺成功 ク イ ト ラ アン をモデルを形成する 対 そのデザイ は ン育てることができ 普通は採用案がカ コいいはずだが… ユーザを見ているか! る ッ コ ンツ ンテデザ ナー イ よ デザ ナー 、ょっとだけズル なれ イ よち く良き ので も も批判 れる Webばかりが媒体ではない 思い切った攻めのアプローチ さ覚悟があ か! ユーザは美的セ ス る ? ン に心を奪われる ろ か だ う ?
  2. 2. 見た目の良さだけをデザ ンと イ しないユーザ 対 デザ ン イ を考えよう
  3. 3. 伝わる! 仕掛け! さぶる る 揺 !広告 はいかに人に影響を与え ?が勝負 と るか
  4. 4. 自己紹介 秋葉秀樹(あきば・ひでき) フリーランスのデザイナー/ 株式会社インヴォーグ外部CTO兼テクニカルアドバイザー (社内クリエイティブチームの育成強化および技術研究) 企画営業・DTP・グラフィックデザイン・ Webフロントエンド全般・Flashゲーム開発・ 3DCGモデリング・Webディレクター執筆書籍
  5. 5. 実績(スマートフォンアプリケーション)Ikesuhttps://play.google.com/store/apps/details?id=air.jp.co.brilliantservice.TouchAquarium2
  6. 6. 批判される イ から デザ ン学べる のとは何か も ?何が良いデザインで何が悪いデザインなのか?
  7. 7. どうしたユニクロ!?ひどすぎる新聞広告に心配の声まで!まとめビッグカメラと「ビックロ」という新しいコラボショップをつくったユニクロは、広告までビッグカメラ化してしまったんだろうか? 朝から絶叫みたいな、悲鳴みたいな新聞広告。売れてないんだろうか・・?そうそうほんとにユニクロはビックカメラといっしょになってから広告がただのスーパーの安売りチラシみたくなった。クライアントの指示なのか製作者のセンスなのかを知りたい気分。ユニクロの新聞広告。不快感しか感じられない。ユニクロのキチガイじみた広告に朝からドン引きどうでもいいけど今日付けの新聞に載ってるユニクロの広告最高にセンスないと思う(一部抜粋)http://matome.naver.jp/odai/2135355820375056401
  8. 8. どうしたユニクロ!? ひどすぎる新聞広告に心配の声まで!私たちの美的感覚は まとめ ビッグカメラと「ビックロ」という新しいコラボショップをつくったユユーザにとって ニクロは、広告までビッグカメラ化してしまったんだろうか? 朝から 絶叫みたいな、悲鳴みたいな新聞広告。売れてないんだろうか・・? そうそうほんとにユニクロはビックカメラといっしょになってから広告 がただのスーパーの安売りチラシみたくなった。 クライアントの指示なのか製作者のセンスなのかを知りたい気分。正し ? いか ユニクロの新聞広告。不快感しか感じられない。 ユニクロのキチガイじみた広告に朝からドン引き どうでもいいけど今日付けの新聞に載ってるユニクロの広告最高にセン スないと思う (一部抜粋) http://matome.naver.jp/odai/2135355820375056401
  9. 9. !?
  10. 10. 思い切った攻めのアプローチユーザは美的セ ス ン に心を奪われる ろ か だ う ? http://saladplanet.sakura.ne.jp/sblo_files/id-days2/2009/ hongkong09.1120467.JPG
  11. 11. 受験生というユーザ属性の心境に対し「 から 上 目線」 が巧妙 東進ハイスクール 「お金を払 て だ る っ く さ お客様」 ではない僕はキ にとっ 大切なんだよ! ミ て
  12. 12. 殺到する批判と 15億円の 約 経済効果平城遷都1300年祭マスコットキャラクター「せんとくん」
  13. 13. いつまでもユルくいてほしいデザイ と て変なプラ ドは捨てるこ も必要ではないか ナー し イ と
  14. 14. 美し もカッ 良 もない彼らは く コ く いつも 誰かを癒し どこかで ているかもしれないhttp://blogs.yahoo.co.jp/sawarenja 僕らのヒーロー
  15. 15. 海外のデザ ンは イ美しい…が海外は日本のサブカルチャーを見ている
  16. 16. そのデザイ は ン ユーザを見ているか! ?見た目の良さ(美しさ) デザイ の質と等価で考え とは時と てリ キー を ン るこ し ス
  17. 17. 伝わる! 対ク イ ラ アント対ユーザと対ク イ ト ラ アン の違い 何が素人的意見か? 何が専門的意見か?
  18. 18. 「伝わる イ は デザ ン」ヒ リ グ すでに始ま ている ア ン から っ 発注担当者 プロ ーサー 営業 デュ ・ デザイナー (ク イ ン ) ラ ア ト (社内スタ フ) ッ (あなた)
  19. 19. 経営者 (ク イ ト ラ アン ) はユーザを見ているデザ ナー ユ イ よ、 ーザを見ているか?見れるはずがない。 入社し本当にペルソナをやりたければ てマーケに入るか店頭で接客するべきそれが無理だからこそク アン ライ トの意見を重視するべき ン を判断する ポイ ト
  20. 20. プロ ーサー 営業 デュ ・ (社内スタ フ) ッ カスタマー 発注担当者 (ク イ ン ) ラ ア ト (ユーザ) デザイナー (あなた) プロとして プロとしてアドバイスできない領域 アドバイスできる領域
  21. 21. 複数案のデザ ン提出 イ複数案とは本来、質の良いチャレンジのはずだが… ち っ イ ージが ょ とメ 湧かな ら いか 適当に2,3案 だ い く さ 発注担当者
  22. 22. 何が違 ? う ち っ イ ージが ょ とメ リサーチの結果 湧かな ら いか 方向性が3つに分かれていて 適当に2,3案 だ い く さ 3案 だ い く さ発注担当者 発注担当者 我々が導かないといけない場合もある
  23. 23. 私たちの責任です すいません… 決めきれな なっ … く て ち っ イ ージが ょ とメ 湧かな ら いか 適当に2,3案 だ い く さ と 2,3案 だ い あ 、 くさ発注担当者 発注担当者 クラ アン イ トの悪口を言うのはやめま ょ し う
  24. 24. ク イ ト 上 ラ アン と 下関係をつ らない努力 く メールの無駄なあいさつ、 く へり だった表現、 冗長な長文 意見を言え ダ る、 メだしができ 一緒につ る る、 く
  25. 25. 伝わる! 何を使って伝え ? 技術と イ るか デザ ンを 一体で考え こ と る と は? デザ ン イ と様々なデバイ と ス の関係
  26. 26. body { font-family: "FOT-マティス Pro M"; -webkit-writing-mode: vertical-rl;}h1 { font-size :200pt; font-weight: normal; margin: 0;}p{ font-size :50pt; margin: 0; line-height: 1.2;}.motoya { font-family: "NudMotoyaMinchoStd-W6";}.iwata { font-family: "IwaGMinPro-Bd";}.ryumin { font-family: "Ryumin Bold KL JIS2004";} 協力:フォントプラス http://webfont.fontplus.jp/
  27. 27. <p class="tate">平成<span>25</span>年3月<span>16</span>日</p>.tate { -webkit-writing-mode: vertical-rl;}span { -webkit-text-combine: horizontal;}
  28. 28. text-combine-horizontal: digits 2 平 平 成 成 25 25 年 年 text-combine-mode: compress
  29. 29. 情報資産 <h1> 記事 </h1> 記事 記事見た目、 イ ウ は違え 伝える情報内容は共通 レ アト ど
  30. 30. 媒体ごとに違う顧客性東京モ レー ノ ル 山手線同じ都内でも両沿線の特徴は全く違う
  31. 31. 媒体別の活かし方一回きり勝負の 育てることができるコ ンツ ンテ コ ンツ ンテ
  32. 32. たっ 一回で た 対ク イ ン ラ ア ト 成功を望まない モデルを形成する失敗が活かせ フ ー バッ をも に育て こ ができ る、ィ ド ク と ると る
  33. 33. Webデザ ンは視覚的伝達のみで考えない イ イ タラ ィ ン クテ ブ「ユーザとの対話」 状況に応じ で る「機能のデザ ン イ 」
  34. 34. “Design is not just what it looks like and feels like. Design is how it works.” デザ ン は単にど 見え イ と う るか、 う感じ ど るかと う と い こ ではない。 デザ ン はど イ と う機能するかである。 Steven Paul Jobs
  35. 35. DTP Webデザ ンカ イ ンプありがちな失敗 これら、実はす 可能であ べて 本文が「マティス」のカンプ るフ ン 周 ォ ト り こだわった文字詰め 9∼10級(6∼7ポイント)と小さすぎる文字 大切な と こ は デザ ン 失敗と るか イ の 何を 複雑に入り組んだ回り込みテキスト処理 す ? を理解す こ である る と カテゴリやページごとに違いすぎるレイアウトレ アウ 周 イ ト り 円形でクリッピングマスクされたアイコン 右下寄せにオブジェクトを配置 多めの影や光彩エフェクト
  36. 36. (エロ)デザ ナー 、ょっとだけズル なれ イ よち く広告は時 し 「攻め る と 大事、 し とて 」こ も ダマ て相手を幸せにすればそれは悪いこ ではない と
  37. 37. 共ど ん 通デ な し て ザEnvironmental Design環境デザイン 言 え イ る ン こ で と もProduct Designプロダクトデザイン
  38. 38. しあわ しかけユ に幸せを仕掛る イ ! ーザ デザ ンを END今日はあ が う り と ござい し ! ま た 秋葉 秀樹
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×