タグ

WEBデザインと配色に関するyui4uzuのブックマーク (3)

  • サイトの背景色を灰色にすると、読者はコンテンツに集中する - PLROG

    ブログの背景を灰色に設定すると、読者はコンテンツに集中して読めるそうです。 みなさんは、ブログの背景色を何色に設定していますか? このサイトは見ての通り、白です。真っ白です。アルティメットホワイトです。 ブログに限らず何らかのものをデザインするとき、 パーツごとに色を設定してしまうと喧騒にあふれたデザインになってしまいます。 われわれデザイナーは、全体の調和を保ちつつ、適切な色を設定していきます。 多くのブロガーはそこまでデザインについて学ばないため、 上記のような調和のとれたWebデザインを実現することは難しいものです。 そこでちょっと耳にしておきたいのが、 背景を灰色に設定すると読者はコンテンツに集中する、ということ。 デザイン知識がなくとも、 背景を灰色にすると多くの読者に読んでもらえるかもしれません。 威張らない“背景”となる色 灰色というと、“色や味が一切無く中途半

  • 配色に悩んだときに、きっと役立つ7つの配色技法【基本】

    私は「色」が好きなので、配色を考えるのがそんなに苦ではないんですが、良い配色が思い浮かばず、苦しんでいるWebデザイナーさんは沢山います。 人の目で見分けられる色の数は750万色以上あると言われていて、デザイナーはこの膨大な色の中から配色を考えるんですが、これが結構大変なんです。経験を積んだWebデザイナーさんでも何日も配色に悩み、目の下に隈を作ることがあると聞いたことがあります。 そこで今回は、配色を考える時や、配色に悩みすぎて出口が見えなくなってしまった時に役立つ、基的な7つの配色技法を紹介したと思います! 基的な7つの配色技法 これから紹介するの7つの配色技法は、お互いに明確な違いがない物もいくつかありますが、あくまでもこれらは配色の方向性・配色の考え方を示すものだと理解してください。それでは早速、例を交えながら特徴と効果をまとめて紹介させていただきます。 ドミナントカラー配色

    配色に悩んだときに、きっと役立つ7つの配色技法【基本】
    yui4uzu
    yui4uzu 2012/06/30
    検定で勉強したなー、配色は必須だもんね、なんでも。
  • 配色の基本。メイン・サブ・アクセントカラーを極める!

    前回の[カラーデザインの基。トーンを理解する!]と[カラーデザインの基。色の三属性とは?]に引き続き、今回はメインカラー・サブカラー・アクセントカラーの基ルールについて解説させていただきます。このメイン・サブ・アクセントカラーの基ルール正しく理解すると、配色を考えるのが簡単になります。 頻繁に配色を悩む方や、デザインの途中で配色を変えてしまう方は、このメインカラー・サブカラー・アクセントカラーのルールを正しく理解できていない可能性があります。なので今回解説するこの記事を読んで、配色についての理解を深めましょう!(偉そうに書いちゃいました。すみません) ちなみに配色という言葉を辞書で引くと、『2つ以上の色を組合わせること。また、組合わせた色合いのこと』と書いてあります。 メイン・サブ・アクセントカラーの役割 まずは、メインカラー・サブカラー・アクセントカラーと呼ばれる、各要素の役割に

    配色の基本。メイン・サブ・アクセントカラーを極める!
  • 1