SlideShare a Scribd company logo
1 of 28
Download to read offline
「JPOHC」のロゴ制作の話
「JPOHC」のロゴ制作の経緯を“真面目に”語ります!
Japan Power of Humans Community #02
2020/08/27 Noriko Matsumoto
自己紹介
• 株式会社オルターブース デザインアーキテクト
• 香蘭女子短期大学 非常勤講師「Webデザイン論」担当
• LINE API Expert
• Microsoft MVP for Business Applications , Microsoft Azure
• 好きなもの:古代エジプト文明、民俗学 etc…
松本 典子(Noriko Matsumoto)
@nori790822
Blog:https://zuvuyalink.net/nrjlog/
本日お話したいこと
•まず、はじめに
•ロゴ制作について
1. 制作依頼と情報の提供
2. モチーフの選定
3. 色を選ぶ
•JPOHCロゴの解説
•(コミュニティ)ロゴ制作のまとめ
「ハレとケ」の話
まずはじめに。これらの言葉を知っていますか?
「ハレとケ」とは
「ハレとケ」とは、柳田國男によって見出された、時間論をともなう日本人の伝統的
な世界観のひとつ。
民俗学や文化人類学において「ハレとケ」という場合、ハレ(晴れ、霽れ)は儀礼や
祭、年中行事などの「非日常」、ケ(褻)は普段の生活である「日常」を表している。
出典: フリー百科事典『ウィキペディア(Wikipedia)』
※記載した内容には諸説あり
ロゴ制作について
どうやって言葉やイメージを「形」にしていくか?
ご注意
これからお話する内容は、
全てのデザイナーに当てはまることでは無いと思います。
そのあたり、ご承知おきください!
1. 制作依頼と情報の提供
JPOHC
ロゴ制作依頼時の
資料
今回提供された情報は
Connpassページの
「グループの説明」でした。
https://jpohc.connpass.com/
JPOHC
ロゴ制作依頼時の
資料
1. キャッチフレーズが確定
2. コミュニティの目的
3. コミュニティの対象者
4. 他の主催メンバーの「人となり」
をよく知っていた
ロゴ制作の依頼を受けて思ったこと
• 他の国でも同じようなコミュニティが出来そう
• Humans of ITというカテゴリ
• 日本の良き「伝統文化」をアピールしたい
• 日本らしいとは?
• 日本らしいと感じるモチーフや色
• ロゴ制作は、要件と共に制作者の「想いを込める」
• 本コミュニティに参加した人が「ハレの日」のように清々しい気持ちになるように
デザインの方向性:人の繋がりと日本らしさ
2. モチーフの選定
情報から「形」を創造する
情報から(ひたすらに)連想ゲームとメモ
「情報」から連想するもの
• 富士山
• 桜
• 着物
• 水引
• 神社仏閣(鳥居)
• 伝統芸能 etc…
「日本らしさ」を連想するもの
• IT技術
• 人間
• ご縁
• ポジティブさ
• 日本らしさ etc…
手元にある情報を元に連想する物をできるだけ多く出す
「言葉」からキーとなるモチーフを選定
富士山 着物(人) 水引
3. 色を選ぶ
「色は刺激」という考え方
• 色には見た目以上の効能がある
• 人の感情を揺さぶる効果(喜怒哀楽)
• 信頼の構築
• ブランドの精神を反映する
• 社会的な意味合いを持つ色もある
• 人の感情に大きなインパクトを与える
• 国によって色が持つ意味合いは変わる場合がある
好きな色=どこでも使っていい色ではない
色には意味がある
赤
青 緑
危険・重要・情熱 太陽・幸福・注意
快適・安心・信頼 自然・成長・成功
黄
• 日本に古来からある色
• モチーフが多くなるので単色でインパクト
がある
• 視覚的に縁起が良く感じる
ロゴの色を選定
真朱(しんしゅ)とは、少し黒みのある
鈍い赤色のこと。我が国では縄文時
代から発掘されており『万葉集』にも
その名がみられます。
出典:伝統色のいろは
揃った情報を「形」にしていく
1. 制作依頼と情報の提供
2. モチーフの選定
3. 色を選ぶ
これらの内容が「いい感じ」に
なるよう組み合わせていく。
(満足するまで延々と)
JPOHCロゴの解説
今回作成したロゴ
モチーフがいくつ隠れているでしょう?
1. 3つ
2. 4つ
3. それ以上
モチーフがいくつ隠れているでしょう?
1. 3つ
2. 4つ
3. それ以上
モチーフは「6つ」
日の出
富士山
着物(人)
水引
Hの文字
日本の国旗
ロゴ制作でこだわった点
• モチーフ配置のバランス
• ゴチャゴチャしすぎないように
• 日本らしさは即わかるように
• 人物の性別を明確にしない
• ダイバーシティ(多様性)
• コミュニティの正式名称を入れる
• 他国にHumans Communityができた場合
• 俯瞰して見たときの見え方
• ステッカーにしやすそう
七宝(しっぽう)
この文様の意味は「円(輪)は和につながるもの」
で、人と人との和の大切さを表している。
「しっぽう」と呼ぶ由来は、この文様が四方にどち
らにも伸びていることから、江戸時代に四方がな
まって「しっぽう」と呼ばれるようになった。
(諸説あり)
ロゴ以外の各種画像でこだわった点
(コミュニティ)ロゴ制作のまとめ
• ロゴとは 「目的や目標」という言葉を可視化したもの
• ロゴ制作は要件と共に制作者の「想いを込める」
• ロゴ制作の依頼をするときに意識してもらえると嬉しいこと
• キャッチフレーズ(一言で言い表せる状態)
• コミュニティの目的
• コミュニティの対象者
• 「ロゴとかすぐできるやろ?」な認識を持たれると、とてもツライ…
• スケジュールに余裕を持って相談いただくと良いかと
まとめ:今回のロゴ制作はすごく楽しかったです!!
ご清聴ありがとうございました!
Japan Power
of
Humans
Community
Facebookのグループはこちら:https://www.facebook.com/groups/jpohc/

More Related Content

What's hot

What's hot (20)

ノンコーディングでも!ここまでできるkintone
ノンコーディングでも!ここまでできるkintoneノンコーディングでも!ここまでできるkintone
ノンコーディングでも!ここまでできるkintone
 
ノンコーディングで LINE Bot 開発! Azure Logic Apps × Azure Cognitive Services ×LINE メッセー...
ノンコーディングで LINE Bot 開発! Azure Logic Apps × Azure Cognitive Services ×LINE メッセー...ノンコーディングで LINE Bot 開発! Azure Logic Apps × Azure Cognitive Services ×LINE メッセー...
ノンコーディングで LINE Bot 開発! Azure Logic Apps × Azure Cognitive Services ×LINE メッセー...
 
xAI meetup #1
xAI meetup #1xAI meetup #1
xAI meetup #1
 
ノーコーディングでAIサービスを使ってみた話
ノーコーディングでAIサービスを使ってみた話ノーコーディングでAIサービスを使ってみた話
ノーコーディングでAIサービスを使ってみた話
 
ノンコーディングでやってみよう!音声テキスト変換 - LINE × Logic Apps × Speech to text -
ノンコーディングでやってみよう!音声テキスト変換 - LINE × Logic Apps × Speech to text -ノンコーディングでやってみよう!音声テキスト変換 - LINE × Logic Apps × Speech to text -
ノンコーディングでやってみよう!音声テキスト変換 - LINE × Logic Apps × Speech to text -
 
もっとサーバーレスを手軽に便利に!Azure Logic Apps
もっとサーバーレスを手軽に便利に!Azure Logic Appsもっとサーバーレスを手軽に便利に!Azure Logic Apps
もっとサーバーレスを手軽に便利に!Azure Logic Apps
 
タイムカード打刻チャットボット「ごえもん」誕生話 
タイムカード打刻チャットボット「ごえもん」誕生話 タイムカード打刻チャットボット「ごえもん」誕生話 
タイムカード打刻チャットボット「ごえもん」誕生話 
 
【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張
【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張
【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張
 
アクセシビリティを考えたalt属性を自動生成してみよう!
アクセシビリティを考えたalt属性を自動生成してみよう!アクセシビリティを考えたalt属性を自動生成してみよう!
アクセシビリティを考えたalt属性を自動生成してみよう!
 
ノンコーディングでここまでできる!LINE BOT を作ってみよう!
ノンコーディングでここまでできる!LINE BOT を作ってみよう!ノンコーディングでここまでできる!LINE BOT を作ってみよう!
ノンコーディングでここまでできる!LINE BOT を作ってみよう!
 
ニューノーマルな働き方!?Teams投稿をセンチメント分析!
ニューノーマルな働き方!?Teams投稿をセンチメント分析!ニューノーマルな働き方!?Teams投稿をセンチメント分析!
ニューノーマルな働き方!?Teams投稿をセンチメント分析!
 
Azure Bot Service で始めるチャットボット開発入門 (2018-01)v1.1
Azure Bot Service で始めるチャットボット開発入門 (2018-01)v1.1Azure Bot Service で始めるチャットボット開発入門 (2018-01)v1.1
Azure Bot Service で始めるチャットボット開発入門 (2018-01)v1.1
 
はじめてのAzure Azure的ピタゴラスイッチのススメ- PaaS・サーバーレス 初級編 -
はじめてのAzure Azure的ピタゴラスイッチのススメ- PaaS・サーバーレス 初級編 -はじめてのAzure Azure的ピタゴラスイッチのススメ- PaaS・サーバーレス 初級編 -
はじめてのAzure Azure的ピタゴラスイッチのススメ- PaaS・サーバーレス 初級編 -
 
[JAZUG 7周年総会]社内でIoT&AIな農業系チャットボット開発講座をやってみて
[JAZUG 7周年総会]社内でIoT&AIな農業系チャットボット開発講座をやってみて[JAZUG 7周年総会]社内でIoT&AIな農業系チャットボット開発講座をやってみて
[JAZUG 7周年総会]社内でIoT&AIな農業系チャットボット開発講座をやってみて
 
JAZUG_7thAnniversary_CognitiveServices_v2_20170909
JAZUG_7thAnniversary_CognitiveServices_v2_20170909JAZUG_7thAnniversary_CognitiveServices_v2_20170909
JAZUG_7thAnniversary_CognitiveServices_v2_20170909
 
アプリのロギングからデータ収集・分析・活用
アプリのロギングからデータ収集・分析・活用アプリのロギングからデータ収集・分析・活用
アプリのロギングからデータ収集・分析・活用
 
Azure Webinar: Microsoft Bot Framework と Cognitive Services LUIS で実現する自然言語解析B...
Azure Webinar: Microsoft Bot Framework と Cognitive Services LUIS で実現する自然言語解析B...Azure Webinar: Microsoft Bot Framework と Cognitive Services LUIS で実現する自然言語解析B...
Azure Webinar: Microsoft Bot Framework と Cognitive Services LUIS で実現する自然言語解析B...
 
開発未経験の私がBotをつくってみた
開発未経験の私がBotをつくってみた開発未経験の私がBotをつくってみた
開発未経験の私がBotをつくってみた
 
AndroidのAR最新動向
AndroidのAR最新動向AndroidのAR最新動向
AndroidのAR最新動向
 
Introducing microsoft learn
 Introducing microsoft learn Introducing microsoft learn
Introducing microsoft learn
 

Similar to 「JPOHC」のロゴ制作の話

「関心の分離」と「疎結合」 ソフトウェアアーキテクチャのひとかけら
「関心の分離」と「疎結合」   ソフトウェアアーキテクチャのひとかけら「関心の分離」と「疎結合」   ソフトウェアアーキテクチャのひとかけら
「関心の分離」と「疎結合」 ソフトウェアアーキテクチャのひとかけら
Atsushi Nakamura
 
立教大学MBA:AIの最先端技術によるこれからの価値創造
立教大学MBA:AIの最先端技術によるこれからの価値創造立教大学MBA:AIの最先端技術によるこれからの価値創造
立教大学MBA:AIの最先端技術によるこれからの価値創造
Osaka University
 
ニコニコアプリ開発
ニコニコアプリ開発ニコニコアプリ開発
ニコニコアプリ開発
jz5 MATSUE
 

Similar to 「JPOHC」のロゴ制作の話 (20)

神戸電子専門学校 業界セミナー 20170422
神戸電子専門学校 業界セミナー 20170422神戸電子専門学校 業界セミナー 20170422
神戸電子専門学校 業界セミナー 20170422
 
Uno Platform か Blazor
Uno Platform か BlazorUno Platform か Blazor
Uno Platform か Blazor
 
楽しんで始めるHoloLensアプリ設計
楽しんで始めるHoloLensアプリ設計楽しんで始めるHoloLensアプリ設計
楽しんで始めるHoloLensアプリ設計
 
Bot Service 概要
Bot Service 概要Bot Service 概要
Bot Service 概要
 
LINE Commumity Microsoft_ConversationalAI_20200409
LINE Commumity Microsoft_ConversationalAI_20200409LINE Commumity Microsoft_ConversationalAI_20200409
LINE Commumity Microsoft_ConversationalAI_20200409
 
LTを支える技術(LLD'11 Winter)
LTを支える技術(LLD'11 Winter)LTを支える技術(LLD'11 Winter)
LTを支える技術(LLD'11 Winter)
 
#2祖父と孫をつなぐ
#2祖父と孫をつなぐ#2祖父と孫をつなぐ
#2祖父と孫をつなぐ
 
「関心の分離」と「疎結合」 ソフトウェアアーキテクチャのひとかけら
「関心の分離」と「疎結合」   ソフトウェアアーキテクチャのひとかけら「関心の分離」と「疎結合」   ソフトウェアアーキテクチャのひとかけら
「関心の分離」と「疎結合」 ソフトウェアアーキテクチャのひとかけら
 
エンジニアのキャリアを考える
エンジニアのキャリアを考えるエンジニアのキャリアを考える
エンジニアのキャリアを考える
 
Watanabe civictechforum
Watanabe civictechforumWatanabe civictechforum
Watanabe civictechforum
 
webSocket通信を知らないiOSエンジニアが知っておいて損はしない(経験談的な)軽い話
webSocket通信を知らないiOSエンジニアが知っておいて損はしない(経験談的な)軽い話webSocket通信を知らないiOSエンジニアが知っておいて損はしない(経験談的な)軽い話
webSocket通信を知らないiOSエンジニアが知っておいて損はしない(経験談的な)軽い話
 
モデルベースソフトウェア開発コミュニティキックオフイベントオープニング
モデルベースソフトウェア開発コミュニティキックオフイベントオープニングモデルベースソフトウェア開発コミュニティキックオフイベントオープニング
モデルベースソフトウェア開発コミュニティキックオフイベントオープニング
 
Azureを活用したHoloLensアプリ開発
Azureを活用したHoloLensアプリ開発Azureを活用したHoloLensアプリ開発
Azureを活用したHoloLensアプリ開発
 
立教大学MBA:AIの最先端技術によるこれからの価値創造
立教大学MBA:AIの最先端技術によるこれからの価値創造立教大学MBA:AIの最先端技術によるこれからの価値創造
立教大学MBA:AIの最先端技術によるこれからの価値創造
 
LPWA 勉強会 #1 | これだけ知っていればLoRaWAN & SORACOM Air for LoRaWAN
LPWA 勉強会 #1 | これだけ知っていればLoRaWAN & SORACOM Air for LoRaWANLPWA 勉強会 #1 | これだけ知っていればLoRaWAN & SORACOM Air for LoRaWAN
LPWA 勉強会 #1 | これだけ知っていればLoRaWAN & SORACOM Air for LoRaWAN
 
Io t,ai時代のソフトウェア
Io t,ai時代のソフトウェアIo t,ai時代のソフトウェア
Io t,ai時代のソフトウェア
 
Developers.IO 2017 | SORACOMの「便利さが伝わりにくいサービス」ランキング!!
Developers.IO 2017 | SORACOMの「便利さが伝わりにくいサービス」ランキング!!Developers.IO 2017 | SORACOMの「便利さが伝わりにくいサービス」ランキング!!
Developers.IO 2017 | SORACOMの「便利さが伝わりにくいサービス」ランキング!!
 
開発者のためのUIデザイン入門
開発者のためのUIデザイン入門開発者のためのUIデザイン入門
開発者のためのUIデザイン入門
 
ニコニコアプリ開発
ニコニコアプリ開発ニコニコアプリ開発
ニコニコアプリ開発
 
Web制作に便利な機能いろいろ!Microsoft Azureの概要
Web制作に便利な機能いろいろ!Microsoft Azureの概要Web制作に便利な機能いろいろ!Microsoft Azureの概要
Web制作に便利な機能いろいろ!Microsoft Azureの概要
 

More from 典子 松本

More from 典子 松本 (11)

ノーコードでAIサービスを使ってみよう!「AI Bulder」
ノーコードでAIサービスを使ってみよう!「AI Bulder」ノーコードでAIサービスを使ってみよう!「AI Bulder」
ノーコードでAIサービスを使ってみよう!「AI Bulder」
 
ノーコーディングでやってみよう!写真を色々加工して自動ツイートするLINE Botを作ってみた話。
ノーコーディングでやってみよう!写真を色々加工して自動ツイートするLINE Botを作ってみた話。ノーコーディングでやってみよう!写真を色々加工して自動ツイートするLINE Botを作ってみた話。
ノーコーディングでやってみよう!写真を色々加工して自動ツイートするLINE Botを作ってみた話。
 
古代エジプトの魅力について
古代エジプトの魅力について古代エジプトの魅力について
古代エジプトの魅力について
 
ノンコーディングでサーバーレス体験。Azure Logic Apps のすゝめ
ノンコーディングでサーバーレス体験。Azure Logic Apps のすゝめノンコーディングでサーバーレス体験。Azure Logic Apps のすゝめ
ノンコーディングでサーバーレス体験。Azure Logic Apps のすゝめ
 
お得に手軽に♪試してみよう!サーバーレスアーキテクチャ ~Azure Functions / Logic Apps~
お得に手軽に♪試してみよう!サーバーレスアーキテクチャ ~Azure Functions / Logic Apps~お得に手軽に♪試してみよう!サーバーレスアーキテクチャ ~Azure Functions / Logic Apps~
お得に手軽に♪試してみよう!サーバーレスアーキテクチャ ~Azure Functions / Logic Apps~
 
ノンコーディングでLINE BOTを作ってみた話
ノンコーディングでLINE BOTを作ってみた話ノンコーディングでLINE BOTを作ってみた話
ノンコーディングでLINE BOTを作ってみた話
 
Webデザイナーの私がMicrosoft Azureを使うようになったワケ
Webデザイナーの私がMicrosoft Azureを使うようになったワケWebデザイナーの私がMicrosoft Azureを使うようになったワケ
Webデザイナーの私がMicrosoft Azureを使うようになったワケ
 
Web制作的SendGridのススメ SendGridで色々やってみた話
Web制作的SendGridのススメ SendGridで色々やってみた話Web制作的SendGridのススメ SendGridで色々やってみた話
Web制作的SendGridのススメ SendGridで色々やってみた話
 
簡単・お手軽!ノンプログラミングで便利BOTを作ってみた話
簡単・お手軽!ノンプログラミングで便利BOTを作ってみた話簡単・お手軽!ノンプログラミングで便利BOTを作ってみた話
簡単・お手軽!ノンプログラミングで便利BOTを作ってみた話
 
案件規模で使い分けよう!Microsoft Azure×WordPressの話
案件規模で使い分けよう!Microsoft Azure×WordPressの話案件規模で使い分けよう!Microsoft Azure×WordPressの話
案件規模で使い分けよう!Microsoft Azure×WordPressの話
 
Microsoft Azure WebAppsで ECサイトを構築してみた話 ~EC-CUBE3で試してみました~
Microsoft Azure WebAppsでECサイトを構築してみた話 ~EC-CUBE3で試してみました~Microsoft Azure WebAppsでECサイトを構築してみた話 ~EC-CUBE3で試してみました~
Microsoft Azure WebAppsで ECサイトを構築してみた話 ~EC-CUBE3で試してみました~
 

「JPOHC」のロゴ制作の話