Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ロゴマニュアル

Yudai Suzuki
November 20, 2017

 ロゴマニュアル

Yudai Suzuki

November 20, 2017
Tweet

More Decks by Yudai Suzuki

Other Decks in Design

Transcript

  1. は じ め に ロゴの役割について サービスロゴは、ただ単に気分や新しさを追求したものではありません。 重要視するべきなのは、それが、サービスの掲げる理念や 特性を視覚化したものであり、時代の変化に左右されることのない普遍性、 また競合企業と明確に差別化するための強い独自性を持っていることです。 そして、ロゴは、サービスを象徴するものとして社会へあらゆる形で発信され、

    サービスと顧客、サービスと社会をつなぐ、重要な役割を果たしていきます。 ロゴの機能について すべての顧客に対して、社員が直に顔を見せてお話できるわけではありません。 会うことのできない顧客にとっては、ロゴこそが、企業の顔となります。 よく人材採用の現場において、採用の成否は第一印象にかかっている、と言われます。 相手の顔や仕草などから、人は、想像以上に多くの情報を読み取るのです。 ロゴは、サービスの性格や気概を一瞬で印象付ける「顔」だと考えてください。 このマニュアルについて このマニュアルを参照し、正しくロゴが使われているかチェックしてみてください。 ・曲がっていないでしょうか ? ・色は合っていますか ? ・ちゃんと見える大きさでしょうか ? 誤った使い方をした場合、サービスのイメージは画一的ではなくなり、 我々自身が提供する価値や思いは伝わりません。 それどころか、我々自身の価値を傷つける可能性すらあります。 サービスの更なる成長をつくるためにも、ロゴの保守・運用に努めてください。
  2. コン セプト 2017年3月1日、クラウドテックのブランド力と認知力の向上を目的として、リニューアル。 群衆 (Crowd) と、技術 (tech)= 技術を持ったプロ (フリーランス) のエンジニア・デザイナーが

    集まるサービスであることを意識しつつ、 クラウドワークスのブランド力を継承することで、クラウドテックの体外的な認知と期待値の向上を目指し、 「Crowd」 はクラウドワークスロゴのデザインを継承。 「tech」は、タイポグラフィで 技術に知性と先 進性という価 値を付加。カラーに関しては、安心感 を感じる緑を採用。 1
  3. 基本色/グラデーション表示 カラー単色 /ポジティブ表示 C 70% M 0% Y 90% K 0% DIC 638

    R 67  G 177 B 73 #43b149 C 50% M 0% Y 60% K 75% DIC 379 R 48  G 80 B 47 #30502f C 0% M 0% Y 0% K 50% DIC 581B 50% R 159  G 160 B 160 #9fa0a0 C 0% M 0% Y 0% K 100% DIC 581B 100% R 0  G 0 B 0 #000000 モノクロ/ネガティブ表示 カラー単色 /ポジティブ表示 CMYKカラー C M Y K 60% 0% 90% 0% C M Y K 80% 0% 100% 0% C M Y K 40% 0% 50% 65% C M Y K 50% 0% 100% 100% RGBカラー R G B 110 186 68 #6eba44 R G B 0 167 60 #00a73c R G B 78 104 73 #4e6849 R G B 0 21 0 #001500 モノクロ/ネガティブ表示 カラー指 定 ロゴを使用する際、カラーは以下の色のみで使用可能です。 2
  4. 緑色系 100% 90% 80% 70% 60% 50% 40% 30% 20%

    10% 赤色系 青色系 黃色系 黒色系 0% 背景色 に 関して 3 ロゴを配置する際、背景色の指定はありませんが、明度に合わせてロゴカラーを選択し、視認性を確保する必要があります。これらは、ロゴの組み合わせタイプ全て共通のルールになります。
  5. 0.25a 最小仕様サイズ ※Web表示の場合は16px a 0.3a 0.1a 0.1a 0.05a 0.45b 最小仕様サイズ

    b 2b 0.1b 横型 縦型 シンボルマーク単体 c 0.25c 最小仕様サイズ ※Web表示の場合は16px ※Web表示の場合は25px 組み合わせと最小仕様サイズ 4 ロゴを使用する際、組み合わせタイプを定めています。 ※アイソレーションの仕組みは、下図のとおり。
  6. d 1/4d 1/4d 1/4d 1/4d 1/4d 1/4d 1/4d 1/4d 1/4d

    1/4d 1/4d 1/4d アイソレーション 5 ロゴの配置にあたっては、ロゴへの他の要素の干渉を防ぐため、天地左右には、適度な余白があると効果的です。 この項では、周囲の要素や画面の端との間に最小限確保すべき余白を規定しています。 アイソレーションの仕組みは、下図のとおり、シンボルマークの直径(d)の 4 分の 1 を最小限必要な余白として算出しています。
  7. 150-6006 東京都渋谷区恵比寿4-20-3 恵比寿ガーデンプレイスタワー6階 Tel : 03-6450-2084 Fax : 03-3280-1186 Mobile:

    090-0000-0000    : 0120-109-833 E-mail : [email protected] 事 業 部 長 蔵 人 太 郎 “ 働く”を通して人々に笑 顔を https://crowdtech.jp/ 名刺等印刷媒体での仕様について(役職 あり) 推奨フォント/ 日本語書体:Noto Sans CKJ Demi Regular 英語書体:Avenir light 首都圏営業所版 関西営業所版 6 株式会社クラウドワークス クラウドテック事業部 〒530-0011 大阪府大阪市北区大深町3-1 グランフロント大阪 ナレッジキャピタル8階 K826 Tel : 06-6136-3728 Fax : 03-3280-1186 Mobile: 090-0000-0000 E-mail : [email protected] 事 業 部 長 蔵 人 太 郎 株式会社クラウドワークス クラウドテック事業部 “ 働く”を通して人々に笑 顔を https://crowdtech.jp/
  8. 名刺等印刷媒体での仕様について(役職 なし) 推奨フォント/ 日本語書体:Noto Sans CKJ Demi Regular 英語書体:Avenir light 7

    “ 働く”を通して人々に笑 顔を https://crowdtech.jp/ “ 働く”を通して人々に笑 顔を https://crowdtech.jp/ 首都圏営業所版 関西営業所版 150-6006 東京都渋谷区恵比寿4-20-3 恵比寿ガーデンプレイスタワー6階 Tel : 03-6450-2084 Fax : 03-3280-1186 Mobile: 090-0000-0000    : 0120-109-833 E-mail : [email protected] 蔵 人 太 郎 首都圏営業所版 株式会社クラウドワークス クラウドテック事業部 〒530-0011 大阪府大阪市北区大深町3-1 グランフロント大阪 ナレッジキャピタル8階 K826 Tel : 06-6136-3728 Fax : 03-3280-1186 Mobile: 090-0000-0000 E-mail : [email protected] 蔵 人 太 郎 株式会社クラウドワークス クラウドテック事業部
  9. 指定色以外を使用してはならない。 変形をしてはならない。 組み合わせタイプ以外でシンボルマークと ロゴタイプの比率を変えてはならない。 組み合わせタイプ以外でシンボルマークと ロゴタイプの位置を変えてはならない。 ロゴタイプを他の書体で表現してはならない。 アイソレーションを無視した他の要素を 加えてはならない。 文章中に使用してはならない。

    は、 プロを… アウトラインをつけてはならない。 傾けてはならない。 ロゴタイプを単体で使用してはならない。 要素が欠けてはならない。 立体化した演出をしてはならない。 テクスチャをいれてはならない。 影をつけてはならない。 禁止事項 8
  10. その他 、クラウドテック関連事業ロゴについて (1-1) 9 その他 、クラウドテック関連事業ロゴデザインに関しては、 (5) アイソレーションの仕組みに乗っ取ってデザインを管理。 各派生事業の独自性を表すものとして、 (B)

    部分はカラーや組み合わせは、別途 独自の規定を設定します。 d 1/4d 1/4d 1/4d 1/4d 1/4d 1/4d B CMYKカラー RGBカラー CMYKカラー RGBカラー R G B 67 177 73 #43b149 CMYKカラー RGBカラー R G B 159 160 160 #9fa0a0 基本色/グラデーション表示 カラー単色 /ポジティブ表示 モノクロ/ネガティブ表示 C M Y K 60% 0% 90% 0% C M Y K 80% 0% 100% 0% R G B 110 186 68 #6eba44 R G B 0 167 60 #00a73c C M Y K 0% 0% 0% 50% DIC 581B 50% C M Y K 70% 0% 90% 0% DIC 638
  11. その他 、クラウドテック関連事業ロゴについて (1-2) 10 モノクロ/ネガティブ表示 C 70% M 0% Y 90% K 0%

    DIC 638 R 67  G 177 B 73 #43b149 カラー単色 /ポジティブ表示 C 0% M 0% Y 0% K 100% DIC 581B 100% R 0  G 0 B 0 #000000
  12. その他 、クラウドテック関連事業ロゴについて (1-3) 11 d 1/4d 1/4d 1/4d 1/4d 1/4d

    1/4d 1/4d 1/4d B CMYKカラー C M Y K 70% 0% 68% 0% C M Y K 91% 57% 92% 32% C M Y K 7% 61% 50% 0% C M Y K 25% 100% 100% 0% C M Y K 21% 3% 21% 0% C M Y K 52% 6% 36% 0% 基本色/グラデーション表示 カラー単色 /ポジティブ表示 モノクロ/ネガティブ表示 RGBカラー R G B 40 190 120 #28BE78 R G B 0 78 50 #004E32 R G B 238 132 112 #EE8470 R G B 205 19 28 #CD131C R G B 212 233 215 #D4E9D7 R G B 133 201 181 #85C9B5 CMYKカラー C M Y K 80% 21% 81% 0% C M Y K 25% 98% 100% 0% C M Y K 23% 3% 20% 0% RGBカラー R G B 0 155 90 #009B5A R G B 205 28 27 #CD1C1B R G B 206 226 209 #D1E6D4 CMYKカラー C M Y K 0% 0% 0% 100% C M Y K 0% 0% 0% 55% C M Y K 0% 0% 0% 26% RGBカラー R G B 4 0 0 R G B 150 150 150 R G B 210 210 210 DIC 581B DIC 581B 55% DIC 581B 26% DIC 2561 DIC 2497* DIC 2116* #000000 #969696 #D2D2D2
  13. その他 、クラウドテック関連事業ロゴについて (1-4) 12 モノクロ/ネガティブ表示 C 70% M 0% Y 90% K 0%

    DIC 638 R 67  G 177 B 73 #43b149 カラー単色 /ポジティブ表示 C 0% M 0% Y 0% K 100% DIC 581B 100% R 0  G 0 B 0 #000000 組み合わせ