• 締切済み

サイトのデザイン(配色)について悩んでいます。

現在サイトを作成しています。 ある程度コンテンツも作成することもできましたが、自分の配色センスのなさに絶望し、基本的に白のままです。 そこで、配色を考えていただけないかと思い投稿しました。 個人的な希望としては 実用系サイトなので原色や、蛍光色をつかった派手な色は控えたいというのがあります。 配色を変えられる場所は、全体的な背景、左側のメニューが表示されているウィンドウ、右側のウィンドウです。 あと意見送信用ボックスの色もイメージと合わないということから変更することができます。 良い案をお願いします。

みんなの回答

  • salonpath
  • ベストアンサー率48% (194/399)
回答No.2

http://kuler.adobe.com/ ここらへんの眺めながら3色くらいの色を決めて(たくさん使うほど調和させるのが難しいので) 目立たせたいところに暖色系や彩度の高い色を配置

zukkey
質問者

お礼

参考URLをありがとうございます。 Flshでまとめてありイメージの湧きやすいサイトでした。

  • sanae110
  • ベストアンサー率50% (7/14)
回答No.1

配色事典を利用してみてはいかがでしょうか http://gihyo.jp/assets/files/book/2001/haishoku/ ある程度テーマカラーを決めて、テーマカラーをメニュー付近やタイトル部分にに固め他は落ち着いたグレーやそれに近い無彩色を使う、というのは、よく企業サイトで使われる手法です。 一色ではなくて、壁紙を利用してみるのもいいかもしれません。 最初は、自分のイメージのサイトの真似をしてみるというのが一番勉強になると思います。こんな細かいところもこだわってるのか~と得られるものがたくさんあります。

参考URL:
http://gihyo.jp/assets/files/book/2001/haishoku/
zukkey
質問者

お礼

このようなサイトがあるのですねー。 カラーコードも記載されているのでとても役に立ちました。 ありがとうございます。

関連するQ&A

  • firefoxのツール→オプション→コンテンツ→フォントと配色→配色設定

    firefoxのツール→オプション→コンテンツ→フォントと配色→配色設定 でリンクの未訪問、訪問済の色を変更できますが webページが指定した配色を優先するにチェックを入れるとリンクの未訪問、訪問済の指定した配色になりません。 しかし webページが指定した配色を優先するにチェックを入れないとwebページが指定の背景が表示されません。 本題ですが特定のサイトを webページが指定した配色を優先する webページが指定した配色を優先しない のような個別で設定できるアドオンはないでしょうか? または webページが指定した配色を優先するにチェックを入れても リンクの未訪問、訪問済の色だけはカスタマイズ優先にできる このようなアドオンはないでしょうか? 教えてください、よろしくお願いします。

  • パワーポイント 配色・背景の保存

     自分で作成したオリジナルの背景をすぐに利用できるようにテンプレートに入れました。スライドのデザインの中にその背景がちゃんと含まれているので、適用にしてもなぜか真っ白の背景になってしまいます。(ちなみにその背景は紺色で下の方が暗くなるグラデーションです。)  配色で既存の配色ではなくこれまた自分で設定を変更した配色をテンプレートとして保存するにはどうしたらいいですか?  最後にもう一つ、異なるファイルからスライドをコピーした際、なぜか配色を更新しますという表示が出て、コピーしたファイルの配色に変わってしまいます。もともとの配色のままコピーするにはどうしたらいいですか?

  • ウィンドウデザイン(?)について。

    ・画面のプロパティ>デザイン>配色 ってやったら、ウィンドウの色など変わるのがありますが、この配色をダウンロードできるサイトなんかはありますか?できれば、クラシックスタイルよりは、XPスタイルのほうがよいですが、お勧めのサイトがあれば何でも構いません。よろしくお願いします。

  • 色盲の人にこの配色は判別できますか?

    WEBサイト構築中です。 配色で悩んでいます。 ネットで検索したのですが、よく分かりません。 この組み合わせは色盲の人に判別可能でしょうか。 背景色薄い緑 #DDFFDD 文字色濃い緑 #005080 背景色薄い緑 #DDFFDD 文字色赤 #FF0000

  • 商品シールの配色をアドバイスください

    お店で販売する甘味商品のシール作りを頼まれました。 直径5センチくらいの円形にキャッチコピーと会社名 を入れるだけの簡単なものですが、私のセンスがないのか どのような配色にしたら良いか迷っています。 商品のパッケージは全面黒い箱です。これに貼る円形 シールです。上司から言われているのは、シールの 背景1色、文字1色の2色で、シール全体が甘さを伝える ような色合いが良いと言われました。 このような場合、シールの背景、文字の色は何色が イメージと会うのでしょうか。 アドバイスをいただければ嬉しいです。

  • 色彩の配色の決定

    会社で広告の担当になっています。 チラシの1コラムくらい小さな広告を作成するのですが、 社内メンバーの意見がまとまりません。 とくに、色彩や配色は好みがわかれるところで、みなさんの言う通りに直していたらキリがないところで困っています。 そこで、配色の基本パターンや、タブーなどがわかるサイト等ございましたらご紹介いただきたいのです。 あと、こうした「色」のような感覚的なものは時間がかかるものだとは思うのですが、それでも専門で仕事をされている方々には決定のフローがきちんと決まっているのではないかと思われますが、どのように決められているのでしょうか。 よろしくお願いします。

  • ウインドウやタスクバーの配色を変える方法は?

    こんにちは。 とあるサイトで、ウインドウやタスクバーの配色を ダウンロードすることができるのですが、 その中に"theme"という形式のものがあり、 それはどこに保存してどのようなことをすれば配色を変えることができるのでしょうか? "theme"をダブルクリックしても、 アプリケーションから開くになって開けません。 アクティブデスクトップで色々自分で色を変えてもなんか微妙で(笑)。 私のパソコンのOSはWin98SEです。 ダウンロードできるサイトは、 http://ww4.enjoy.ne.jp/~yukiminami/t001-010.htm です。

  • パワーポイント作成時のコツ

    現在パワーポイントを使って、発表用のプレゼンを作っているのですが 元々センスが無いせいか、色合いがおかしく、見栄えが良くありません。 補色など色の関係も意識してはいるのですが、どうも原色などを多用してしまいます・・・。 友達からも「色合いが気持ち悪い」「この配色は無い」など散々です・・・。 皆さんは作成時に、意識していることや気をつけていることはありますか? パワーポイント作成時には様々なコツがあるとは思いますが ここでは「色」に関することでお願いします。 よろしくお願いします。

  • GoogleAdsenseリンクユニットの配色に関して

    広告クリックの誘導を目的とした質問と思われると嫌なので、 あえてはじめに書いておきます。 ※リンクユニットはリンクをクリックした先のページで※ ※再度、広告をクリックしなければ収益は発生しません※ GoogleAdsenseのリンクユニットですが、 リンクをクリックした先の広告が羅列されるページのデザインは、 リンクユニットのコード作成時に指定した配色の通りになると思います。 例えば、こちらのブログ(私のブログではありません)の場合、 リンクユニットは背景赤に、リンク色は白となっており、 リンクをクリックした先のページも背景が赤、リンクが白になっています。 ttp://e0166.blog89.fc2.com/ しかし、次のブログ(私のブログではありません)では、 リンクユニットの配色と、先のページの配色が異なっており、 広告が羅列されるページのデザインはGoogleの検索結果のデザインと同じになっています。 ttp://gigazine.net/(右サイドのリンクユニット) ttp://google-mania.net/(ブログ最下部のリンクユニット) このように、リンクユニットの配色と、 リンクをクリックした先の配色を帰るのには、 どのように設定を行えばいいのでしょうか。 AdSenseヘルプセンターは一通り目を通しましたが、 これについての説明は見つかりませんでした。 よろしくお願いします。

  • ポスターやチラシ等の作成時、配色のトーン

    ポスターなどの印刷物をphotoshopやillustratorで作成する時の 配色についてデザイナーさんにお聞きしたいです。 配色を決める際に 色を 赤・青・黄・緑 と選んだとして、 トーンがバラバラだとデザインに違和感を感じてしまうと思います。 そこでトーンを揃えるためにデザイナーの皆様はどうしているのでしょうか? illustratorであればカラーガイドパネルがあり、そこでメインのカラーを元に トライアドや補色などの設定ができるので そちらを使いトーンをそろえた色を決めているのか、 それともカラーピッカーを出して手動で大体のトーンを揃えているのでしょうか? それか外部サイトの配色が選べる無料ツールなどを使用しているのでしょうか? 街で溢れているポスターや広告チラシ等の配色はトーンが奇麗にそろえられていて 見栄えもとても奇麗です。 どなたか教えて頂ければ助かります。 よろしくお願い致します。