タグ

colorと-xTipsに関するhiga_tatsuyaのブックマーク (2)

  • 【デザイン】安易にドロップシャドウかけるのやめ隊 – 宇都宮ウエブ制作所

    ふぅ、あとはここにドロップシャドウをONと…。てな感じで安易にドロップシャドウかけてやしませんか? 使い勝手の良すぎるドロップシャドウに警鐘!シャドウだって色々あるよってことで今回はシャドウアイデア集です。 その1:黒じゃなくって補色をつかう デフォルトで#000000に設定されているドロップシャドウ、この色を変えるだけでもグッと洗練された雰囲気に。 たとえばハイライト部分がピンクならシャドウにブルー、という具合に。 この方法はイラスト一日体験教室で教えてもらった手法なのですが、補色関係ってこう使うのか!と目から鱗でした。 その2:シャドウに空の色&地面の色を足してみる 屋外を想定したシーン、窓際のシーンでは、空の色をブラスした色を使用してみましょう。晴天ならブルー、夕焼けならオレンジ、夜なら深いブルー。さらに地面も光が照り返して反射します。 サンプルでは芝生なのでグリーンを追加。ドロップ

    【デザイン】安易にドロップシャドウかけるのやめ隊 – 宇都宮ウエブ制作所
  • Webデザイナーによるカラーコードを使った便利なテクニックあれこれ

    By OliBac コンピュータが色に名前を付ける時、数字やアルファベットを6つ並べた1677万7216通りの組み合わせで表される16進数カラーコードが使われます。カラーコードは他のコンピュータ言語と同じく論理的なシステムに基づいて作られるため、Webデザインを行う人間にとって16進数カラーコードを知っておくことは非常に助けになるとして、WebデザイナーのBen Gremillionさんがカラーコードの仕組みや便利なテクニックをまとめているのが「The Code Side Of Color」です。 The Code Side Of Color | Smashing Coding http://coding.smashingmagazine.com/2012/10/04/the-code-side-of-color/ そもそもスクリーン上のカラーは指定がない場合は黒いままで、16進数カラーコ

    Webデザイナーによるカラーコードを使った便利なテクニックあれこれ
  • 1