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

Spring Cloud Netflixを使おう #jsug
Spring Cloud Netflixを使おう #jsugSpring Cloud Netflixを使おう #jsug
Spring Cloud Netflixを使おう #jsugToshiaki Maki
 
シェルスクリプトで簡易ping監視
シェルスクリプトで簡易ping監視シェルスクリプトで簡易ping監視
シェルスクリプトで簡易ping監視Kazuhiro Nishiyama
 
Program verification
Program verificationProgram verification
Program verificationhyunglak kim
 
Multi-Cluster and Failover for Apache Kafka - Kafka Summit SF 17
Multi-Cluster and Failover for Apache Kafka - Kafka Summit SF 17Multi-Cluster and Failover for Apache Kafka - Kafka Summit SF 17
Multi-Cluster and Failover for Apache Kafka - Kafka Summit SF 17Gwen (Chen) Shapira
 
Practical tips and tricks for Apache Kafka messages integration | Francesco T...
Practical tips and tricks for Apache Kafka messages integration | Francesco T...Practical tips and tricks for Apache Kafka messages integration | Francesco T...
Practical tips and tricks for Apache Kafka messages integration | Francesco T...HostedbyConfluent
 
Python で OAuth2 をつかってみよう!
Python で OAuth2 をつかってみよう!Python で OAuth2 をつかってみよう!
Python で OAuth2 をつかってみよう!Project Samurai
 
Spring CloudとZipkinを利用した分散トレーシング
Spring CloudとZipkinを利用した分散トレーシングSpring CloudとZipkinを利用した分散トレーシング
Spring CloudとZipkinを利用した分散トレーシングRakuten Group, Inc.
 
Heterogeneous System Architecture Overview
Heterogeneous System Architecture OverviewHeterogeneous System Architecture Overview
Heterogeneous System Architecture Overviewinside-BigData.com
 
オープンソースのクラウド基盤 CloudStackによるIaaS構築入門 @OSC 2013 Nagoya
オープンソースのクラウド基盤 CloudStackによるIaaS構築入門 @OSC 2013 Nagoyaオープンソースのクラウド基盤 CloudStackによるIaaS構築入門 @OSC 2013 Nagoya
オープンソースのクラウド基盤 CloudStackによるIaaS構築入門 @OSC 2013 NagoyaSatoshi Shimazaki
 
[CTO Night & Day 2019] Amazon Pinpoint でかゆいところに手が届くユーザー動向分析とセグメント通知 #ctonight
[CTO Night & Day 2019] Amazon Pinpoint でかゆいところに手が届くユーザー動向分析とセグメント通知 #ctonight[CTO Night & Day 2019] Amazon Pinpoint でかゆいところに手が届くユーザー動向分析とセグメント通知 #ctonight
[CTO Night & Day 2019] Amazon Pinpoint でかゆいところに手が届くユーザー動向分析とセグメント通知 #ctonightAmazon Web Services Japan
 
Cloud Spanner をより便利にする運用支援ツールの紹介
Cloud Spanner をより便利にする運用支援ツールの紹介Cloud Spanner をより便利にする運用支援ツールの紹介
Cloud Spanner をより便利にする運用支援ツールの紹介gree_tech
 

What's hot (13)

Spring Cloud Netflixを使おう #jsug
Spring Cloud Netflixを使おう #jsugSpring Cloud Netflixを使おう #jsug
Spring Cloud Netflixを使おう #jsug
 
シェルスクリプトで簡易ping監視
シェルスクリプトで簡易ping監視シェルスクリプトで簡易ping監視
シェルスクリプトで簡易ping監視
 
AWS Black Belt Online Seminar Antipattern
AWS Black Belt Online Seminar AntipatternAWS Black Belt Online Seminar Antipattern
AWS Black Belt Online Seminar Antipattern
 
Program verification
Program verificationProgram verification
Program verification
 
Multi-Cluster and Failover for Apache Kafka - Kafka Summit SF 17
Multi-Cluster and Failover for Apache Kafka - Kafka Summit SF 17Multi-Cluster and Failover for Apache Kafka - Kafka Summit SF 17
Multi-Cluster and Failover for Apache Kafka - Kafka Summit SF 17
 
Hazelcast Introduction
Hazelcast IntroductionHazelcast Introduction
Hazelcast Introduction
 
Practical tips and tricks for Apache Kafka messages integration | Francesco T...
Practical tips and tricks for Apache Kafka messages integration | Francesco T...Practical tips and tricks for Apache Kafka messages integration | Francesco T...
Practical tips and tricks for Apache Kafka messages integration | Francesco T...
 
Python で OAuth2 をつかってみよう!
Python で OAuth2 をつかってみよう!Python で OAuth2 をつかってみよう!
Python で OAuth2 をつかってみよう!
 
Spring CloudとZipkinを利用した分散トレーシング
Spring CloudとZipkinを利用した分散トレーシングSpring CloudとZipkinを利用した分散トレーシング
Spring CloudとZipkinを利用した分散トレーシング
 
Heterogeneous System Architecture Overview
Heterogeneous System Architecture OverviewHeterogeneous System Architecture Overview
Heterogeneous System Architecture Overview
 
オープンソースのクラウド基盤 CloudStackによるIaaS構築入門 @OSC 2013 Nagoya
オープンソースのクラウド基盤 CloudStackによるIaaS構築入門 @OSC 2013 Nagoyaオープンソースのクラウド基盤 CloudStackによるIaaS構築入門 @OSC 2013 Nagoya
オープンソースのクラウド基盤 CloudStackによるIaaS構築入門 @OSC 2013 Nagoya
 
[CTO Night & Day 2019] Amazon Pinpoint でかゆいところに手が届くユーザー動向分析とセグメント通知 #ctonight
[CTO Night & Day 2019] Amazon Pinpoint でかゆいところに手が届くユーザー動向分析とセグメント通知 #ctonight[CTO Night & Day 2019] Amazon Pinpoint でかゆいところに手が届くユーザー動向分析とセグメント通知 #ctonight
[CTO Night & Day 2019] Amazon Pinpoint でかゆいところに手が届くユーザー動向分析とセグメント通知 #ctonight
 
Cloud Spanner をより便利にする運用支援ツールの紹介
Cloud Spanner をより便利にする運用支援ツールの紹介Cloud Spanner をより便利にする運用支援ツールの紹介
Cloud Spanner をより便利にする運用支援ツールの紹介
 

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年年間の⼥女女性と そのパートナー ■■■■■■ ブランドの哲学に合致するデザインとは? (表現したいこと、訴えたいことを効果的に伝えるために配慮が必要な点)