{"componentChunkName":"component---src-modules-datocms-post-page-page-tsx","path":"/posts/17","result":{"data":{"post":{"title":"ロゴデザインをする前に","author":{"name":"kobayap","images":{"r32":{"src":"https://www.datocms-assets.com/29850/1591833417-9546609.jpg?auto=format&fm=png&h=32&mask=ellipse&w=32","srcSet":"https://www.datocms-assets.com/29850/1591833417-9546609.jpg?auto=format&dpr=1&fm=png&h=32&mask=ellipse&w=32 1x,\nhttps://www.datocms-assets.com/29850/1591833417-9546609.jpg?auto=format&dpr=1.5&fm=png&h=32&mask=ellipse&w=32 1.5x,\nhttps://www.datocms-assets.com/29850/1591833417-9546609.jpg?auto=format&dpr=2&fm=png&h=32&mask=ellipse&w=32 2x,\nhttps://www.datocms-assets.com/29850/1591833417-9546609.jpg?auto=format&dpr=3&fm=png&h=32&mask=ellipse&w=32 3x"},"r48":{"src":"https://www.datocms-assets.com/29850/1591833417-9546609.jpg?auto=format&fm=png&h=48&mask=ellipse&w=48","srcSet":"https://www.datocms-assets.com/29850/1591833417-9546609.jpg?auto=format&dpr=1&fm=png&h=48&mask=ellipse&w=48 1x,\nhttps://www.datocms-assets.com/29850/1591833417-9546609.jpg?auto=format&dpr=1.5&fm=png&h=48&mask=ellipse&w=48 1.5x,\nhttps://www.datocms-assets.com/29850/1591833417-9546609.jpg?auto=format&dpr=2&fm=png&h=48&mask=ellipse&w=48 2x,\nhttps://www.datocms-assets.com/29850/1591833417-9546609.jpg?auto=format&dpr=3&fm=png&h=48&mask=ellipse&w=48 3x"}},"bio":"映像製作業界からウェブ系に転身した異色の経歴を持つ。 ShouldBeeではデザインと、テストの自動化を担当。"},"date":"2014年12月11日","tags":[],"category":"ShouldBee","body":"<a href=\"https://c16e-esa-io-public-files.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/15637/2020/05/28/18740/ea9f6faa-b865-468a-9d1d-11ab736f7e54.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img width=\"500\" src=\"https://c16e-esa-io-public-files.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/15637/2020/05/28/18740/ea9f6faa-b865-468a-9d1d-11ab736f7e54.jpg\"></a>\n<p data-sourcepos=\"3:1-5:39\">こんにちは！ShouldBeeのデザイン担当の小林です。<br>\nデザインやCG、映像なんかの記事をちょこちょこ書いていく予定です。<br>\nよろしくお願いしますm(_ _)m</p>\n<p data-sourcepos=\"7:1-8:216\">先日、新しいShouldBeeのロゴが決定しました！が、決まるまでには色んなデザインを考えては悩み、悩んでは作り直し、作っては考えるという無限ループを繰り返しておりました。<br>\nShouldBeeのビジュアルイメージを決める大事な作業だったのでとてもやりがいのある仕事でしたが、そんなロゴデザインについてまとめておこうかなと思います。</p>\n<h2 data-sourcepos=\"10:1-10:15\" id=\"0-1-0\" name=\"0-1-0\">\n<a class=\"anchor\" id=\"ロゴとは\" name=\"%E3%83%AD%E3%82%B4%E3%81%A8%E3%81%AF\" href=\"#%E3%83%AD%E3%82%B4%E3%81%A8%E3%81%AF\" data-position=\"0-1-0\"><i class=\"fa fa-link\"></i><span class=\"hidden\" data-text=\"ロゴとは\"> &gt; ロゴとは</span></a>ロゴとは</h2>\n<p data-sourcepos=\"12:1-12:72\">まずはロゴについて参考にしたサイトからの引用を。</p>\n<blockquote data-sourcepos=\"14:1-16:123\">\n<p data-sourcepos=\"14:3-14:122\"><em>\"ロゴとは「どう思われたいか」というより「どうありたいか」を象徴するものである\"</em></p>\n<p data-sourcepos=\"16:3-16:123\"><a href=\"http://www.webcreatorbox.com/inspiration/logo-process/\" target=\"_blank\" rel=\"noopener noreferrer\">ロゴ制作の手順を実例とあわせて紹介！</a>　より</p>\n</blockquote>\n<p data-sourcepos=\"18:1-18:105\">ふーむ、なるほど。自分達がこうあるべき！みたいな理念みたいなものかな。</p>\n<blockquote data-sourcepos=\"20:1-22:138\">\n<p data-sourcepos=\"20:3-20:170\"><em>\"ロゴは商品や企業のブランド価値を高めるために重要な一要素であり、商品や企業を代弁する機能を果たす必要がある。\"</em></p>\n<p data-sourcepos=\"22:3-22:138\"><a href=\"http://blog.logoichi.com/knowledge/3095\" target=\"_blank\" rel=\"noopener noreferrer\">ロゴデザインと企業名、あなたはどちらが印象に残りますか？</a>　より</p>\n</blockquote>\n<p data-sourcepos=\"24:1-24:63\">ブランディングの大事なところって訳ですね。</p>\n<blockquote data-sourcepos=\"26:1-29:53\">\n<p data-sourcepos=\"26:3-27:114\"><em>\"あなたのブランドが「エクセレント」にみえるか、「平凡」にみえるかは、<br>\n顧客と接触するマーケティング・ツール、とりわけロゴに大きく影響されます。\"</em></p>\n<p data-sourcepos=\"29:3-29:53\">「ブランドの授業」阪本啓一著　より</p>\n</blockquote>\n<p data-sourcepos=\"31:1-32:75\">えーなんかものすごいプレッシャー…。<br>\nうん、大事なんだなっていうのはわかった気がします。</p>\n<h2 data-sourcepos=\"34:1-34:30\" id=\"0-2-0\" name=\"0-2-0\">\n<a class=\"anchor\" id=\"デザインのポイント\" name=\"%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88\" href=\"#%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88\" data-position=\"0-2-0\"><i class=\"fa fa-link\"></i><span class=\"hidden\" data-text=\"デザインのポイント\"> &gt; デザインのポイント</span></a>デザインのポイント</h2>\n<p data-sourcepos=\"36:1-36:81\">自分が実際にデザインをする時に気を付けたポイントです。</p>\n<ul data-sourcepos=\"38:1-41:0\">\n<li data-sourcepos=\"38:1-38:41\"><strong>キーワードを基準にする</strong></li>\n<li data-sourcepos=\"39:1-39:41\"><strong>なるべくシンプルにする</strong></li>\n<li data-sourcepos=\"40:1-41:0\"><strong>色は決めずにまずは白黒で作る</strong></li>\n</ul>\n<p data-sourcepos=\"42:1-42:132\">作る時にはこの３つのことを守ることでとても作りやすくなり、ゴールも見えやすくなりました。</p>\n<p data-sourcepos=\"44:1-45:196\">まずはどんなイメージにしたいかというキーワード。あまり多いとイメージが広がらなくなってしまうので3個くらいでしょうか。<br>\n今回のShouldBeeでは <strong>「蜂(ハニカムもあり)」「親しみやすい」「わかりやすい(ファビコンにした時でも認識出来る)」</strong> をキーワードにしました。</p>\n<p data-sourcepos=\"47:1-47:209\">そしてデザインを進めていく上でなんか違うな・・・と思ったらなるべく<strong>簡略化</strong>、<strong>単純化</strong>してみるとより洗練されたイメージになりやすいかもです。</p>\n<p data-sourcepos=\"49:1-49:235\">あと意外と大事なのが<strong>白黒で作る</strong>ということです。最初から色をつけて作ってしまうと色のイメージに頼ってしまうためロゴのデザイン性が薄くなってしまうので要注意！</p>\n<h2 data-sourcepos=\"51:1-51:81\" id=\"0-3-0\" name=\"0-3-0\">\n<a class=\"anchor\" id=\"・・・結局、色々やって煮詰まったら潔く「作り直し」！\" name=\"%E3%83%BB%E3%83%BB%E3%83%BB%E7%B5%90%E5%B1%80%E3%80%81%E8%89%B2%E3%80%85%E3%82%84%E3%81%A3%E3%81%A6%E7%85%AE%E8%A9%B0%E3%81%BE%E3%81%A3%E3%81%9F%E3%82%89%E6%BD%94%E3%81%8F%E3%80%8C%E4%BD%9C%E3%82%8A%E7%9B%B4%E3%81%97%E3%80%8D%EF%BC%81\" href=\"#%E3%83%BB%E3%83%BB%E3%83%BB%E7%B5%90%E5%B1%80%E3%80%81%E8%89%B2%E3%80%85%E3%82%84%E3%81%A3%E3%81%A6%E7%85%AE%E8%A9%B0%E3%81%BE%E3%81%A3%E3%81%9F%E3%82%89%E6%BD%94%E3%81%8F%E3%80%8C%E4%BD%9C%E3%82%8A%E7%9B%B4%E3%81%97%E3%80%8D%EF%BC%81\" data-position=\"0-3-0\"><i class=\"fa fa-link\"></i><span class=\"hidden\" data-text=\"・・・結局、色々やって煮詰まったら潔く「作り直し」！\"> &gt; ・・・結局、色々やって煮詰まったら潔く「作り直し」！</span></a>・・・結局、色々やって煮詰まったら潔く「作り直し」！</h2>\n<p data-sourcepos=\"53:1-53:93\">ダメならダメで引きずらない。デザイナーとはそういう生き物です。</p>\n<p data-sourcepos=\"55:1-55:87\">次回実際に作ったデザインサンプルを載せてみたいと思います！</p>\n"}},"pageContext":{"id":"DatoCmsPost-5142949-ja","description":"こんにちは！ShouldBeeのデザイン担当の小林です。 デザインやCG、映像なんかの記事をちょこちょこ書いていく予定です。 よろしくお願いしますm(_ _)m 先日、新しいShouldBeeのロゴが決定しました！が、決まるまでには色んなデザインを考えては悩み、悩んでは作り直し、作っては考えるという無限ループを繰り返しておりました。 ShouldBeeのビジュアルイメージを決める大事な作業だったのでとてもやりがいのある仕事でしたが、そんなロゴデザインについてまとめておこうかなと思います。 ロゴとは まずはロゴについて参考にしたサイトからの引用を。 \"ロゴとは「どう思われたいか」というより「どう","toc":[{"tag":"h2","depth":2,"href":"#%E3%83%AD%E3%82%B4%E3%81%A8%E3%81%AF","text":"ロゴとは","html":"ロゴとは"},{"tag":"h2","depth":2,"href":"#%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88","text":"デザインのポイント","html":"デザインのポイント"},{"tag":"h2","depth":2,"href":"#%E3%83%BB%E3%83%BB%E3%83%BB%E7%B5%90%E5%B1%80%E3%80%81%E8%89%B2%E3%80%85%E3%82%84%E3%81%A3%E3%81%A6%E7%85%AE%E8%A9%B0%E3%81%BE%E3%81%A3%E3%81%9F%E3%82%89%E6%BD%94%E3%81%8F%E3%80%8C%E4%BD%9C%E3%82%8A%E7%9B%B4%E3%81%97%E3%80%8D%EF%BC%81","text":"・・・結局、色々やって煮詰まったら潔く「作り直し」！","html":"・・・結局、色々やって煮詰まったら潔く「作り直し」！"}],"ogpImageUrl":"https://www.datocms-assets.com/29850/1593190022-pastedimage20200627146.png?fm=png&mark64=aHR0cHM6Ly93d3cuZGF0b2Ntcy1hc3NldHMuY29tLzI5ODUwLzE1OTMxNTQ2MzYtdHJhbnNwYXJlbnQtcGl4ZWwucG5nP3c9NDAwJmg9NjQmZml0PWNyb3AmYmxlbmQ2ND1hSFIwY0hNNkx5OTNkM2N1WkdGMGIyTnRjeTFoYzNObGRITXVZMjl0THpJNU9EVXdMekUxT1RFNE16TTBNVGN0T1RVME5qWXdPUzVxY0djX2JXRnphejFsYkd4cGNITmxKbVp0UFhCdVp5WjNQVEkxTmlab1BUSTFOZyZibGVuZC1oPTY0JmJsZW5kLXg9MCZibGVuZC15PTAmYmxlbmQtbW9kZT1ub3JtYWwmbWFyazY0PWFIUjBjSE02THk5aGMzTmxkSE11YVcxbmFYZ3VibVYwTDM1MFpYaDBQM1I0ZEMxaGJHbG5iajF0YVdSa2JHVWxNa05zWldaMEpuUjRkQzFtYjI1MFBYTmhibk10YzJWeWFXWWxNa05pYjJ4a0puUjRkQzFqYjJ4dmNqMHlNakU0TVRZbWRIaDBOalE5WVRJNWFWbFliR2hqUVNaMGVIUXRjMmw2WlQwek1DWm9QVFkwJm1hcmsteD02NCZtYXJrLWFsaWduPW1pZGRsZSUyQ2xlZnQ&mark-align=bottom%2Cleft&mark-x=100&mark-y=496&blend64=aHR0cHM6Ly93d3cuZGF0b2Ntcy1hc3NldHMuY29tLzI5ODUwLzE1OTMxNTQ2MzYtdHJhbnNwYXJlbnQtcGl4ZWwucG5nP3c9MTIwMCZoPTYzMCZmaXQ9Y3JvcCZtYXJrNjQ9YUhSMGNITTZMeTkzZDNjdVpHRjBiMk50Y3kxaGMzTmxkSE11WTI5dEx6STVPRFV3THpFMU9UTXhOVEE1TkRBdFkzSmhablJ6YldGdUxUQXhMbkJ1WncmbWFyay1hbGlnbj10b3AlMkNjZW50ZXImbWFyay13PTI1MCZtYXJrLXk9ODAmYmxlbmQ2ND1hSFIwY0hNNkx5OWhjM05sZEhNdWFXMW5hWGd1Ym1WMEwzNTBaWGgwUDNSNGRDMWhiR2xuYmoxdGFXUmtiR1VsTWtOalpXNTBaWEltZEhoMExXWnZiblE5YzJGdWN5MXpaWEpwWmlVeVEySnZiR1FtZEhoMExYQmhaRDB4TURBbWRIaDBMV052Ykc5eVBUSXlNVGd4TmlaMGVIUTJORDAwTkU5ME5EUkxNRFEwVDBnME5Fc3lORFJMYXpRMFQzbzBORXRUTkRSSFdqUTBTMHcxV1cxT05EUkhjaVowZUhRdGMybDZaVDAxTlNaM1BURXlNREFtYUQwMk16QSZibGVuZC1tb2RlPW5vcm1hbA&blend-mode=normal","otherPost":{"type":"author","title":"ロゴデザインをやってみた①","slug":"/posts/21"}}}}