IDEA * IDEAドットインストール代表のライフハックブログ
ウェブデザインにおける効果的な背景の使い方
Backgrounds In Web Design: Examples And Best Practices 以下、その意訳です。 ウェブデザインのスタイルは常に進化しており、大きな変化の一つに背景の使い方があります。 背景の重要な役割は、ウェブサイトへの興味を視覚的にひきつけることです。 背景はウェブサイトのテーマを支えるものであり、あらゆる可能性を考慮し設計を行う必要があります。 ここではウェブデザインの最近のトレンドをふまえた、背景のベストプラクティスを紹介します。 1. The Basic Background Structures 良い背景を設計する際に、背景の基本構造を知る必要があります。 Body Background bodyの背景は、昔から使用されている背景です。 主にイメージ、イラスト、テクスチャ、パターンなどを使用します。 Content Background コンテ
人の目を引くクリエイティブ（ビジュアル基本編） : LINE Corporation ディレクターブログ
こんにちは。livedoor でディレクターをしている有賀です。 今日のお題は、「人の目を引くクリエイティブ（ビジュアル基本編）」についてです。 前回の「ライティング編」でお話ししたように、私たちは日夜“一瞬で理解できるモノ作り”を試行錯誤しているわけですが、それとツートップとなるのが前回お話した「コピー（文字）」と、今回お話しする「ビジュアル（視覚表現）」です。 多くのユーザーは、ウェブページを見てから数秒で「見るべきものかどうか」を判断するというシビアなご時世。その数秒のほとんどは、実は、ビジュアルの印象で占められているのではないかと思います。 私もユーザーとしてサイトを見た場合、ページを開いてから一瞬で目にする構造（レイアウト）や色、形や動きなど、文字を読む前にインプットされる情報によって、多くの判断をしていることに気が付きます。 今回は、そんな「ビジュアル」についての概念を簡単にお
これは驚きの、CSSだけで作れる吹き出しボックス:phpspot開発日誌
Fun With CSS Shapes - Nettuts これは驚き！CSSだけで作れる吹き出しボックス。 次のような吹き出しが、画像を一切使わずにCSSだけで実現できてしまうようです。 HTMLコードをちょっと分かりやすいようにダイエットしてみたものが以下。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> blockquote {
WEB制作者なら最低限知っておくべき色彩心理とWEBセーフカラー、WEBセーフカラーを出力するRubyコード - 久保清隆のブログ
色彩は、Webサイトが どのように際立つか ユーザの目にとまるか ユーザーにどのような感情を芽生えさせるか ユーザがどんな動作をするか に大きな影響を与える。 ユーザの属性に合わせて適切な色彩を使うことは、売上を増大させたり、滞在時間を長くしたり、直帰率を下げることにつながる。 また、Webサイトだけでなく、 ファッション インテリア エクステリア(住まいの外観) 広告、商品 などにも使えるので、汎用性のある知識だと思う。 色彩心理 色 プラスの心理的影響 マイナスの心理的影響 赤 情熱的 活動的 晴れやか 暖かい 元気の良い 購買欲求 安っぽい 派手 危険 暴力 青 さわやか 清らか 清涼感 すっきり クール 閑静 憂鬱 寂しい 冷淡 未熟 無機質 黄 若々しい 陽気 明るい 楽しい うるさい 目立つ 幼稚 警戒 緑 ナチュラル 新鮮 穏やか すがすがしい 毒 田舎 疲れ 未熟 紫 高貴
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブデザインのクオリティをアップする7つのポイント | コリス
IDEA * IDEA
[CSS]上級者向け、スタイルシートのテクニック集
http://www.designwalker.com/2009/03/form-design-2.html
同一色相配色のWebデザイン50 – creamu