SlideShare a Scribd company logo
1 of 16
Download to read offline
サラリーマンのための
フォントの話
2014-05-27 Atsushi Sano
自己紹介
• 佐野 篤
• シニアソフトウェアデベロッパー
• 「老害」と呼ばれないよう日々精進してるつも
り
今日話したいこと
• The Non-Designer s Design Bookより
• フォントの種類とか、選び方とか
フォント選び大事
• 人間の目は違いに敏感
• 違いを見つけると「なぜ違うのか」を考える
• 文書を作成するのにバランスのあったフォント
を選ぶことが大事
フォントの種類
• だいたい6つに大別できる
• OldStyle
• Modern
• Slab serif
• Sans serif
• Script
• Decorative
Oldstyle
• 高級感を出すとき
• 読ませる文章(新聞記事、ブログ記事)
Modern
• 注目させたいとき
• 冷たい感じ
Slab serif
• 離れても目立つ
• 絵本とか
Sans serif
• ひげなし
• 最近は細いのがはやり、Segoe UIとか
• エミュレータのフォントとか
Script
• ここぞ、というとき
• 長文はだめ
Decorative
• 雰囲気も伝えるときに
MS ゴシック
• 等幅フォント
• リコーさんがMicrosoftの依頼で作成
• 何度もバージョンアップしている
• 計表の印字に向いている(と思う)
• ウェブの書体としてはどうか?
サラリーマンのフォント
• デザイナじゃないので、そんなにこだわる必要はない
• MSゴシックは、よくできたフォントだけど、文章や罫
線を含んだフォーマット作成で用いるにはバランス悪
い(と思う)
• 見出しと本文の違いがつきにくい
• MS UI Gothicやメイリオ、Meiryo UIを使おう
• 事例紹介
まとめ
• 人間は違いに敏感
• フォント選び大事
• 正しいフォントを使わないと、内容を読んでもらえない
• MSゴシックは使いどころを考えた方がいい
• アルファベット、数字と相性のいいフォントを選ぶのが
ポイント
• The Non-Designer s Design Bookはいい本
• Amazon.co.jp: ノンデザイナーズ・デザインブッ
ク [フルカラー新装増補版]: Robin Williams, 吉
川 典秀: 本 http://amzn.to/1peN33n
まとめ
参考
• 「MSゴシック」、「MS明朝」についてのお
話 / フォント ¦ リコー http://bit.ly/1pc3Yne
• 書体の使い方|伝わるデザイン http://bit.ly/
1jTz1AX
• 資生堂書体「美と、あそびま書。」|資生堂 -
YouTube http://bit.ly/SJpPVJ

More Related Content

What's hot

箱根駅伝を10倍本気で楽しむ方法 - 2015
箱根駅伝を10倍本気で楽しむ方法 - 2015箱根駅伝を10倍本気で楽しむ方法 - 2015
箱根駅伝を10倍本気で楽しむ方法 - 2015Noriyuki Nonomura
 
これを読めば箱根駅伝が楽しくなる!
これを読めば箱根駅伝が楽しくなる!これを読めば箱根駅伝が楽しくなる!
これを読めば箱根駅伝が楽しくなる!Noriyuki Nonomura
 
Rspec、あなたならどう書く? 20190626
Rspec、あなたならどう書く?  20190626Rspec、あなたならどう書く?  20190626
Rspec、あなたならどう書く? 20190626Koske Kano
 
JRubyで作るapiサーバー
JRubyで作るapiサーバーJRubyで作るapiサーバー
JRubyで作るapiサーバーYamamoto Kazuhisa
 
技術系同人誌を書こう #ssmjp
技術系同人誌を書こう #ssmjp技術系同人誌を書こう #ssmjp
技術系同人誌を書こう #ssmjpMasahiro NAKAYAMA
 
アジャイルの原則で、アジャイル思考を身につけよう - 名古屋アジャイル勉強会#62 2014/04/25
アジャイルの原則で、アジャイル思考を身につけよう - 名古屋アジャイル勉強会#62 2014/04/25アジャイルの原則で、アジャイル思考を身につけよう - 名古屋アジャイル勉強会#62 2014/04/25
アジャイルの原則で、アジャイル思考を身につけよう - 名古屋アジャイル勉強会#62 2014/04/25hiroyuki Yamamoto
 
「いつか出版しよう」と考える方のためのスタートアップ講座
「いつか出版しよう」と考える方のためのスタートアップ講座「いつか出版しよう」と考える方のためのスタートアップ講座
「いつか出版しよう」と考える方のためのスタートアップ講座Koichi Oda
 
20151024コクヨイベント
20151024コクヨイベント20151024コクヨイベント
20151024コクヨイベント忠憲 倉下
 
行ってきたシリーズの裏側
行ってきたシリーズの裏側行ってきたシリーズの裏側
行ってきたシリーズの裏側941 Kushii
 
アジャイルとは?
アジャイルとは?アジャイルとは?
アジャイルとは?bj yan
 
[青森]働き方の再発明!地方での実践者が語るリモートワークの実態トークセッション
[青森]働き方の再発明!地方での実践者が語るリモートワークの実態トークセッション[青森]働き方の再発明!地方での実践者が語るリモートワークの実態トークセッション
[青森]働き方の再発明!地方での実践者が語るリモートワークの実態トークセッションHiromichi Koga
 

What's hot (14)

箱根駅伝を10倍本気で楽しむ方法 - 2015
箱根駅伝を10倍本気で楽しむ方法 - 2015箱根駅伝を10倍本気で楽しむ方法 - 2015
箱根駅伝を10倍本気で楽しむ方法 - 2015
 
これを読めば箱根駅伝が楽しくなる!
これを読めば箱根駅伝が楽しくなる!これを読めば箱根駅伝が楽しくなる!
これを読めば箱根駅伝が楽しくなる!
 
Rspec、あなたならどう書く? 20190626
Rspec、あなたならどう書く?  20190626Rspec、あなたならどう書く?  20190626
Rspec、あなたならどう書く? 20190626
 
JRubyで作るapiサーバー
JRubyで作るapiサーバーJRubyで作るapiサーバー
JRubyで作るapiサーバー
 
技術系同人誌を書こう #ssmjp
技術系同人誌を書こう #ssmjp技術系同人誌を書こう #ssmjp
技術系同人誌を書こう #ssmjp
 
Zikosilyoukai
ZikosilyoukaiZikosilyoukai
Zikosilyoukai
 
アジャイルの原則で、アジャイル思考を身につけよう - 名古屋アジャイル勉強会#62 2014/04/25
アジャイルの原則で、アジャイル思考を身につけよう - 名古屋アジャイル勉強会#62 2014/04/25アジャイルの原則で、アジャイル思考を身につけよう - 名古屋アジャイル勉強会#62 2014/04/25
アジャイルの原則で、アジャイル思考を身につけよう - 名古屋アジャイル勉強会#62 2014/04/25
 
「いつか出版しよう」と考える方のためのスタートアップ講座
「いつか出版しよう」と考える方のためのスタートアップ講座「いつか出版しよう」と考える方のためのスタートアップ講座
「いつか出版しよう」と考える方のためのスタートアップ講座
 
20151024コクヨイベント
20151024コクヨイベント20151024コクヨイベント
20151024コクヨイベント
 
行ってきたシリーズの裏側
行ってきたシリーズの裏側行ってきたシリーズの裏側
行ってきたシリーズの裏側
 
アジャイルとは?
アジャイルとは?アジャイルとは?
アジャイルとは?
 
[青森]働き方の再発明!地方での実践者が語るリモートワークの実態トークセッション
[青森]働き方の再発明!地方での実践者が語るリモートワークの実態トークセッション[青森]働き方の再発明!地方での実践者が語るリモートワークの実態トークセッション
[青森]働き方の再発明!地方での実践者が語るリモートワークの実態トークセッション
 
IWDDについて
IWDDについてIWDDについて
IWDDについて
 
Non designer's design
Non designer's designNon designer's design
Non designer's design
 

Viewers also liked

シンボルフォント — それは、新しい画像形式
シンボルフォント — それは、新しい画像形式シンボルフォント — それは、新しい画像形式
シンボルフォント — それは、新しい画像形式Tsutomu Kawamura
 
2015年のフォント総括/鷹野 雅弘(スイッチ)
2015年のフォント総括/鷹野 雅弘(スイッチ)2015年のフォント総括/鷹野 雅弘(スイッチ)
2015年のフォント総括/鷹野 雅弘(スイッチ)swwwitch inc.
 
見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版MOCKS | Yuta Morishige
 
デザイン篇2 4
デザイン篇2 4デザイン篇2 4
デザイン篇2 4goodsiemanual
 
永和コンサル式プレゼン作成法(公開用)
永和コンサル式プレゼン作成法(公開用)永和コンサル式プレゼン作成法(公開用)
永和コンサル式プレゼン作成法(公開用)Yasui Tsutomu
 
誰でも見やすいパワーポイントを作るための パワーポイントバイブル
誰でも見やすいパワーポイントを作るための パワーポイントバイブル誰でも見やすいパワーポイントを作るための パワーポイントバイブル
誰でも見やすいパワーポイントを作るための パワーポイントバイブルJun Akizaki
 
続・パワポは「最後」に開く-もっとみがく!プレゼン資料作成術「大掃除編」
続・パワポは「最後」に開く-もっとみがく!プレゼン資料作成術「大掃除編」続・パワポは「最後」に開く-もっとみがく!プレゼン資料作成術「大掃除編」
続・パワポは「最後」に開く-もっとみがく!プレゼン資料作成術「大掃除編」Michiyo Fukada
 
視聴者に優しいプレゼン資料の作り方
視聴者に優しいプレゼン資料の作り方視聴者に優しいプレゼン資料の作り方
視聴者に優しいプレゼン資料の作り方akihiro_0228
 
色で失敗しない為に 〜理論に基づく配色フロー〜
色で失敗しない為に 〜理論に基づく配色フロー〜色で失敗しない為に 〜理論に基づく配色フロー〜
色で失敗しない為に 〜理論に基づく配色フロー〜Yuudai Tachibana
 
パワポは「最後」に開く-すぐできる!プレゼン資料作成術「大掃除編」
パワポは「最後」に開く-すぐできる!プレゼン資料作成術「大掃除編」パワポは「最後」に開く-すぐできる!プレゼン資料作成術「大掃除編」
パワポは「最後」に開く-すぐできる!プレゼン資料作成術「大掃除編」Michiyo Fukada
 
デザインのためのデザイン
デザインのためのデザインデザインのためのデザイン
デザインのためのデザインMasayuki Uetani
 
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえようノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえようSasaki Kouhei
 
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?Ryoji Fujishita
 
パワーポイントの品質と生産性を向上させるデザイン・テンプレート
パワーポイントの品質と生産性を向上させるデザイン・テンプレートパワーポイントの品質と生産性を向上させるデザイン・テンプレート
パワーポイントの品質と生産性を向上させるデザイン・テンプレートShinichi Miyagi
 
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼうWebデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼうToshiaki Sasaki
 
魅せるPowerPointビジネスプレゼン【実践編】 
魅せるPowerPointビジネスプレゼン【実践編】 魅せるPowerPointビジネスプレゼン【実践編】 
魅せるPowerPointビジネスプレゼン【実践編】 schoowebcampus
 

Viewers also liked (19)

シンボルフォント — それは、新しい画像形式
シンボルフォント — それは、新しい画像形式シンボルフォント — それは、新しい画像形式
シンボルフォント — それは、新しい画像形式
 
2015年のフォント総括/鷹野 雅弘(スイッチ)
2015年のフォント総括/鷹野 雅弘(スイッチ)2015年のフォント総括/鷹野 雅弘(スイッチ)
2015年のフォント総括/鷹野 雅弘(スイッチ)
 
見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版
 
大久保
大久保大久保
大久保
 
デザイン篇2 4
デザイン篇2 4デザイン篇2 4
デザイン篇2 4
 
曲線について
曲線について曲線について
曲線について
 
永和コンサル式プレゼン作成法(公開用)
永和コンサル式プレゼン作成法(公開用)永和コンサル式プレゼン作成法(公開用)
永和コンサル式プレゼン作成法(公開用)
 
誰でも見やすいパワーポイントを作るための パワーポイントバイブル
誰でも見やすいパワーポイントを作るための パワーポイントバイブル誰でも見やすいパワーポイントを作るための パワーポイントバイブル
誰でも見やすいパワーポイントを作るための パワーポイントバイブル
 
続・パワポは「最後」に開く-もっとみがく!プレゼン資料作成術「大掃除編」
続・パワポは「最後」に開く-もっとみがく!プレゼン資料作成術「大掃除編」続・パワポは「最後」に開く-もっとみがく!プレゼン資料作成術「大掃除編」
続・パワポは「最後」に開く-もっとみがく!プレゼン資料作成術「大掃除編」
 
視聴者に優しいプレゼン資料の作り方
視聴者に優しいプレゼン資料の作り方視聴者に優しいプレゼン資料の作り方
視聴者に優しいプレゼン資料の作り方
 
色で失敗しない為に 〜理論に基づく配色フロー〜
色で失敗しない為に 〜理論に基づく配色フロー〜色で失敗しない為に 〜理論に基づく配色フロー〜
色で失敗しない為に 〜理論に基づく配色フロー〜
 
パワポは「最後」に開く-すぐできる!プレゼン資料作成術「大掃除編」
パワポは「最後」に開く-すぐできる!プレゼン資料作成術「大掃除編」パワポは「最後」に開く-すぐできる!プレゼン資料作成術「大掃除編」
パワポは「最後」に開く-すぐできる!プレゼン資料作成術「大掃除編」
 
デザインのためのデザイン
デザインのためのデザインデザインのためのデザイン
デザインのためのデザイン
 
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえようノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
 
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
 
パワーポイントの品質と生産性を向上させるデザイン・テンプレート
パワーポイントの品質と生産性を向上させるデザイン・テンプレートパワーポイントの品質と生産性を向上させるデザイン・テンプレート
パワーポイントの品質と生産性を向上させるデザイン・テンプレート
 
しょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedeeしょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedee
 
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼうWebデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
 
魅せるPowerPointビジネスプレゼン【実践編】 
魅せるPowerPointビジネスプレゼン【実践編】 魅せるPowerPointビジネスプレゼン【実践編】 
魅せるPowerPointビジネスプレゼン【実践編】 
 

More from Atsushi Sano

はじめてのSpring Security
はじめてのSpring SecurityはじめてのSpring Security
はじめてのSpring SecurityAtsushi Sano
 
開発環境の今昔
開発環境の今昔開発環境の今昔
開発環境の今昔Atsushi Sano
 
Sier and environment
Sier and environmentSier and environment
Sier and environmentAtsushi Sano
 
Design foundation 04
Design foundation 04Design foundation 04
Design foundation 04Atsushi Sano
 
Agile evening 22_jul_13
Agile evening 22_jul_13Agile evening 22_jul_13
Agile evening 22_jul_13Atsushi Sano
 
Something with yammer API
Something with yammer APISomething with yammer API
Something with yammer APIAtsushi Sano
 
Selenium RC - Web Application Testing Tool
Selenium RC - Web Application Testing ToolSelenium RC - Web Application Testing Tool
Selenium RC - Web Application Testing ToolAtsushi Sano
 
03 spring framework
03 spring framework03 spring framework
03 spring frameworkAtsushi Sano
 
アプリケーションコンテキストの取得の仕方
アプリケーションコンテキストの取得の仕方アプリケーションコンテキストの取得の仕方
アプリケーションコンテキストの取得の仕方Atsushi Sano
 
Spring Frameworkを理解する3つの理由
Spring Frameworkを理解する3つの理由Spring Frameworkを理解する3つの理由
Spring Frameworkを理解する3つの理由Atsushi Sano
 
はじめてのspringframework
はじめてのspringframeworkはじめてのspringframework
はじめてのspringframeworkAtsushi Sano
 

More from Atsushi Sano (14)

1st security lt
1st security lt1st security lt
1st security lt
 
はじめてのSpring Security
はじめてのSpring SecurityはじめてのSpring Security
はじめてのSpring Security
 
開発環境の今昔
開発環境の今昔開発環境の今昔
開発環境の今昔
 
Sier and environment
Sier and environmentSier and environment
Sier and environment
 
Agile evening#04
Agile evening#04Agile evening#04
Agile evening#04
 
Design foundation 04
Design foundation 04Design foundation 04
Design foundation 04
 
Agile evening 22_jul_13
Agile evening 22_jul_13Agile evening 22_jul_13
Agile evening 22_jul_13
 
Something with yammer API
Something with yammer APISomething with yammer API
Something with yammer API
 
Selenium RC - Web Application Testing Tool
Selenium RC - Web Application Testing ToolSelenium RC - Web Application Testing Tool
Selenium RC - Web Application Testing Tool
 
03 spring framework
03 spring framework03 spring framework
03 spring framework
 
03 annotation
03 annotation03 annotation
03 annotation
 
アプリケーションコンテキストの取得の仕方
アプリケーションコンテキストの取得の仕方アプリケーションコンテキストの取得の仕方
アプリケーションコンテキストの取得の仕方
 
Spring Frameworkを理解する3つの理由
Spring Frameworkを理解する3つの理由Spring Frameworkを理解する3つの理由
Spring Frameworkを理解する3つの理由
 
はじめてのspringframework
はじめてのspringframeworkはじめてのspringframework
はじめてのspringframework
 

サラリーマンのためのフォントの話