SlideShare uma empresa Scribd logo
1 de 39
Baixar para ler offline
﹁ 共ど
殺到する批判                                       ﹁    的 ﹁も
                                                 広感 おは

上 通な                                         攻は や告覚 金
                                             めと
   ん                                              な   を
                                               時存払
                                                  ど

か   し デ
                                             ﹂ し在
                                                      っ
                                                      て

ら   て ザ                                      る
                                                      く
                                                      だ


目                                            こ   てし
                                                      さ
    言
    え イ
                                                      る


    る ン
                                             と    なお
線   こ で
    と も
                      秋葉 秀樹
                                   様
                                             も
                                             大
                                                  い客
﹂ 望まない
たっ 一回で                             ﹂!        事
            DTP Booster 038 powerd by WDHA
  た                          仕掛け! さぶる
                                る 揺
成功
           ク イ ト
            ラ アン
    を
モデルを形成する 対                 そのデザイ は
                                 ン
育てることができ 普通は採用案がカ コいいはずだが… ユーザを見ているか!
        る        ッ
 コ ンツ
  ンテ
デザ ナー
  イ よ   デザ ナー 、ょっとだけズル なれ
          イ よち        く
良き ので
  も も批判 れる Webばかりが媒体ではない 思い切った攻めのアプローチ
       さ
覚悟があ か! ユーザは美的セ ス
    る ?        ン に心を奪われる ろ か
                        だ う ?
見た目の良さだけをデザ ンと
           イ しない


ユーザ 対 デザ ン
        イ
   を考えよう
伝わる!
        仕掛け! さぶる
           る 揺 !
広告 はいかに人に影響を与え ?が勝負
  と           るか
自己紹介
       秋葉秀樹(あきば・ひでき)

       フリーランスのデザイナー/
       株式会社インヴォーグ外部CTO兼テクニカルアドバイザー
       (社内クリエイティブチームの育成強化および技術研究)

       企画営業・DTP・グラフィックデザイン・
       Webフロントエンド全般・Flashゲーム開発・
       3DCGモデリング・Webディレクター



執筆書籍
実績(スマートフォンアプリケーション)




Ikesu
https://play.google.com/store/apps/details?id=
air.jp.co.brilliantservice.TouchAquarium2
批判される イ から
     デザ ン
学べる のとは何か
   も     ?
何が良いデザインで何が悪いデザインなのか?
どうしたユニクロ!?
ひどすぎる新聞広告に心配の声まで!
まとめ
ビッグカメラと「ビックロ」という新しいコラボショップをつくったユ
ニクロは、広告までビッグカメラ化してしまったんだろうか? 朝から
絶叫みたいな、悲鳴みたいな新聞広告。売れてないんだろうか・・?
そうそうほんとにユニクロはビックカメラといっしょになってから広告
がただのスーパーの安売りチラシみたくなった。
クライアントの指示なのか製作者のセンスなのかを知りたい気分。

ユニクロの新聞広告。不快感しか感じられない。

ユニクロのキチガイじみた広告に朝からドン引き

どうでもいいけど今日付けの新聞に載ってるユニクロの広告最高にセン
スないと思う

(一部抜粋)

http://matome.naver.jp/odai/2135355820375056401
どうしたユニクロ!?
            ひどすぎる新聞広告に心配の声まで!


私たちの美的感覚は
            まとめ
            ビッグカメラと「ビックロ」という新しいコラボショップをつくったユ




ユーザにとって
            ニクロは、広告までビッグカメラ化してしまったんだろうか? 朝から
            絶叫みたいな、悲鳴みたいな新聞広告。売れてないんだろうか・・?
            そうそうほんとにユニクロはビックカメラといっしょになってから広告
            がただのスーパーの安売りチラシみたくなった。
            クライアントの指示なのか製作者のセンスなのかを知りたい気分。




正し ?
  いか
            ユニクロの新聞広告。不快感しか感じられない。

            ユニクロのキチガイじみた広告に朝からドン引き

            どうでもいいけど今日付けの新聞に載ってるユニクロの広告最高にセン
            スないと思う

            (一部抜粋)

            http://matome.naver.jp/odai/2135355820375056401
!?
思い切った攻めのアプローチ




ユーザは美的セ ス
       ン に心を奪われる ろ か
                だ う ?
            http://saladplanet.sakura.ne.jp/sblo_files/id-days2/2009/
                           hongkong09.1120467.JPG
受験生
というユーザ属性の心境に対し

「 から
 上 目線」
         が巧妙


                          東進ハイスクール




     「お金を払 て だ る
          っ く さ お客様」
                   ではない

僕はキ にとっ 大切なんだよ!
   ミ   て
殺到する批判と
     15億円の
     約
    経済効果
平城遷都1300年祭マスコットキャラクター「せんとくん」
いつまでもユルくいてほしい
デザイ と て変なプラ ドは捨てるこ も必要ではないか
   ナー し    イ      と
美し もカッ 良 もない彼らは
                                       く   コ く
                                     いつも   誰かを癒し
                                        どこかで    ているかもしれない

http://blogs.yahoo.co.jp/sawarenja
                                     僕らのヒーロー
海外の
デザ ンは
  イ
美しい…が
海外は日本のサブカルチャーを見ている
そのデザイ は
        ン
   ユーザを見ているか!
            ?
見た目の良さ(美しさ) デザイ の質と等価で考え とは時と てリ キー
           を   ン        るこ   し ス
伝わる!
                  対ク イ
                    ラ アント
対ユーザと対ク イ ト
       ラ アン の違い

            何が素人的意見か? 何が専門的意見か?
「伝わる イ は
    デザ ン」
ヒ リ グ すでに始ま ている
 ア ン から    っ



 発注担当者      プロ ーサー 営業
              デュ  ・     デザイナー
 (ク イ ン )
   ラ ア ト     (社内スタ フ)
                  ッ     (あなた)
経営者
 (ク イ ト
   ラ アン )
                 はユーザを見ている


デザ ナー ユ
  イ よ、 ーザを見ているか?


見れるはずがない。
             入社し
本当にペルソナをやりたければ  てマーケに入るか店頭で接客するべき
それが無理だからこそ

ク アン
 ライ トの意見を重視するべき ン を判断する
               ポイ ト
プロ ーサー 営業
                              デュ  ・
                             (社内スタ フ)
                                  ッ




 カスタマー        発注担当者
              (ク イ ン )
                ラ ア ト
 (ユーザ)                        デザイナー
                               (あなた)



   プロとして                    プロとして
アドバイスできない領域              アドバイスできる領域
複数案のデザ ン提出
      イ
複数案とは本来、質の良いチャレンジのはずだが…




         ち っ イ ージが
          ょ とメ
          湧かな ら
              いか
          適当に2,3案 だ い
                 く さ

 発注担当者
何が違 ?
           う
        ち っ イ ージが
         ょ とメ                  リサーチの結果
         湧かな ら
             いか               方向性が3つに分かれていて
        適当に2,3案 だ い
               く さ               3案 だ い
                                   く さ

発注担当者                 発注担当者


          我々が導かないといけない場合もある
私たちの責任です
                          すいません…
                          決めきれな なっ …
                               く て
   ち っ イ ージが
    ょ とメ
    湧かな ら
        いか
   適当に2,3案 だ い
          く さ
                            と 2,3案 だ い
                           あ 、    くさ
発注担当者
                  発注担当者

                 クラ アン
                   イ トの悪口を言うのはやめま ょ
                                 し う
ク イ ト 上
 ラ アン と 下関係をつ らない努力
             く
  メールの無駄なあいさつ、 く
             へり だった表現、
                     冗長な長文




  意見を言え ダ
       る、 メだしができ 一緒につ る
                る、   く
伝わる!   何を使って伝え ?
       技術と イ
              るか
          デザ ンを
       一体で考え こ と
            る と は?

 デザ ン
   イ と様々なデバイ と
            ス の関係
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/
<p class="tate">平成<span>25</span>年3月<span>16</span>
日</p>




.tate {
   -webkit-writing-mode: vertical-rl;
}
span {
   -webkit-text-combine: horizontal;
}
text-combine-horizontal: digits 2




          平       平
          成       成
          25      25
          年       年
   text-combine-mode: compress
情報資産
        <h1> 記事 </h1>


                   記事
   記事




見た目、 イ ウ は違え 伝える情報内容は共通
   レ アト     ど
媒体ごとに違う顧客性


東京モ レー
   ノ ル    山手線


同じ都内でも両沿線の特徴は全く違う
媒体別の活かし方




一回きり勝負の   育てることができる
コ ンツ
 ンテ        コ ンツ
             ンテ
たっ 一回で
             た
 対ク イ ン
   ラ ア ト   成功を望まない
           モデルを形成する
失敗が活かせ フ ー バッ をも に育て こ ができ
      る、ィ ド ク と     ると    る
Webデザ ンは視覚的伝達のみで考えない
     イ
  イ タラ ィ
   ン クテ ブ
「ユーザとの対話」 状況に応じ
         で     る

「機能のデザ ン
      イ 」
“Design is not just what it looks like and feels like.
             Design is how it works.”

   デザ ン は単にど 見え
     イ と    う るか、 う感じ
                  ど  るかと う と
                        い こ ではない。
          デザ ン はど
            イ と う機能するかである。

                     Steven Paul Jobs
DTP       Web
デザ ンカ
  イ ンプありがちな失敗

    これら、実はす 可能であ
            べて
      本文が「マティス」のカンプ る
フ ン 周
 ォ ト り   こだわった文字詰め
         9∼10級(6∼7ポイント)と小さすぎる文字
    大切な と
       こ は
     デザ ン 失敗と るか
        イ の
   何を 複雑に入り組んだ回り込みテキスト処理
                   す ?
                 を理解す こ である
                      る と
         カテゴリやページごとに違いすぎるレイアウト
レ アウ 周
 イ ト り   円形でクリッピングマスクされたアイコン
         右下寄せにオブジェクトを配置
         多めの影や光彩エフェクト
(エロ)
デザ ナー 、ょっとだけズル なれ
  イ よち        く
広告は時 し 「攻め る と 大事、 し
    とて    」こ も    ダマ て相手を幸せにすればそれは悪いこ ではない
                                     と
共ど
                        ん
                       通デ
                        な
                       し
                       て ザ
Environmental Design
環境デザイン

                       言
                       え イ
                       る ン
                       こ で
                       と も
Product Design
プロダクトデザイン
しあわ     しかけ

ユ に幸せを仕掛る イ !
 ーザ      デザ ンを



   END
今日はあ が う
    り と ござい し !
           ま た
         秋葉 秀樹

Mais conteúdo relacionado

Mais procurados

【カスタマージャーニー型】ウェブ解析実践講座
【カスタマージャーニー型】ウェブ解析実践講座【カスタマージャーニー型】ウェブ解析実践講座
【カスタマージャーニー型】ウェブ解析実践講座
Akihiko Uchino
 

Mais procurados (6)

【カスタマージャーニー型】ウェブ解析実践講座
【カスタマージャーニー型】ウェブ解析実践講座【カスタマージャーニー型】ウェブ解析実践講座
【カスタマージャーニー型】ウェブ解析実践講座
 
サロンヘアカラー用ランプ
サロンヘアカラー用ランプサロンヘアカラー用ランプ
サロンヘアカラー用ランプ
 
新潟県村上市Facebook連続3回セミナーその2in山北商工会
新潟県村上市Facebook連続3回セミナーその2in山北商工会新潟県村上市Facebook連続3回セミナーその2in山北商工会
新潟県村上市Facebook連続3回セミナーその2in山北商工会
 
大阪府Facebookセミナー4時間:紀陽リースキャピタル主催
大阪府Facebookセミナー4時間:紀陽リースキャピタル主催大阪府Facebookセミナー4時間:紀陽リースキャピタル主催
大阪府Facebookセミナー4時間:紀陽リースキャピタル主催
 
素敵なプレゼン資料を作るためのKnow-Howてんこ盛りセッション:プレゼン道場 Ver 2.2
素敵なプレゼン資料を作るためのKnow-Howてんこ盛りセッション:プレゼン道場 Ver 2.2素敵なプレゼン資料を作るためのKnow-Howてんこ盛りセッション:プレゼン道場 Ver 2.2
素敵なプレゼン資料を作るためのKnow-Howてんこ盛りセッション:プレゼン道場 Ver 2.2
 
Startup Weekend in Japan 説明会資料
Startup Weekend in Japan 説明会資料Startup Weekend in Japan 説明会資料
Startup Weekend in Japan 説明会資料
 

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

「Rubyで描くビジネスモデル」池澤 一廣
「Rubyで描くビジネスモデル」池澤 一廣「Rubyで描くビジネスモデル」池澤 一廣
「Rubyで描くビジネスモデル」池澤 一廣
toRuby
 
25 トリック・カード
25 トリック・カード25 トリック・カード
25 トリック・カード
Kaigi Senden
 
第一回ワークショップ(チームEss)
第一回ワークショップ(チームEss)第一回ワークショップ(チームEss)
第一回ワークショップ(チームEss)
Megumi Saida
 
Gd seminar-goodfind-ito
Gd seminar-goodfind-itoGd seminar-goodfind-ito
Gd seminar-goodfind-ito
YUTAKA ITO
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409
schoowebcampus
 

Semelhante a 伝わる!デザインのつくりかた (20)

そのコマは回り続けるかそれとも倒れるか
そのコマは回り続けるかそれとも倒れるかそのコマは回り続けるかそれとも倒れるか
そのコマは回り続けるかそれとも倒れるか
 
A Lean UX Workshop
A Lean UX WorkshopA Lean UX Workshop
A Lean UX Workshop
 
「Rubyで描くビジネスモデル」池澤 一廣
「Rubyで描くビジネスモデル」池澤 一廣「Rubyで描くビジネスモデル」池澤 一廣
「Rubyで描くビジネスモデル」池澤 一廣
 
人を売ってモノを売るのか?⇔モノを売って人を売るのか?
人を売ってモノを売るのか?⇔モノを売って人を売るのか?人を売ってモノを売るのか?⇔モノを売って人を売るのか?
人を売ってモノを売るのか?⇔モノを売って人を売るのか?
 
WCK Meeting Vol.27「Webデザイナーの役目」
WCK Meeting Vol.27「Webデザイナーの役目」WCK Meeting Vol.27「Webデザイナーの役目」
WCK Meeting Vol.27「Webデザイナーの役目」
 
アジャイルジャーニー
アジャイルジャーニーアジャイルジャーニー
アジャイルジャーニー
 
Yasuhiko Tokunaga DevRel_meetup_201703
Yasuhiko Tokunaga DevRel_meetup_201703Yasuhiko Tokunaga DevRel_meetup_201703
Yasuhiko Tokunaga DevRel_meetup_201703
 
Jasa近畿セミナー「未来を描く4つの魔法」 20121024 maekawa
Jasa近畿セミナー「未来を描く4つの魔法」 20121024 maekawaJasa近畿セミナー「未来を描く4つの魔法」 20121024 maekawa
Jasa近畿セミナー「未来を描く4つの魔法」 20121024 maekawa
 
ET West 2012 P-1セッション
ET West 2012 P-1セッションET West 2012 P-1セッション
ET West 2012 P-1セッション
 
25 トリック・カード
25 トリック・カード25 トリック・カード
25 トリック・カード
 
それだ!感のある「コトバ」のつくりかた
それだ!感のある「コトバ」のつくりかたそれだ!感のある「コトバ」のつくりかた
それだ!感のある「コトバ」のつくりかた
 
山形県南陽市Facebookセミナー実践編in南陽市商工会
山形県南陽市Facebookセミナー実践編in南陽市商工会山形県南陽市Facebookセミナー実践編in南陽市商工会
山形県南陽市Facebookセミナー実践編in南陽市商工会
 
ブレークスルーキャンプ By IMJ キックオフイベント
ブレークスルーキャンプ By IMJ キックオフイベントブレークスルーキャンプ By IMJ キックオフイベント
ブレークスルーキャンプ By IMJ キックオフイベント
 
第一回ワークショップ(チームEss)
第一回ワークショップ(チームEss)第一回ワークショップ(チームEss)
第一回ワークショップ(チームEss)
 
若者のマインドシェア向上を目指すブランディングプロモーション
若者のマインドシェア向上を目指すブランディングプロモーション若者のマインドシェア向上を目指すブランディングプロモーション
若者のマインドシェア向上を目指すブランディングプロモーション
 
20120902インターネットへの個人の露出に関する一考察
20120902インターネットへの個人の露出に関する一考察20120902インターネットへの個人の露出に関する一考察
20120902インターネットへの個人の露出に関する一考察
 
第一回ワークショップ(チームEss)
第一回ワークショップ(チームEss)第一回ワークショップ(チームEss)
第一回ワークショップ(チームEss)
 
Gd seminar-goodfind-ito
Gd seminar-goodfind-itoGd seminar-goodfind-ito
Gd seminar-goodfind-ito
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409
 

Mais de Hideki Akiba

ぼっけもんデザイナーへの道
ぼっけもんデザイナーへの道ぼっけもんデザイナーへの道
ぼっけもんデザイナーへの道
Hideki Akiba
 
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Hideki Akiba
 

Mais de Hideki Akiba (15)

デザインエンジニア・ボーダーレスな時代を楽しもう!
デザインエンジニア・ボーダーレスな時代を楽しもう!デザインエンジニア・ボーダーレスな時代を楽しもう!
デザインエンジニア・ボーダーレスな時代を楽しもう!
 
ぼっけもんデザイナーへの道
ぼっけもんデザイナーへの道ぼっけもんデザイナーへの道
ぼっけもんデザイナーへの道
 
Webデザイナー、 Tesselに挑戦
Webデザイナー、 Tesselに挑戦Webデザイナー、 Tesselに挑戦
Webデザイナー、 Tesselに挑戦
 
Creative Cloud デザインツールの便利な8つの機能 - ADC MEETUP ROUND 08 SESSION2 -
Creative Cloud デザインツールの便利な8つの機能 - ADC MEETUP ROUND 08 SESSION2 -Creative Cloud デザインツールの便利な8つの機能 - ADC MEETUP ROUND 08 SESSION2 -
Creative Cloud デザインツールの便利な8つの機能 - ADC MEETUP ROUND 08 SESSION2 -
 
見た目以上に大事なこれからのデザイン
見た目以上に大事なこれからのデザイン見た目以上に大事なこれからのデザイン
見た目以上に大事なこれからのデザイン
 
HTML5のcanvas2Dアニメーションことはじめ(Webプラットフォーム勉強会 1307)
HTML5のcanvas2Dアニメーションことはじめ(Webプラットフォーム勉強会 1307)HTML5のcanvas2Dアニメーションことはじめ(Webプラットフォーム勉強会 1307)
HTML5のcanvas2Dアニメーションことはじめ(Webプラットフォーム勉強会 1307)
 
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKIデザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
 
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
 
Firefox OSアプリ 「ModeView」
Firefox OSアプリ 「ModeView」Firefox OSアプリ 「ModeView」
Firefox OSアプリ 「ModeView」
 
DesignersHack002 presentation
DesignersHack002 presentationDesignersHack002 presentation
DesignersHack002 presentation
 
HTML5 APIを使ったデモとソースの解説
HTML5 APIを使ったデモとソースの解説HTML5 APIを使ったデモとソースの解説
HTML5 APIを使ったデモとソースの解説
 
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
 
HTML5でできるカメラアプリを実際に体験しよう
HTML5でできるカメラアプリを実際に体験しよう HTML5でできるカメラアプリを実際に体験しよう
HTML5でできるカメラアプリを実際に体験しよう
 
あのロゴあのパーツ、どんなグラフィックソフトで作ってるんだろう?/秋葉秀樹
あのロゴあのパーツ、どんなグラフィックソフトで作ってるんだろう?/秋葉秀樹あのロゴあのパーツ、どんなグラフィックソフトで作ってるんだろう?/秋葉秀樹
あのロゴあのパーツ、どんなグラフィックソフトで作ってるんだろう?/秋葉秀樹
 
Html5west
Html5westHtml5west
Html5west
 

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