既存フォントを使わずに制作。犬と猫の治療薬ガイドのロゴデザイン

昨年の制作実績になりますが、獣医療の出版社EDUWARD Pressさま（以下：クライアントさま）が運営する、獣医療情報と臨床現場をつなぐ検索型治療薬データベース「犬と猫の治療薬ガイド」のwebサイト版ロゴデザインを担当させていただきました。

犬と猫の治療薬ガイドは獣医療に携わる方々に向けた書籍として毎年出版されているのですが、webでも閲覧できるようにしたいということで、web版のロゴが必要でした。

以前違うサービス立ち上げのときにもロゴを制作させていただいたことがあり、当初はそのロゴを今回の治療薬ガイドに使用したいというお話でしたが、サービスの内容が既存のロゴとは合わない部分が出てきたので、新しいロゴを制作することになりました。

ロゴに関してクライアントさまからのご要望は以下です。

上記のご要望を踏まえ、ロゴマーク不要で文字の中に少し工夫を入れるような方向性でタイプロゴデザインを考案することにしました。

まずは3パターンのロゴデザインを提案

ロゴを制作するとき、僕の場合まずはメモ帳とペンで手描きしながら何パターンもアイデアを描き出していきます。

その中から良いデザインだと思ったものをさらにスケッチでブラッシュアップしていきながら、提案できるレベルにまで昇華させていきました。そしてA案からC案までの3パターンをクライアントさまに提案させていただきました。

提案したA、B、C案はそれぞれ

といった言葉を添えてクライアントさまに提案させていただきました。

そしてこの中からA案を選んでいただいたので、ここからAdobeのグラフィックソフト「illustrator（イラストレーター）」を使い、実際にロゴとして本格的に形にしていきました。

想像以上に試行錯誤を繰り返しました

実際にロゴの制作に取り掛かったとき、ロゴのイメージに合う既存フォントがなく、フォントをアレンジして制作というよりもイメージに沿って完全オリジナルで制作することにしました。

文字数がやや多い上に完全オリジナルでの制作だったので、各文字のディティールや線の太さ、テイストなどグリッドを手がかりにしながら図形を組み合わせるように、何度も何度も試行錯誤を繰り返しました。

例えば上記の画像で見える範囲でいうと、ガイドの「ガ」のディティールは直角のほうがいいのかやや斜めに傾けたほうがいいのか、「と」や「の」の横幅は他の文字よりも広いほうがいいのか、高さは低いほうがいいのかなどなど・・。

形にしたロゴを実際にwebサイトで表示させるサイズにしたときにどこまで視認性があるのか、イメージどおりに表示できるかなどを確認し、少しでも違ったり気になるところがあればつくり直しを何度も繰り返し・・数日かけてようやく完成させることができました。

細かいロゴのディティール

ロゴを少し拡大するとわかるのですが、文字全体の角を丸くしながら、「犬」の漢字の点の部分や「猫」の漢字の縦長のスペースを少しだけ薬を想起させるようなディティールの加工を施すことで、親しみを感じるロゴデザインにしています。

「治療薬」の画数の多い漢字の部分も余白や各要素の配置、線の角度の統一などかなりこだわりました。

そうして完成した犬と猫の治療薬ガイドのロゴデザインがこちらです。

背景をアクセントカラーであるブルーにした場合のバリエーションもご用意。

既存フォントを一切使用せず日本語ロゴを制作したのは今回のロゴが初めてでしたが、最終的にご満足いただけて何よりでした。

SNSなどの展開用にアイコンも制作

webサイトに使用するロゴだけでなく、XやfacebookなどのSNSに使用するためのアイコンも同時に制作しました。

文字数が多いのと正方形の範囲の中でどう収めるかを考慮しながら、少しユーモアのある形に落とし込みました。webサイトのブラウザのタブに表示されるファビコンとしても実際に使用されています。

webサイトも公開されています

ロゴを制作後、デザインのみでしたがwebサイトのデザインも提供させていただきました。

医療向けのwebサイトのためログインが必要で一般の方は詳細ページまで閲覧できないですが、無事に公開されたようで何よりです。サービスの繁栄を願っております。ありがとうございました。

※webサイトによっては変更・クローズしてることもありますので、その際はご容赦ください。