SlideShare une entreprise Scribd logo
1  sur  20
Télécharger pour lire hors ligne
2014/05/10
WordBench神戸
Cherry Pie Web 川井昌彦
「フォントはしゃべる」というお話
2
自己紹介
●川井昌彦(かわいまさひこ)@sakuragi_kei
 東京の制作会社で24年間勤めた後、
 京都府舞鶴市に帰郷してフリーランスで活動中
 実は、DTPのほうが経験が長いです
  (このスライドも InDesign で作っています)
 実は、MovableTypeのほうが経験が長いです
 小桜インコ・シロハラインコ・黒い柴犬のパパ
 Cherry Pie Web http://www.cherrypieweb.com
3
これからお見せするのは、
       「葬儀会社」のWebサイトのイメージ画像です。
4
来
年
も
ま
た
一
緒
に
こ
の
景
色
を
見
に
来
よ
う
5
夫が妻に話しかけているイメージが、「葬儀」と重なることで、
    特にご結婚されて長い方は、
       胸にグッとくるのではないかと思います。
6
ではここで、右の文字のフォントを変えてみましょう。
7
来
年
も
ま
た
一
緒
に
こ
の
景
色
を
見
に
来
よ
う
8
「あれ? あまり、胸にグッと来ないな・・・」
                と感じませんか?
ちなみに最初のフォントは「ヒラギノ明朝」
先ほどのフォントは「ヒラギノ角ゴ」です。
・・・さらにフォントを変えてみましょう
9
来
年
も
ま
た
一
緒
に
こ
の
景
色
を
見
に
来
よ
う
10
「なんか、安っぽいな・・・」
    と思われる方もいらっしゃるかもしれません
葬儀の厳かな雰囲気がなく、
  祭壇がプラスチック製なんじゃないか? とか、
            ちょっと不安になってきます。
使用フォントは「MSゴシック」です
※MSゴシックをdisってるわけじゃありません。
 あくまで「このシチュエーションに合わない」と言っているだけです
11
では次に、写真のほうを変えてみましょう。
フォントは、
 さきほどはあまり胸にグッと来なかった「ヒラギノ角ゴ」にして、
                     写真を変えてみます。
12
来
年
も
ま
た
一
緒
に
こ
の
景
色
を
見
に
来
よ
う
13
何か、青春の1ページになってしまいました。
もう大人になってしまった方は、昔を思い出して、
  先ほどとは違う意味で「胸にグッとくる」のではないでしょうか?
14
来
年
も
ま
た
一
緒
に
こ
の
景
色
を
見
に
来
よ
う
15
あれ? ずいぶん感じが変わりましたね。
先ほどは、男の子が「見に来よう」って言ってたのに、
 今度は、女の子が「見に来よう」って言ってるように感じます。
使用フォントは「うずらフォント」です
16
来
年
も
ま
た
一
緒
に
こ
の
景
色
を
見
に
来
よ
う
17
どうでしょう?
 うちの柴犬がしゃべっているみたいに感じませんか?
    まるで、声が聞こえてくるような、
            そんな感じがしないでしょうか?
使用フォントは「じゃんけん」です
18
    みなさんには、もう、フォントの「声」が聞こえますよね?
来
年
も
ま
た
一
緒
に
こ
の
景
色
を
見
に
来
よ
う
来
年
も
ま
た
一
緒
に
こ
の
景
色
を
見
に
来
よ
う
来
年
も
ま
た
一
緒
に
こ
の
景
色
を
見
に
来
よ
う
来
年
も
ま
た
一
緒
に
こ
の
景
色
を
見
に
来
よ
う
19
  今度フォントを選ぶときは、
     ぜひ、その「声」に
        耳を傾けてみてください。
20
  ご清聴ありがとうございました。

Contenu connexe

Tendances

WordCamp Kyoto 2017「縁結びの聖地でWordPressと恋に落ちたテーマ制作者の話」
WordCamp Kyoto 2017「縁結びの聖地でWordPressと恋に落ちたテーマ制作者の話」WordCamp Kyoto 2017「縁結びの聖地でWordPressと恋に落ちたテーマ制作者の話」
WordCamp Kyoto 2017「縁結びの聖地でWordPressと恋に落ちたテーマ制作者の話」LIQUID DESIGN Ltd.
 
南実業会Webサイト開設について
南実業会Webサイト開設について南実業会Webサイト開設について
南実業会Webサイト開設についてCherry Pie Web
 
Yat-wbnara201602
Yat-wbnara201602Yat-wbnara201602
Yat-wbnara201602YAT blog
 
Webディレクターとして word pressを提案するときに考えること + 運用
Webディレクターとして word pressを提案するときに考えること + 運用Webディレクターとして word pressを提案するときに考えること + 運用
Webディレクターとして word pressを提案するときに考えること + 運用Junzo Matunoo
 
新入生歓迎LT祭り2014
新入生歓迎LT祭り2014新入生歓迎LT祭り2014
新入生歓迎LT祭り2014Azusa Uezu
 
concrete5 CMS FES 2016(CMS夏祭り2016)
concrete5 CMS FES 2016(CMS夏祭り2016)concrete5 CMS FES 2016(CMS夏祭り2016)
concrete5 CMS FES 2016(CMS夏祭り2016)Kazuhiro Matsuda
 
2015年のWebを考える
2015年のWebを考える2015年のWebを考える
2015年のWebを考えるkenji goto
 
Designer Meets Bootstrap(22th Knock!)
Designer Meets Bootstrap(22th Knock!)Designer Meets Bootstrap(22th Knock!)
Designer Meets Bootstrap(22th Knock!)Yasuhito Yabe
 
第10回ゼロからはじめるWordPress勉強会(初心者向け)
第10回ゼロからはじめるWordPress勉強会(初心者向け)第10回ゼロからはじめるWordPress勉強会(初心者向け)
第10回ゼロからはじめるWordPress勉強会(初心者向け)kenji goto
 
テーマ・プラグイン開発の光と闇 #wctokyo
テーマ・プラグイン開発の光と闇 #wctokyoテーマ・プラグイン開発の光と闇 #wctokyo
テーマ・プラグイン開発の光と闇 #wctokyoHidekazu Ishikawa
 
Lightning ✕ ExUnit の開発背景と設計思想
Lightning ✕ ExUnit の開発背景と設計思想Lightning ✕ ExUnit の開発背景と設計思想
Lightning ✕ ExUnit の開発背景と設計思想Hidekazu Ishikawa
 
フリーランスに必要な “リサーチスキル”と仕事の作り方
フリーランスに必要な “リサーチスキル”と仕事の作り方フリーランスに必要な “リサーチスキル”と仕事の作り方
フリーランスに必要な “リサーチスキル”と仕事の作り方kenji goto
 
サービス業から学んだコミュニケーションのコツ
サービス業から学んだコミュニケーションのコツサービス業から学んだコミュニケーションのコツ
サービス業から学んだコミュニケーションのコツYumi Masaki
 
BizVektorに見る汎用テンプレートの設計思想
BizVektorに見る汎用テンプレートの設計思想BizVektorに見る汎用テンプレートの設計思想
BizVektorに見る汎用テンプレートの設計思想Hidekazu Ishikawa
 
自分のこれからについて語るときに僕の語ること Webディレクターのための弁証法入門-
自分のこれからについて語るときに僕の語ること  Webディレクターのための弁証法入門-自分のこれからについて語るときに僕の語ること  Webディレクターのための弁証法入門-
自分のこれからについて語るときに僕の語ること Webディレクターのための弁証法入門-Hiroshi Kato
 
WordCamp Tokyo 2015 リアルフォーラム
WordCamp Tokyo 2015 リアルフォーラムWordCamp Tokyo 2015 リアルフォーラム
WordCamp Tokyo 2015 リアルフォーラムHajime Ogushi
 
『ライターと制作者のメディアの作り方』WordCamp Tokyo2015
『ライターと制作者のメディアの作り方』WordCamp Tokyo2015『ライターと制作者のメディアの作り方』WordCamp Tokyo2015
『ライターと制作者のメディアの作り方』WordCamp Tokyo2015Hiroki Saiki
 
ウェブ制作者のためのセルフブランディング
ウェブ制作者のためのセルフブランディングウェブ制作者のためのセルフブランディング
ウェブ制作者のためのセルフブランディングHidekazu Ishikawa
 
MTDDC Meetup NAGOYA 2014_LT資料
MTDDC Meetup NAGOYA 2014_LT資料MTDDC Meetup NAGOYA 2014_LT資料
MTDDC Meetup NAGOYA 2014_LT資料Yasufumi Nishiyama
 
WordPressカスタム投稿とカスタム分類を使ってみよう
WordPressカスタム投稿とカスタム分類を使ってみようWordPressカスタム投稿とカスタム分類を使ってみよう
WordPressカスタム投稿とカスタム分類を使ってみようkenji goto
 

Tendances (20)

WordCamp Kyoto 2017「縁結びの聖地でWordPressと恋に落ちたテーマ制作者の話」
WordCamp Kyoto 2017「縁結びの聖地でWordPressと恋に落ちたテーマ制作者の話」WordCamp Kyoto 2017「縁結びの聖地でWordPressと恋に落ちたテーマ制作者の話」
WordCamp Kyoto 2017「縁結びの聖地でWordPressと恋に落ちたテーマ制作者の話」
 
南実業会Webサイト開設について
南実業会Webサイト開設について南実業会Webサイト開設について
南実業会Webサイト開設について
 
Yat-wbnara201602
Yat-wbnara201602Yat-wbnara201602
Yat-wbnara201602
 
Webディレクターとして word pressを提案するときに考えること + 運用
Webディレクターとして word pressを提案するときに考えること + 運用Webディレクターとして word pressを提案するときに考えること + 運用
Webディレクターとして word pressを提案するときに考えること + 運用
 
新入生歓迎LT祭り2014
新入生歓迎LT祭り2014新入生歓迎LT祭り2014
新入生歓迎LT祭り2014
 
concrete5 CMS FES 2016(CMS夏祭り2016)
concrete5 CMS FES 2016(CMS夏祭り2016)concrete5 CMS FES 2016(CMS夏祭り2016)
concrete5 CMS FES 2016(CMS夏祭り2016)
 
2015年のWebを考える
2015年のWebを考える2015年のWebを考える
2015年のWebを考える
 
Designer Meets Bootstrap(22th Knock!)
Designer Meets Bootstrap(22th Knock!)Designer Meets Bootstrap(22th Knock!)
Designer Meets Bootstrap(22th Knock!)
 
第10回ゼロからはじめるWordPress勉強会(初心者向け)
第10回ゼロからはじめるWordPress勉強会(初心者向け)第10回ゼロからはじめるWordPress勉強会(初心者向け)
第10回ゼロからはじめるWordPress勉強会(初心者向け)
 
テーマ・プラグイン開発の光と闇 #wctokyo
テーマ・プラグイン開発の光と闇 #wctokyoテーマ・プラグイン開発の光と闇 #wctokyo
テーマ・プラグイン開発の光と闇 #wctokyo
 
Lightning ✕ ExUnit の開発背景と設計思想
Lightning ✕ ExUnit の開発背景と設計思想Lightning ✕ ExUnit の開発背景と設計思想
Lightning ✕ ExUnit の開発背景と設計思想
 
フリーランスに必要な “リサーチスキル”と仕事の作り方
フリーランスに必要な “リサーチスキル”と仕事の作り方フリーランスに必要な “リサーチスキル”と仕事の作り方
フリーランスに必要な “リサーチスキル”と仕事の作り方
 
サービス業から学んだコミュニケーションのコツ
サービス業から学んだコミュニケーションのコツサービス業から学んだコミュニケーションのコツ
サービス業から学んだコミュニケーションのコツ
 
BizVektorに見る汎用テンプレートの設計思想
BizVektorに見る汎用テンプレートの設計思想BizVektorに見る汎用テンプレートの設計思想
BizVektorに見る汎用テンプレートの設計思想
 
自分のこれからについて語るときに僕の語ること Webディレクターのための弁証法入門-
自分のこれからについて語るときに僕の語ること  Webディレクターのための弁証法入門-自分のこれからについて語るときに僕の語ること  Webディレクターのための弁証法入門-
自分のこれからについて語るときに僕の語ること Webディレクターのための弁証法入門-
 
WordCamp Tokyo 2015 リアルフォーラム
WordCamp Tokyo 2015 リアルフォーラムWordCamp Tokyo 2015 リアルフォーラム
WordCamp Tokyo 2015 リアルフォーラム
 
『ライターと制作者のメディアの作り方』WordCamp Tokyo2015
『ライターと制作者のメディアの作り方』WordCamp Tokyo2015『ライターと制作者のメディアの作り方』WordCamp Tokyo2015
『ライターと制作者のメディアの作り方』WordCamp Tokyo2015
 
ウェブ制作者のためのセルフブランディング
ウェブ制作者のためのセルフブランディングウェブ制作者のためのセルフブランディング
ウェブ制作者のためのセルフブランディング
 
MTDDC Meetup NAGOYA 2014_LT資料
MTDDC Meetup NAGOYA 2014_LT資料MTDDC Meetup NAGOYA 2014_LT資料
MTDDC Meetup NAGOYA 2014_LT資料
 
WordPressカスタム投稿とカスタム分類を使ってみよう
WordPressカスタム投稿とカスタム分類を使ってみようWordPressカスタム投稿とカスタム分類を使ってみよう
WordPressカスタム投稿とカスタム分類を使ってみよう
 

「フォントはしゃべる」というお話