こんにちは、吉田コマキです。Webサイトのリニューアルには、必ずと言っていいほどビジュアル面でのリデザインが行われます。その際に頭を悩ますのは、様々。情報の整理であったり、機能であったり、そしてカラーリングであったり。今回は、そのwebデザインの現場でkulerを活用する方法にフォーカスをあてて、ご紹介します。 リデザインを行う前に 今回は、今年3月にリニューアルした琉球新報社のWebサイトのリニューアルについてお話します。 琉球新報社のWebサイトは、約2年ぶりのWebサイトリニューアルにあたり、次の事柄を機能要件として洗い出しました。 現行のXOOPS活用をそのままに、機能拡張 コンテンツの基本指針の改革 そして、使いやすさとイメージアップ ここでは、技術的なことは割愛させていただいて、ビジュアル面でのリデザインを中心にお話していきましょう。 まずは、リニューアル前の配色を検証 いきな

こんにちは。吉田コマキです。第2回目になる今回は、kuler（クーラー）のインターフェイスを眺めながら、色理論のお話をします。 なにはともあれ、kulerを開いてみよう！ さて、いよいよkulerに触れてみます。まずは、kulerのサイトにアクセスしてみましょう。ここで注意してほしいのは、Flash Player 9以上のプレイヤーでないと表示しません。お持ちでない方はアドビシステムズ社のサイトにアクセスしてインストールを済ませてください。 kulerは現在のところ英語版のみですが、直感的に触れることができますので、ちょっとした単語を覚えていけば、すぐに操作に慣れることができます。 kulerのサイトが開いたら、画面の右上をご覧ください。「⁠Register」と「Sign In」の2つのリンクがあります。 図1　kulerのサイト。右上部に「Register」と「Sign In」の2つのリ

第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基本になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい　動的な⇔静的な　情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色（黄⇔青 赤⇔緑）の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。（色相対比）

Web デザインを考えるとき、色彩のイメージはとても大切です。配色のヒントは Web 上だけではありませんが、配色に悩んだときに便利な、色で選べる Web デザインギャラリーをまとめてみました。 イメージに合った色の選び方や、レイアウトもとても参考になります。

Sometimes all you need to get inspired to build a site is picking a color scheme, or even if you get stuck later in development you need some color help. We've gathered 20+ tools for helping the "color challanged" designers in our midst.