タグ

ブックマーク / sweetlovexx.seesaa.net (3)

  • よりよいWebデザインにするための配色のセオリー :: Love & Design ::

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

    よりよいWebデザインにするための配色のセオリー :: Love & Design ::
  • *LOVE IS DESIGN* - ちょっとしたメモ風のCSSデザイン

    時々、引用以外に blockquote 要素で枠や色をつけているのを見かけますが、来は引用箇所を示すものなので、自分の文章に使うのはおかしいですよね。 そこで、角丸ジェネレーターとメモ風CSSライブラリーのご紹介です。 わたしはよくツールの紹介をするので、使い方の説明などをちょっと目立たせたいなということがあるのですが、そんなときに使ってみてはいかがでしょうか。 Cornershop ▲Create Graphicsをクリックするとこんな画像ができます。(↑クリックで拡大)

    *LOVE IS DESIGN* - ちょっとしたメモ風のCSSデザイン
  • メールアドレス画像化ジェネレーター集 | *LOVE IS DESIGN*

    スパム対策にメールアドレスを画像にしてくれる、便利なジェネレーターをまとめてみました。おしゃれなデザインなのでブログのワンポイントにもなりますよ。 きゃっとまーくめーる 可愛いネコのイラスト付き フォントもいろいろ選べます。 わたしが使用しているのは「みかちゃんFONT」です。 でざいんめーる フォントや背景色の変更・グラデーションなど 参考:でざいんめーるのサンプル一覧 E-Mail Icon Generator E-mail Sigs GMail・Hotmail・MSN・Yahoo!などに対応 Gmail Signature Generator Gmail用 Handmail 参考 HTMLエンティティ化 メールアドレス画像化以外のスパムメール対策は、エンティティコード(数値文字実体参照)に変換する方法もあります。 追加(2007/3/14) Faviconメール ファビコン+メルアド

    メールアドレス画像化ジェネレーター集 | *LOVE IS DESIGN*
  • 1