TOP

            デザイる2|Webサイト製作初心者に向けて情報発信していきます。

サイトの配色って悩むよね~!「カラログ」で試してみよう

サイトの配色って悩むよね~!「カラログ」で試してみよう

Tag: 配色
サイト製作の配色って悩むよね~!「カラログ」で試してみよう

カラログ

レイアウトは決まった!お次は配色だ。職人のデザイナーでさえ悩む配色や色使い、素人にとっては尚更のことです。そんな悩みをサポートしてくれるカラログの紹介です。悩む暇があるなら試してみてはどうでしょう!?解決に導いてくれるかも知れません。


カラログを使ってみよう

「画像を作ってみる!」をクリック

【1】サイトにアクセスし「画像を作ってみる!」をクリック。



レイアウトを選択

【2】「レイアウトを選択してください」のプルダウンメニューからレイアウトを選択します。全体像が薄く分かりづらいかも知れませんが、パターンが切替わっています。


メインパレットの色を決定

【3】メインパレットの色を決定していきます。必要があれば下部のサブパレットも設定。

  1. どこのレイアウト部分か確認
  2. カラーコードをクリックでカラーピッカーが表示
  3. スライドバーで色の選択
  4. マウスで調整

おまかせ配色「Analogy(類似色) Opornent(対照色)」

おまかせ配色

メインパレットの一番左の基本色を決定後「おまかせ配色」ボタンをクリックすると、調和のとれた配色が決定されます。

Analogy
Analogy

Opornent
Opornent


お好きな名前をつけて「ギャラリー登録をする」

【4】ギャラリー登録。お好きな名前をつけて「ギャラリー登録をする」をクリック!


URLが付与

【5】登録するとURLが与えられます。また、ナビメニューのGalleryから見る事もできますよ。
ちなみに登録URLはこちら!


※クリックで拡大
要素やカラーコードの確認

【6】URL、またはGalleryから訪れると要素やカラーコードの確認がみてとれます。

あとがき

配色には答えが無いように思えるこの頃…素人が吠えてみる (;´Д`)

関連記事


最新記事







■この記事に足りないと思ったことがあったらぜひ教えてください。

powered by HAIK 7.3.0
based on PukiWiki 1.4.7 License is GPL. HAIK

最新の更新 RSS  Valid XHTML 1.0 Transitional