--- title: "CIデザインとは？コーポレートアイデンティティの3要素とVIマニュアルの作り方" url: "https://www.issoh.co.jp/column/details/5953/" published: 2025-03-21 updated: 2026-10-12 categories: ["マーケティング"] publisher: "株式会社一創" --- # CIデザインとは？コーポレートアイデンティティの3要素とVIマニュアルの作り方 コーポレートアイデンティティ（CI）とは、企業の理念や存在意義を言葉・行動・デザインの三方向で統一し、社内外に一貫したイメージとして発信する経営戦略を指します。「CIデザイン」と言うとロゴの制作を思い浮かべがちですが、ロゴの刷新だけを指す言葉ではなく、「自社は何のために存在し、どう振る舞い、どう見せるか」を体系化する取り組みです。この記事では、CIの定義と3要素（MI・BI・VI）、CIデザインで決める項目（VIマニュアル）、Web実装、商標登録の費用、策定と刷新の判断基準までを実務の順序でまとめます。なお、開発・運用の現場で使う「CI（継続的インテグレーション＝Continuous Integration）」とは別語です。本記事は企業ブランドの文脈のCIを扱います。 ## まとめ：CI（コーポレートアイデンティティ）とCIデザインの要点 - **定義**：企業理念を「理念・行動・視覚」で統一し、社内外へ一貫して発信する経営戦略。ロゴ変更だけを指す言葉ではない。 - **3要素**：MI（理念）を起点に、BI（行動基準）とVI（視覚要素）へ落とし込む。順序を逆にすると形骸化しやすい。 - **CIデザインの成果物**：ロゴに加え、余白・最小サイズ・カラー値・禁止例を定めたVIマニュアル。Webではデザイントークンとして実装する。 - **権利**：ロゴは商標出願してから公開する。特許庁費用は1区分で合計44,900円（2026年10月時点）。 - **成り立ち**：起源は1950〜60年代の米国。日本では1975年のマツダ（PAOS／中西元男）を機に、1980年代のバブル期にCIブームが起きた。 - **策定**：現状把握→理念の言語化→行動・視覚設計→社内浸透→ガイドライン運用の5ステップ。社内浸透（インナーブランディング）が最も抜けやすい。 - **刷新**：事業内容と乖離した古いCIは、既存の認知資産を壊さない段階移行で刷新する。VIだけ変える刷新は失敗しやすい。 ## コーポレートアイデンティティ（CI）の意味と成り立ち、混同しやすい用語 CIは「Corporate（企業の）」と「Identity（独自性・同一性）」を組み合わせた言葉です。企業が持つ理念や価値観という中身と、それを外から見分けられる姿とを一致させ、どの接点でも「その会社らしさ」がぶれないようにすることが目的です。名刺・Webサイト・店舗・採用・広報など接点が増えるほど、統一されたCIの有無が企業の印象を左右します。 ### CIの定義と「Corporate×Identity」の語義・設計範囲 CIを「ロゴやカラーの統一」と捉えると、視覚だけの話に矮小化されます。実務でのCIは、経営理念（何のために存在するか）を定め、それを従業員の行動と、外から見える表現の両方へ一貫して展開するための枠組みです。理念・行動・視覚のどれか一つが欠けても「らしさ」は崩れるため、CIは三点セットで設計します。 ### CIが生まれた背景｜1950〜60年代アメリカの企業多角化と表現統一 CIの考え方は、1950〜60年代のアメリカで広がりました。大企業が事業を多角化し、買収でグループ会社が増えるなかで、「同じ企業グループに見えない」「品質や信頼が伝わらない」という一貫性の問題が表面化したためです。同時期にマスメディアが発達し、統一された企業表現が競争上の資産になると認識されたことが、CIを経営テーマへ押し上げました。 ### 日本のCIブームと現在地｜1975年マツダから中西元男・PAOSまで 日本で本格的なCI計画の先駆けとされるのが、1975年のマツダ（当時の東洋工業）です。デザインコンサルティング会社PAOS（中西元男が1968年に創業）が数年をかけて開発し、欧米発のCIを日本企業向けに体系化しました。その後、1980年代のバブル期にかけてCIブームが起き、多くの企業が取り組んだのが、社名変更やロゴ刷新を伴うCI計画です。当時はデザイン開発に偏り「CI＝ロゴ変更」と受け取られる場面も多く、バブル崩壊後は大型CI案件が急減しました。現在はパーパス経営やリブランディングの文脈で、理念を起点にCIを見直す動きが改めて注目されています。 ### CIと関連語の違い｜ブランディング・VI・継続的インテグレーションとの比較 CIは関連用語と混同されがちなので、先に整理します。 - **CIとブランディング**：CIは「自社をどう定義し、どう見せるか」という発信側の設計。ブランディングは、その発信を通じて顧客や社会の中に望ましい認識を築いていく活動全体を指します。CIはブランディングの土台にあたります。企業単位のブランディングはコーポレートブランディングとは何かを解説した記事で詳しく扱っています。 - **CIとVI（ビジュアル・アイデンティティ）**：VIはCIの構成要素の一つで、ロゴ・カラー・書体などの視覚部分を担います。「CIデザイン」「CIロゴ」と呼ばれる制作物の大半は、厳密にはこのVIの領域です。VIの設計手順は[ブランドデザインとVIの導入・実践ガイド](https://www.issoh.co.jp/column/details/8075/)にまとめています。 - **CIとブランドアイデンティティ**：ブランドアイデンティティは「そのブランドをどう認識してほしいか」の理想像で、製品・サービス単位でも設計します。企業全体の同一性を扱うCIより範囲が狭い場合があります。 - **CIとMVV・パーパス**：MVVやパーパスは、CIの中ではMIの中身にあたります。言語化の手順は[パーパスと企業理念・MVVの違いを整理した記事](https://www.issoh.co.jp/column/details/8310/)で解説しています。 - **開発用語のCIとの違い**：ソフトウェア開発の「CI（継続的インテグレーション）」は無関係な別語です。検索で混在しやすいので、本記事は企業ブランドのCIを指します。 ## CIを構成する3要素｜MI・BI・VIの役割と相互の関係を整理する 日本で定着したCIの枠組みでは、CIをMI・BI・VIの3要素に分けて設計します。理念（MI）を中心に、行動（BI）と視覚（VI）を対応させる構造です。 | 要素 | 意味 | 主な中身 | | -- | -------------- | ---------------- | | MI | マインド・アイデンティティ | 経営理念・ビジョン・存在意義 | | BI | ビヘイビア・アイデンティティ | 行動指針・接客・社内制度 | | VI | ビジュアル・アイデンティティ | ロゴ・カラー・書体・デザイン規定 | ### MI（マインド・アイデンティティ）の役割と判断の核となる理念の言語化 MIは、企業が「何のために存在し、どこを目指すか」を言葉にした核です。ビジョン・ミッション・バリューとして明文化し、後続のBIとVIが判断のよりどころにします。ここが曖昧なままだと、行動もデザインも根拠を失い、CI全体が場当たり的になります。CIづくりはMIの言語化から始めるのが原則です。 ### BI（ビヘイビア・アイデンティティ）による理念の行動指針・社内制度への反映 BIは、MIを従業員の日々の行動へ翻訳したものです。接客・品質基準・意思決定の優先順位・社内制度や評価など、「理念どおりに振る舞うとは具体的に何をすることか」を定めます。理念が壁に貼られただけで終わらず、現場の判断に効いて初めてCIは機能します。BIは社外から最も見えにくい一方、企業への信頼を左右する部分です。 ### VI（ビジュアル・アイデンティティ）の役割と各接点での視覚要素の統一 VIは、MIを目に見える形へ変換した視覚要素です。ロゴ、シンボル、コーポレートカラー、書体、レイアウト規定などをガイドラインとして統一し、どの接点でも同じ印象を与えます。ロゴ単体ではなく、名刺・Web・看板・パッケージまで一貫させることがVIの役割です。ロゴやカラーといった個々のブランド要素の作り方は[ブランドエレメントの意味と作り方を解説した記事](https://www.issoh.co.jp/column/details/8219/)が参考になります。 ### CIの3要素の順序と相互関係｜MI起点で行動・視覚を設計する理由 3要素は対等に並ぶのではなく、MIを起点にBIとVIへ展開する順序があります。理念（MI）が決まるから、それに沿った行動基準（BI）と見た目（VI）を導ける、という関係です。順序を逆にしてロゴ（VI）から着手すると、理念と切り離された「きれいなだけのデザイン」になり、社内にも定着しません。刷新時も同じで、まずMIを点検してからVIに手を付けます。 ## CIデザインで決める項目｜VIマニュアルに書くロゴ・カラー・書体の規定 「CIデザインを作る」と決めたとき、最終的な成果物はロゴのデータではなく、誰が使っても同じ見え方になるよう使い方を定めたVIマニュアル（デザインガイドライン）です。ロゴだけを受け取って規定の無いまま使い始めると、縦横比の崩れたロゴや微妙に違う色がすぐ社内外に出回ります。依頼範囲は、次の項目が揃うかで判断してください。 | 規定項目 | 決める内容 | 抜けたときの症状 | | -------- | ---------------- | ----------- | | ロゴの基本形 | シンボル・ロゴタイプ・組み合わせ | 媒体ごとに形がばらつく | | アイソレーション | ロゴ周囲に確保する余白 | 他要素と接して読めない | | 最小使用サイズ | 印刷のmmと画面のpx | 小さく潰れて判別不能 | | カラー値 | CMYK・RGB・HEX・特色 | 印刷とWebで色が違う | | 書体 | 和文・欧文・代替フォント | 資料ごとに印象が変わる | | 背景と反転 | 白地・濃色地・写真上の扱い | 背景に埋もれて消える | | 禁止例 | 変形・色変更・影付けの禁止 | 独自アレンジが横行する | | アプリケーション | 名刺・封筒・Web・看板の版下 | 現場で毎回作り直す | ### ロゴ・シンボルマークの媒体別配置とアイソレーション・最小サイズの決め方 ロゴは「シンボルマーク」「ロゴタイプ（社名の文字部分）」「両者の組み合わせ」の3形態を用意し、横長・縦長・正方形の配置を決めておくと、Webのヘッダー・SNSアイコン・看板のどこにも対応できます。アイソレーション（周囲の余白）は、ロゴ内パーツの高さを基準単位にした相対値で定めると、拡大縮小しても計算が要りません。最小使用サイズは印刷物ならmm、画面ならpxで別々に定め、ファビコン用には簡略化したシンボル版を用意します。 ### コーポレートカラーはCMYK・RGB・HEXの3系統で定義する カラーは「青系」のような言葉ではなく、印刷用のCMYK（必要なら特色インキの番号）、画面用のRGBとHEXを並べて定義します。紙と画面では発色の仕組みが違うため、数値を機械的に変換せず、試し刷りと実機画面で見比べてそれぞれ確定させる手順が必要です。補助色・背景色・文字色まで決めておくと、各部署が独自に色を足す余地が減ります。 ### 書体（コーポレートフォント）の用途別指定と契約前のライセンス確認 書体は和文・欧文それぞれに見出し用と本文用を決め、社員のPCに無い場合の代替フォントも指定します。有償フォントは、Webフォント配信・アプリ埋め込み・ロゴへの使用がライセンスの範囲内かを契約前に確かめてください。ロゴの文字部分は、既存フォントのまま打たず形を調整した専用の字形にするのが一般的です。 ## CIデザインをWebへ実装する｜カラーと書体をデザイントークンで管理する VIマニュアルがあっても、開発者が色コードを画面ごとに手で打ち込むと改修のたびにずれます。そこでVIの数値を「デザイントークン」として1か所に定義し、デザインツールとコードの両方から参照する方法が広がっている状況です。トークンの書式は、W3Cのコミュニティグループが策定した[Design Tokens Format Module 2025.10](https://www.designtokens.org/TR/2025.10/format/)で共通化が進んでおり、色は色空間と成分値を持つオブジェクトで表します。コーポレートカラーと余白をこの書式で書くと次のようになります（数値は説明用の例）。 ``` { "brand": { "color": { "$type": "color", "primary": { "$value": { "colorSpace": "srgb", "components": [0, 0.29, 0.6], "hex": "#004a99" }, "$description": "コーポレートカラー（メイン）。VIマニュアルのRGB値と一致させる" }, "text": { "$value": { "colorSpace": "srgb", "components": [0.13, 0.13, 0.13], "hex": "#212121" } } }, "logo": { "$type": "dimension", "min-width-screen": { "$value": { "value": 120, "unit": "px" } }, "isolation": { "$value": { "value": 1, "unit": "rem" } } } } } ``` このJSONは変換ツールでCSS変数などへ書き出せます。手書きでもCSS変数にまとめれば、色の変更は1行で済みます。 ``` :root { --brand-color-primary: #004a99; --brand-color-text: #212121; --brand-logo-min-width: 120px; --brand-logo-isolation: 1rem; } .site-logo { min-width: var(--brand-logo-min-width); padding: var(--brand-logo-isolation); } .button-primary { background-color: var(--brand-color-primary); color: #ffffff; } ``` トークン化を含めたUI部品の体系づくりは、[デザインシステムの構成要素と作り方を解説した記事](https://www.issoh.co.jp/column/details/1372/)でVIマニュアルとの違いとあわせて整理しています。 ### コーポレートカラーとWCAG 2.2のコントラスト比を両立させる Webで見落としやすいのが、コーポレートカラーを文字色やボタンの背景に使ったときの読みやすさです。[WCAG 2.2](https://www.w3.org/TR/WCAG22/)の達成基準1.4.3（レベルAA）は、通常サイズの文字と背景のコントラスト比を4.5:1以上、大きな文字は3:1以上と定めています。一方で、ロゴやブランド名の一部である文字（ロゴタイプ）はこの要件の対象外です。ロゴは淡い色でも許容されますが、同じ色をリンク文字に流用すると基準を満たさない場合があります。CIデザインの段階で「ロゴ用の色」と「文字・UI用の濃い派生色」を分けて定義しておけば、後の手戻りを防げます。 ## CIを策定する5ステップ｜MI起点の進め方とロゴの商標登録・費用 CIの策定は、次の順序で進めると理念と表現がずれにくくなります。 1. **現状把握と課題抽出**：経営陣・従業員・顧客への聞き取りで「今どう見られているか」と「本来どうありたいか」の差を洗い出す。 2. **理念（MI）の言語化**：ビジョン・ミッション・バリューを明文化し、判断基準として使える粒度まで具体化する。 3. **行動（BI）と視覚（VI）の設計**：理念に沿った行動指針を定め、同時にロゴ・カラー・書体などのVIをガイドライン化する。ロゴ案が固まった段階で商標調査を挟む。 4. **社内浸透（インナーブランディング）**：説明会・研修・評価制度で従業員の理解と実践を促す。CIが形骸化する最大の原因はこの工程の不足にある。 5. **ガイドライン化と運用**：表現ルールを文書化し、名刺から採用・広報まで適用。定期的に見直し、事業の変化に合わせて更新する。 外部の制作会社に依頼する場合も、MI（理念）の意思決定は社内が主導し、BI・VIの設計と表現ルールづくりを外部に委ねる分担が現実的です。理念づくりまで丸投げすると、自社の言葉になりません。 ### 新ロゴの公開前に済ませる商標調査と出願｜類似商標による作り直しの回避 CIデザインで作ったロゴや新社名は、公開前に他社の登録商標と抵触しないかを調べ、自社でも出願しておくのが安全です。日本の商標制度は先に出願した者に権利を与える先願主義で、使い始めた順ではありません（[特許庁「商標制度の概要」](https://www.jpo.go.jp/system/trademark/gaiyo/seidogaiyo/chizai08.html)）。先行商標の有無は、特許庁系の無料データベース[J-PlatPat](https://www.j-platpat.inpit.go.jp/)で文字商標・図形商標とも検索できます。発表後に類似商標が見つかると印刷物ごと作り直しになるため、ロゴ案を絞り込んだ時点で調査します。 ### 商標登録にかかる特許庁費用の区分別計算と目安（2026年10月時点） 特許庁に納める費用は、[特許庁の産業財産権関係料金一覧](https://www.jpo.go.jp/system/process/tesuryo/hyou.html)によると、2026年10月時点で次のとおりです。区分とは、商品・サービスの分類（第1類〜第45類）のことで、ロゴを使う事業の数だけ区分が増えます。 | 費目 | 計算式 | 1区分の場合 | | ----------- | ----------------- | ------- | | 出願料 | 3,400円＋区分数×8,600円 | 12,000円 | | 登録料（10年分） | 区分数×32,900円 | 32,900円 | | 更新登録料（10年分） | 区分数×43,600円 | 43,600円 | 1区分なら出願から登録までの印紙代は合計44,900円です。弁理士に依頼すると手数料が加わるため、制作費とは別枠で見積もります。料金は改定されることがあるので、出願前に最新の料金表を確認してください。 ## 既存CIの刷新・リブランディングを判断する基準と移行の進め方 CIは一度作れば終わりではありません。事業内容や市場が変わると、以前のCIが実態と合わなくなります。ここでは「刷新すべきか」を見極める観点と、既存の認知を壊さない進め方を扱います。新規策定より、むしろ既存CIの刷新のほうが判断は難しい領域です。 ### CIが古くなるサインと刷新のタイミング｜事業・理念・表示のずれによる判断 次のようなずれが出てきたら、CIの見直し時期です。 - 事業の中心が変わったのに、社名やロゴが旧来の業種を連想させる（例：不動産会社が開発・運営へ広げたのに、仲介業のイメージのまま）。 - ロゴやWebの表現が古く、採用や商談で「時代遅れ」の印象を与える。 - M&Aや事業統合で、複数ブランドが混在し、同一グループに見えない。 - 掲げる理念（MI）と現場の行動（BI）が食い違い、社内で言行不一致が起きている。 - スマートフォンやSNSアイコンの小さな表示でロゴが判別できない。 視覚だけが古い場合はVI更新で足りますが、事業と理念のずれが原因なら、MIから見直すCI全体の刷新が必要です。 ### 既存の認知・信頼を壊さないリブランディングの進め方と段階移行の判断軸 刷新で最も避けたいのは、これまで積み上げた認知や信頼をゼロに戻すことです。ロゴを一新した瞬間に、顧客が「別の会社になった」と受け取れば、既存の資産を失います。実務では、旧ロゴから新ロゴへ一定期間併記する、色や形の一部を継承する、社名は残しタグラインで方向性を示すといった段階移行で、連続性を保ちながら刷新します。刷新の狙い（なぜ変えるのか）を社内外に説明することも、離反を防ぐ要点です。刷新の判断軸から商標の実費、サイト移行までを含む全体像は[リブランディングとは？意味・進め方とブランディングとの違い](https://www.issoh.co.jp/column/details/17687/)で整理しています。ロゴだけを差し替え、理念（MI）と行動（BI）を放置した刷新は、見た目が新しくなっただけで中身が伴わず、かえって不信を招きます。 Webサイトの切り替えでは、ロゴ画像だけでなくファビコン・SNSアイコン・OGP画像・メール署名まで洗い出し、同じ日に揃えます。 ## CI導入でよくある失敗と回避策、国内外のCI・ブランド刷新の事例 CIが成果につながらないケースには、共通した原因があります。着手前に把握しておくと、投資が無駄になりにくくなります。 - **策定して終わる（形骸化）**：立派な理念集を作っても、研修や評価に落とさなければ現場は変わりません。BIと社内浸透の工程を必ずセットにします。 - **トップのコミット不在**：CIは全社の判断基準に関わるため、担当部署だけでは動きません。経営トップが自ら意義を語り、優先順位を示すことが前提です。 - **VI偏重・MI不在**：ロゴ刷新から入ると、理念と切り離された表現になります。MIを固めてからVIへ進みます。 - **規定の無いロゴ納品**：VIマニュアルが無いと現場ごとのアレンジで統一が崩れます。使用規定まで納品物に含めます。 - **作りっぱなしで更新しない**：事業が変わってもCIを放置すると、実態と乖離します。定期的な点検と、必要に応じた刷新を運用に組み込みます。 ### 国内外のCI・ブランド刷新の事例｜マツダ・IBM・Appleの理念と表現 CIの考え方は、具体例で見ると理解しやすくなります。日本で本格CIの起点とされるマツダ（1975年）は、PAOSと組み、ロゴだけでなく企業理念と表現を体系的に整えた点で、単なるデザイン変更と一線を画しました。海外では、デザイナーのポール・ランドが手がけたIBMのロゴ（8本線のストライプ版は1972年）が、統一された視覚管理の古典例として知られます。理念を表現へ結び付けた例としては、Appleが1997年の「Think Different」で示した姿勢が、製品デザインから広報までの一貫性として語られる例です。国内でも、パーパス（存在意義）を起点に理念の再定義とVI刷新を同時に進めるリブランディングが目立ちます。いずれも共通するのは、視覚の刷新が理念の明確化とセットで行われている点です。 ## CIデザインを外注するか自社で進めるか｜依頼範囲と見送りの判断基準 CIデザインの進め方は、企業の状況によって答えが分かれます。ここでは判断を言い切るために、条件ごとの結論を示します。 - **外部のデザイン会社へ依頼すべき条件**：社名変更や事業転換を伴う刷新、グループ会社のロゴ統合、Webサイトや業務システムまで新VIへ揃える場合です。ロゴ制作からWeb実装までを一つの窓口で通すと、色や余白の解釈が工程間でずれません。 - **自社で進めてよい条件**：ロゴと理念はそのままで、使用規定が無いことだけが課題の場合です。社内デザイナーが規定項目表を埋めれば、大きな費用をかけずに統一感を取り戻せます。 - **CIデザインを見送るべき場面**：理念（MI）に経営陣の合意が無い段階や、事業の方向性が半年以内に変わる見込みがある段階です。先にMIの言語化だけを進め、VIは後回しにします。 一創では、ロゴ制作からVIマニュアル整備、Webやシステム画面への実装までを一貫して支援しています。依頼範囲の相談は、[ロゴ・ブランディングデザインのサービス](https://www.issoh.co.jp/service/web/branding/)をご覧ください。 ## よくある質問 ### CIとVIの違いは何ですか？ VI（ビジュアル・アイデンティティ）はCIの構成要素の一つで、ロゴ・カラー・書体など視覚部分を担います。CIはそのVIに加え、理念（MI）と行動（BI）まで含む上位概念です。VIだけを整えてもCIにはなりません。 ### CIデザインを依頼すると何が納品されますか？ 一般的にはロゴ各形態のデータ、余白・カラー値・書体・禁止例を定めたVIマニュアル、名刺などのアプリケーション版下です。Web実装まで頼むなら、カラーや余白をデザイントークンやCSS変数で受け取ると改修が楽になります。 ### CIとブランディングはどう違いますか？ CIは自社を定義し表現を統一する「設計」、ブランディングはその発信を通じて顧客や社会の認識を築く「活動全体」です。CIはブランディングの土台になります。 ### CIの策定は自社と制作会社のどちらで進めるべきですか？ 理念（MI）の意思決定は自社が主導し、行動指針や視覚（VI）の設計・ガイドライン化を制作会社に委ねる分担が現実的です。理念づくりまで外部任せにすると、自社の言葉になりません。 ### 既存CIの刷新（リブランディング）で注意すべき点は？ これまでの認知や信頼を失わないよう、段階的に移行することです。ロゴだけを変えて理念と行動を放置すると、中身が伴わず逆効果になります。事業と理念のずれが原因ならMIから見直し、新ロゴは公開前に商標の調査と出願を済ませておきます。 ## 関連記事 - [ブランドデザインとビジュアルアイデンティティ（VI）の導入・実践ガイド](https://www.issoh.co.jp/column/details/8075/) - [ブランドエレメントとは？意味・種類・具体例と作り方・商標登録まで解説](https://www.issoh.co.jp/column/details/8219/) - [リブランディングとは？意味・進め方とブランディングとの違い](https://www.issoh.co.jp/column/details/17687/) - [パーパスとは？意味と企業理念・MVVとの違い、パーパス経営の進め方と事例](https://www.issoh.co.jp/column/details/8310/) - [デザインシステムとは？構成要素・作り方とデザインガイドラインとの違いを解説](https://www.issoh.co.jp/column/details/1372/) --- 出典: [CIデザインとは？コーポレートアイデンティティの3要素とVIマニュアルの作り方]()（株式会社一創）