SlideShare a Scribd company logo
1 of 4
Download to read offline
トンマナ  検討シート
グラフィック  デザインのトーン&マナーを整理理しよう!
印象 ⾊色 素材感やかたち タイポグラフィ イラスト レイアウト
◎
  
ね
ら
い
✕
  
タ
ブ
ー  
株式会社グラグリッド
プロダクト名:
ターゲットユーザー:
株式会社グラグリッド
デザイン  コンセプト  シート
グラフィック  デザインのトーン&マナーを整理理しよう!
ブランド名:
ユーザーの利利⽤用シーンに合致するデザインとは?
(使う場所、使う状況によって配慮が必要な点)
理理想的なデザインを表す3つのキーワード:
ブランドの哲学に合致するデザインとは?
(表現したいこと、訴えたいことを効果的に伝えるために配慮が必要な点)
トンマナ  検討シート
グラフィック  デザインのトーン&マナーを整理理しよう!
印象 ⾊色 素材感やかたち タイポグラフィ イラスト レイアウト
◎
  
ね
ら
い
•  すがすがしく⾃自然
な美しさがある
•  わかりやすい
•  ワクワクする冒険
を想像させる
•  ⽬目にも⼼心にもや
さしい⾃自然⾊色
•  単⾊色ではなくカ
ラフル
•  原⾊色ではなく
濁ったニュアン
スカラー
•  フラットな素材
感
•  ⼿手作り感がある
•  スタンプのよう
にかすれている
•  あたたかみのあ
る⼿手書き⾵風
•  線が柔らかいが
ぼやけていない
•  ⼦子供向けではな
く⼤大⼈人向け
•  余⽩白にゆとりが
ある
•  強弱があるシン
プルさ
•  ランダムにたく
さん並ぶウキウ
キ感
✕
  
タ
ブ
ー  
✕  ギラギラしている
✕  エレガントすぎる
✕  かわいすぎる
✕  機械っぽく無機質
なイメージ
✕  強すぎる⾊色
✕  単⾊色で構成さ
れている
✕  虹のように7
⾊色が⼊入ってい
る
✕  メカっぽい感
じ
✕  リアルすぎる
感じ
✕  鋭利利な形
✕  正当性をおし
出しているよ
うな明朝体
✕  カッコつけて
いる感じ
✕  理理想を掲げて
いるように⾒見見
える
✕  ⼦子供向けのか
わいらしさ
✕  全てが平然と並
び単調になって
いるもの
株式会社グラグリッド
プロダクト名: ■■■■■■
Sample
ターゲットユーザー:
ユーザーの利利⽤用シーンに合致するデザインとは?
(使う場所、使う状況によって配慮が必要な点)
理理想的なデザインを表す3つのキーワード:
株式会社グラグリッド
デザイン  コンセプト  シート
グラフィック  デザインのトーン&マナーを整理理しよう!
ブランド名:
ワクワク楽しい ユニセックス ⼼心⾝身のヘルシー
p あらたな始まりを予想させる
p 希望の星になる
p 調和を感じる(⼼心と体/⾃自分と他⼈人/)
p 循環していく(智慧が循環/良良い影響が循環)
p しなやかさ(考え⽅方が変わる/変わり続ける存在)
p  毎⽇日⾒見見たくなるワクワク楽しいイメージ
p  毎⽇日みても⾒見見飽きないシンプルさがある
p  変化を楽しめる
p  不不安やイライラな気分を沈沈めるような健全さがある
p  ⼥女女性も男性も親しみがもてる
p  会話がうまれやすいデザイン
p  会社で⾒見見ていても恥ずかしくない
Sample	
妊娠中〜~産後1年年間の⼥女女性と
そのパートナー
■■■■■■
ブランドの哲学に合致するデザインとは?
(表現したいこと、訴えたいことを効果的に伝えるために配慮が必要な点)

More Related Content

What's hot

サーバーのおしごと
サーバーのおしごとサーバーのおしごと
サーバーのおしごとYugo Shimizu
 
Unityとアセットツールで学ぶ「絵づくり」の基礎 ライト、シェーダー、イメージエフェクト
Unityとアセットツールで学ぶ「絵づくり」の基礎 ライト、シェーダー、イメージエフェクトUnityとアセットツールで学ぶ「絵づくり」の基礎 ライト、シェーダー、イメージエフェクト
Unityとアセットツールで学ぶ「絵づくり」の基礎 ライト、シェーダー、イメージエフェクト小林 信行
 
時代遅れと言われようとMdaフレームワークの紹介
時代遅れと言われようとMdaフレームワークの紹介時代遅れと言われようとMdaフレームワークの紹介
時代遅れと言われようとMdaフレームワークの紹介MaxNeetGames
 
การออกแบบคอมพิวเตอร์กราฟิก (Graphics Basic)
การออกแบบคอมพิวเตอร์กราฟิก (Graphics Basic)การออกแบบคอมพิวเตอร์กราฟิก (Graphics Basic)
การออกแบบคอมพิวเตอร์กราฟิก (Graphics Basic)Pitchayanida Khumwichai
 
ノンデザイナーのための配色理論
ノンデザイナーのための配色理論ノンデザイナーのための配色理論
ノンデザイナーのための配色理論tsukasa obara
 
幸せ働く人々 Worker happiness - Management 3.0
幸せ働く人々 Worker happiness - Management 3.0幸せ働く人々 Worker happiness - Management 3.0
幸せ働く人々 Worker happiness - Management 3.0Stefan Nüsperling
 
JP Chaosmap 2015-2016
JP Chaosmap 2015-2016JP Chaosmap 2015-2016
JP Chaosmap 2015-2016Hiroshi Kondo
 
【Unite Tokyo 2018】カスタムシェーダーでモバイルでも最先端グラフィックスな格闘ゲームを!
【Unite Tokyo 2018】カスタムシェーダーでモバイルでも最先端グラフィックスな格闘ゲームを!【Unite Tokyo 2018】カスタムシェーダーでモバイルでも最先端グラフィックスな格闘ゲームを!
【Unite Tokyo 2018】カスタムシェーダーでモバイルでも最先端グラフィックスな格闘ゲームを!UnityTechnologiesJapan002
 
HoloLens光学系の謎に迫る
HoloLens光学系の謎に迫るHoloLens光学系の謎に迫る
HoloLens光学系の謎に迫るAmadeusSVX
 
プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう! | UXデザイン基礎セミナー 第4回
プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう! | UXデザイン基礎セミナー 第4回プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう! | UXデザイン基礎セミナー 第4回
プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう! | UXデザイン基礎セミナー 第4回Yoshiki Hayama
 
IT系エンジニアのためのプレゼンテーション入門
IT系エンジニアのためのプレゼンテーション入門IT系エンジニアのためのプレゼンテーション入門
IT系エンジニアのためのプレゼンテーション入門Masahito Zembutsu
 
Photogrammetry on Cloud
Photogrammetry on Cloud Photogrammetry on Cloud
Photogrammetry on Cloud Ryo Kurauchi
 
Androidの表示レイヤーと画面常駐型アプリの話
Androidの表示レイヤーと画面常駐型アプリの話Androidの表示レイヤーと画面常駐型アプリの話
Androidの表示レイヤーと画面常駐型アプリの話kirimin
 
UXデザインの海外最新「UXトレンドレポート2022」を読んで、考える
UXデザインの海外最新「UXトレンドレポート2022」を読んで、考えるUXデザインの海外最新「UXトレンドレポート2022」を読んで、考える
UXデザインの海外最新「UXトレンドレポート2022」を読んで、考えるYoshiki Hayama
 
プレゼン基礎講座 2016.11
プレゼン基礎講座 2016.11プレゼン基礎講座 2016.11
プレゼン基礎講座 2016.11智治 長沢
 
TensorFlowで訓練したLINE BotをAWS Lambdaで動かしてみた
TensorFlowで訓練したLINE BotをAWS Lambdaで動かしてみたTensorFlowで訓練したLINE BotをAWS Lambdaで動かしてみた
TensorFlowで訓練したLINE BotをAWS Lambdaで動かしてみたVan Huy
 
ActionCableのクライアントはRails外から利用できるのか
ActionCableのクライアントはRails外から利用できるのかActionCableのクライアントはRails外から利用できるのか
ActionCableのクライアントはRails外から利用できるのかYoichi Toyota
 
私がドメイン駆動設計をやる理由
私がドメイン駆動設計をやる理由私がドメイン駆動設計をやる理由
私がドメイン駆動設計をやる理由増田 亨
 
ゲームエンジンの中の話
ゲームエンジンの中の話ゲームエンジンの中の話
ゲームエンジンの中の話Masayoshi Kamai
 

What's hot (20)

サーバーのおしごと
サーバーのおしごとサーバーのおしごと
サーバーのおしごと
 
Unityとアセットツールで学ぶ「絵づくり」の基礎 ライト、シェーダー、イメージエフェクト
Unityとアセットツールで学ぶ「絵づくり」の基礎 ライト、シェーダー、イメージエフェクトUnityとアセットツールで学ぶ「絵づくり」の基礎 ライト、シェーダー、イメージエフェクト
Unityとアセットツールで学ぶ「絵づくり」の基礎 ライト、シェーダー、イメージエフェクト
 
時代遅れと言われようとMdaフレームワークの紹介
時代遅れと言われようとMdaフレームワークの紹介時代遅れと言われようとMdaフレームワークの紹介
時代遅れと言われようとMdaフレームワークの紹介
 
การออกแบบคอมพิวเตอร์กราฟิก (Graphics Basic)
การออกแบบคอมพิวเตอร์กราฟิก (Graphics Basic)การออกแบบคอมพิวเตอร์กราฟิก (Graphics Basic)
การออกแบบคอมพิวเตอร์กราฟิก (Graphics Basic)
 
ノンデザイナーのための配色理論
ノンデザイナーのための配色理論ノンデザイナーのための配色理論
ノンデザイナーのための配色理論
 
幸せ働く人々 Worker happiness - Management 3.0
幸せ働く人々 Worker happiness - Management 3.0幸せ働く人々 Worker happiness - Management 3.0
幸せ働く人々 Worker happiness - Management 3.0
 
JP Chaosmap 2015-2016
JP Chaosmap 2015-2016JP Chaosmap 2015-2016
JP Chaosmap 2015-2016
 
Os6
Os6Os6
Os6
 
【Unite Tokyo 2018】カスタムシェーダーでモバイルでも最先端グラフィックスな格闘ゲームを!
【Unite Tokyo 2018】カスタムシェーダーでモバイルでも最先端グラフィックスな格闘ゲームを!【Unite Tokyo 2018】カスタムシェーダーでモバイルでも最先端グラフィックスな格闘ゲームを!
【Unite Tokyo 2018】カスタムシェーダーでモバイルでも最先端グラフィックスな格闘ゲームを!
 
HoloLens光学系の謎に迫る
HoloLens光学系の謎に迫るHoloLens光学系の謎に迫る
HoloLens光学系の謎に迫る
 
プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう! | UXデザイン基礎セミナー 第4回
プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう! | UXデザイン基礎セミナー 第4回プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう! | UXデザイン基礎セミナー 第4回
プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう! | UXデザイン基礎セミナー 第4回
 
IT系エンジニアのためのプレゼンテーション入門
IT系エンジニアのためのプレゼンテーション入門IT系エンジニアのためのプレゼンテーション入門
IT系エンジニアのためのプレゼンテーション入門
 
Photogrammetry on Cloud
Photogrammetry on Cloud Photogrammetry on Cloud
Photogrammetry on Cloud
 
Androidの表示レイヤーと画面常駐型アプリの話
Androidの表示レイヤーと画面常駐型アプリの話Androidの表示レイヤーと画面常駐型アプリの話
Androidの表示レイヤーと画面常駐型アプリの話
 
UXデザインの海外最新「UXトレンドレポート2022」を読んで、考える
UXデザインの海外最新「UXトレンドレポート2022」を読んで、考えるUXデザインの海外最新「UXトレンドレポート2022」を読んで、考える
UXデザインの海外最新「UXトレンドレポート2022」を読んで、考える
 
プレゼン基礎講座 2016.11
プレゼン基礎講座 2016.11プレゼン基礎講座 2016.11
プレゼン基礎講座 2016.11
 
TensorFlowで訓練したLINE BotをAWS Lambdaで動かしてみた
TensorFlowで訓練したLINE BotをAWS Lambdaで動かしてみたTensorFlowで訓練したLINE BotをAWS Lambdaで動かしてみた
TensorFlowで訓練したLINE BotをAWS Lambdaで動かしてみた
 
ActionCableのクライアントはRails外から利用できるのか
ActionCableのクライアントはRails外から利用できるのかActionCableのクライアントはRails外から利用できるのか
ActionCableのクライアントはRails外から利用できるのか
 
私がドメイン駆動設計をやる理由
私がドメイン駆動設計をやる理由私がドメイン駆動設計をやる理由
私がドメイン駆動設計をやる理由
 
ゲームエンジンの中の話
ゲームエンジンの中の話ゲームエンジンの中の話
ゲームエンジンの中の話
 

More from Naoka MISAWA

Design for civictech 160722
Design for civictech 160722Design for civictech 160722
Design for civictech 160722Naoka MISAWA
 
Graphicrecording workshop in kamimachiza
Graphicrecording workshop in kamimachizaGraphicrecording workshop in kamimachiza
Graphicrecording workshop in kamimachizaNaoka MISAWA
 
Grareco ws faj tokyo2016
Grareco ws faj tokyo2016Grareco ws faj tokyo2016
Grareco ws faj tokyo2016Naoka MISAWA
 
Visual commnication for dev
Visual commnication for devVisual commnication for dev
Visual commnication for devNaoka MISAWA
 
Grarecows in utunomiya
Grarecows in utunomiyaGrarecows in utunomiya
Grarecows in utunomiyaNaoka MISAWA
 
Graphic recorder network in japan
Graphic recorder network in japanGraphic recorder network in japan
Graphic recorder network in japanNaoka MISAWA
 
Visual communication
Visual communicationVisual communication
Visual communicationNaoka MISAWA
 
Template for idea skech
Template for idea skechTemplate for idea skech
Template for idea skechNaoka MISAWA
 
Graphicfacilitation glagrid 150806
Graphicfacilitation glagrid 150806Graphicfacilitation glagrid 150806
Graphicfacilitation glagrid 150806Naoka MISAWA
 
Techniques for getting insights from customers
Techniques for getting insights from customersTechniques for getting insights from customers
Techniques for getting insights from customersNaoka MISAWA
 
Graphic recoding-ws-
Graphic recoding-ws-Graphic recoding-ws-
Graphic recoding-ws-Naoka MISAWA
 
CTF2015 graphic recording
CTF2015 graphic recordingCTF2015 graphic recording
CTF2015 graphic recordingNaoka MISAWA
 
Scribing thinking grareco
Scribing thinking grarecoScribing thinking grareco
Scribing thinking grarecoNaoka MISAWA
 
Experience sketch board
Experience sketch boardExperience sketch board
Experience sketch boardNaoka MISAWA
 
Photoethnography ws sheet B
Photoethnography ws sheet BPhotoethnography ws sheet B
Photoethnography ws sheet BNaoka MISAWA
 

More from Naoka MISAWA (20)

GRN2017 drowstart
GRN2017 drowstartGRN2017 drowstart
GRN2017 drowstart
 
Design for civictech 160722
Design for civictech 160722Design for civictech 160722
Design for civictech 160722
 
Graphicrecording workshop in kamimachiza
Graphicrecording workshop in kamimachizaGraphicrecording workshop in kamimachiza
Graphicrecording workshop in kamimachiza
 
Grareco ws faj tokyo2016
Grareco ws faj tokyo2016Grareco ws faj tokyo2016
Grareco ws faj tokyo2016
 
Visual commnication for dev
Visual commnication for devVisual commnication for dev
Visual commnication for dev
 
Grarecows in utunomiya
Grarecows in utunomiyaGrarecows in utunomiya
Grarecows in utunomiya
 
Graphic recorder network in japan
Graphic recorder network in japanGraphic recorder network in japan
Graphic recorder network in japan
 
Visual communication
Visual communicationVisual communication
Visual communication
 
Grareco usecase15
Grareco usecase15Grareco usecase15
Grareco usecase15
 
Template for idea skech
Template for idea skechTemplate for idea skech
Template for idea skech
 
Graphicfacilitation glagrid 150806
Graphicfacilitation glagrid 150806Graphicfacilitation glagrid 150806
Graphicfacilitation glagrid 150806
 
Street hack
Street hackStreet hack
Street hack
 
Techniques for getting insights from customers
Techniques for getting insights from customersTechniques for getting insights from customers
Techniques for getting insights from customers
 
Graphic recoding-ws-
Graphic recoding-ws-Graphic recoding-ws-
Graphic recoding-ws-
 
Grareco template
Grareco templateGrareco template
Grareco template
 
CTF2015 graphic recording
CTF2015 graphic recordingCTF2015 graphic recording
CTF2015 graphic recording
 
Scribing thinking grareco
Scribing thinking grarecoScribing thinking grareco
Scribing thinking grareco
 
Scribing thinking
Scribing thinkingScribing thinking
Scribing thinking
 
Experience sketch board
Experience sketch boardExperience sketch board
Experience sketch board
 
Photoethnography ws sheet B
Photoethnography ws sheet BPhotoethnography ws sheet B
Photoethnography ws sheet B
 

Tone&manner sheet

  • 1. トンマナ  検討シート グラフィック  デザインのトーン&マナーを整理理しよう! 印象 ⾊色 素材感やかたち タイポグラフィ イラスト レイアウト ◎   ね ら い ✕   タ ブ ー   株式会社グラグリッド プロダクト名:
  • 2. ターゲットユーザー: 株式会社グラグリッド デザイン  コンセプト  シート グラフィック  デザインのトーン&マナーを整理理しよう! ブランド名: ユーザーの利利⽤用シーンに合致するデザインとは? (使う場所、使う状況によって配慮が必要な点) 理理想的なデザインを表す3つのキーワード: ブランドの哲学に合致するデザインとは? (表現したいこと、訴えたいことを効果的に伝えるために配慮が必要な点)
  • 3. トンマナ  検討シート グラフィック  デザインのトーン&マナーを整理理しよう! 印象 ⾊色 素材感やかたち タイポグラフィ イラスト レイアウト ◎   ね ら い •  すがすがしく⾃自然 な美しさがある •  わかりやすい •  ワクワクする冒険 を想像させる •  ⽬目にも⼼心にもや さしい⾃自然⾊色 •  単⾊色ではなくカ ラフル •  原⾊色ではなく 濁ったニュアン スカラー •  フラットな素材 感 •  ⼿手作り感がある •  スタンプのよう にかすれている •  あたたかみのあ る⼿手書き⾵風 •  線が柔らかいが ぼやけていない •  ⼦子供向けではな く⼤大⼈人向け •  余⽩白にゆとりが ある •  強弱があるシン プルさ •  ランダムにたく さん並ぶウキウ キ感 ✕   タ ブ ー   ✕  ギラギラしている ✕  エレガントすぎる ✕  かわいすぎる ✕  機械っぽく無機質 なイメージ ✕  強すぎる⾊色 ✕  単⾊色で構成さ れている ✕  虹のように7 ⾊色が⼊入ってい る ✕  メカっぽい感 じ ✕  リアルすぎる 感じ ✕  鋭利利な形 ✕  正当性をおし 出しているよ うな明朝体 ✕  カッコつけて いる感じ ✕  理理想を掲げて いるように⾒見見 える ✕  ⼦子供向けのか わいらしさ ✕  全てが平然と並 び単調になって いるもの 株式会社グラグリッド プロダクト名: ■■■■■■ Sample
  • 4. ターゲットユーザー: ユーザーの利利⽤用シーンに合致するデザインとは? (使う場所、使う状況によって配慮が必要な点) 理理想的なデザインを表す3つのキーワード: 株式会社グラグリッド デザイン  コンセプト  シート グラフィック  デザインのトーン&マナーを整理理しよう! ブランド名: ワクワク楽しい ユニセックス ⼼心⾝身のヘルシー p あらたな始まりを予想させる p 希望の星になる p 調和を感じる(⼼心と体/⾃自分と他⼈人/) p 循環していく(智慧が循環/良良い影響が循環) p しなやかさ(考え⽅方が変わる/変わり続ける存在) p  毎⽇日⾒見見たくなるワクワク楽しいイメージ p  毎⽇日みても⾒見見飽きないシンプルさがある p  変化を楽しめる p  不不安やイライラな気分を沈沈めるような健全さがある p  ⼥女女性も男性も親しみがもてる p  会話がうまれやすいデザイン p  会社で⾒見見ていても恥ずかしくない Sample 妊娠中〜~産後1年年間の⼥女女性と そのパートナー ■■■■■■ ブランドの哲学に合致するデザインとは? (表現したいこと、訴えたいことを効果的に伝えるために配慮が必要な点)