CONTACT

インデックス

WEB制作を依頼する上で重要な
形・色・動きの用語をまとめています。
  • RGBとCMYK

    RGB & CMYK
    RGBはRed(赤)、Green(緑)、Blue(青)の3色が混ざるほどに明るくなる「加法混色」です。
    CMYKはCyan(シアン)、Magenta(マゼンタ)、Yellow(イエロー)、黒(K)が混ざるほどに暗くなる「減法混色」です。
    一言で言えば、RGBは映像やウェブなどディスプレイのための色表現、CMYKは基本的に印刷物のための色表現です。
    TIP
    イメージ通りの色を再現するためには、用途に合わせた色モードかを確認することがとても大事です。
  • ベース・メイン・アクセントカラー

    base color, main color, accent color
    ・ベースカラー
    最も大きな面積を占めるベースカラーは、主に背景に用いることが多いです。
    ・メインカラー
    サイト全体の印象を決める大事な役割を担う色です。
    ・アクセントカラー
    サイトの印象を引き締める役割を担います。また、ユーザーの目を引きたい部分に用いられます。
    TIP
    WEBデザインにおいて配色の黄金比率は、ベースカラー70%、メインカラー25%、アクセントカラー5%と言われています。この比率を意識しながら制作することで、心地よくまとまった印象のサイトに仕上がります。
  • 色の三属性

    three attributes of color
    色の三属性とは、「色相」「明度」「彩度」という色が持つ三つの属性のことです。
    ・色相
    赤、青、黄、緑のような色の違いのことです。
    これらが連続してつながり合いできる色相の輪を「色相環」と言います。
    ・明度
    色の明るさの度合いのことです。
    色の明度が高くなると白に近づき、低くなると黒に近づきます。
    ・彩度
    その名の通り、色のあざやかさの度合いのことです。
    彩度が高いと明瞭な色味になり、低いとくすんだ色味になります。
  • 類似色・補色・反対色

    similar colors, complementary colors, opposite colors

    ・類似色

    色相環で隣合った、色相が似ている色同士のことです。類似色を使うと統一感が出て、調和の取れた配色になります。

    ・補色

    色相環の対照にある色の組み合わせのことです。

    大胆な変化が出て、インパクトがある配色になります。

    ・反対色

    補色の両サイドの色のことです。

    補色よりもまとまって洗練された印象になります。

    TIP

    こうした分類は、無数にある色の中からベストなものを選ぶ大きな指標になります。WEBデザインのメインとアクセントの色を決める際にも頻繁に用いられます。

  • 色のトーン

    tone of color

    トーンとは「色の三属性」が組み合わさったものです。有彩色は12種類、無彩色は5種類のトーンに分けられています。色相の同じ系列でも明暗や強弱、濃淡などの調子の違いがあります。PCCS(Practical Color Coordinate System、日本色研配色体系)では、このトーンの色空間が設定されています。

    それぞれを言い表すためにpペールと読み、印象を日本語で表すと薄いvビビッドと読み、印象を日本語で表すとさえたであるというような記号名称イメージの一例が先程挙げた有彩色12種類全てに決められています。無彩色5種類にも同じように記号と名称が決められています。

    TIP

    一口に「淡い黄色」といっても、想像する濃淡やくすみ具合は人によってさまざまです。WEBサイトのメインカラーとして多く使う色となると、少しの色味の違いが結果的に大きなイメージの相違に繋がります。このようにWEBデザインにおいて色はとても重要な要素のため、相手にしっかりと伝えなくてはなりません。
    PCCSのトーンに則ってイメージカラーを共有すれば色が想像しやすく、お互いの相違が少なくスムーズな制作進行が可能になります。

    効果

    これらをWEBサイト制作の観点から見てみると、色のトーンを理解して調和のとれた色彩で表現することでWEBサイト全体が整ったデザインになり、サイトを見た人の印象に残りやすくなります。

Webサイト制作、デザイン制作はモノクスへ

Contact

高いクリエイション力で企業様の課題解決や企業価値向上のお手伝いをさせていただいています。
WEB制作に強い制作会社として、デザインにこだわり、WordPressを使ったWebサイトから複雑なWebシステム開発まで、様々なご要望にお応えします。
東京をはじめ、全国どこからでもお気軽にお問い合わせください。
どのようなご相談ですか?
ご相談内容をご選択
貴社についてお知らせください
会社名
ご担当者名
メールアドレス
お電話番号
お問い合わせ内容
お電話でもお気軽にお問い合わせ下さい