Webデザイン用のプチツール

選択したデザインパターン上でブロックの色を変えことができます。選択したブロックのカラーコードも表示されます。

配色保存用アドレス機能

あなたの作った配色をブログやメールで紹介することができます。パレット右上の「保存用URL表示」をクリックするとURLが表示されますのでコピペしてご利用ください。

配色のヒント

  • 雑誌や生活雑貨を参考にする
  • 本文が読みにくい配色はさける。
  • 同系統の色でまとめてみる。
  • 同じぐらいの彩度でまとめてみる。

WEBデザインのヒント

  • 重要なナビゲーションは、探せばすぐに見つかるように配置する
  • 色、文字の大きさ、ブロック周りの余白を調整すると、目立つようになる
  • ページを開いて、まずどこに目がいくのかを意識する
  • 関連のある情報を固める
  • 関連性の薄い情報ブロックの間には余白を入れる