よりよいWebデザインにするための配色のセオリー :: Love & Design ::
第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基本になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色（黄⇔青 赤⇔緑）の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。（色相対比）
何度でも訪問したくなるサイトの5つの条件
ハーイ、みんな。 何度でも訪問したいと思うサイトってどんなサイト？ すばらしいコンテンツを作って「読者」を「ファン」にする4つのポイント | Web担当者Forum この記事の原文（英語）を書いた great scott! によると、読者を惹きつけるコンテンツ作りには 4 つのポイントがあるそうです。 その4つのポイントとは 読者の関心を惹きつける素材 タイムリーさ コンテンツの質 共感 そして、ブログ読者を対象にした調査で最も大切なことは「わかりやすく質の高い文章」なんだそうです。 わたしもわかりやすく“無駄にクオリティの高い”文章を書いて、もっと自分のブログの「ファン」を増やしたい！ そして、読者の心を惹きつけるサイトを作りたいっ！ そこで、誰にも聞かれてないけど、わたしが「何度でも訪問したい」と思うサイトの条件を思いつくまま挙げてみました。 「何度も訪問したい」と思うサイトの条件 わ
美しいレイアウトを計算してくれるツール :: Love & Design ::
以前 Webデザインと黄金比の関係 でご紹介した、白銀比、黄金比、白金比、第二黄金比を使った美しいレイアウトを計算してくれるツールが、さらに再分割できるようになりパワーアップしました。 電脳狂想曲 レイアウトの小技 使い方と説明 実際に画像を表示しながら分割ができるので、サイドバーや画像の大きさを決めるときや、ロゴやメニューを配置するときに便利です。 【使用例】段組（２カラム）するとき 横幅780px の場合 黄金比：横幅 / 552px / 228px 白銀比：横幅 / 512px / 268px 白金比：横幅 / 571px / 209px 第二黄金比：横幅 / 565px / 215px ↓もしかして黄金比？ これまでテキトーに決めていたという方も、Webデザインだけでなく、プレゼンの資料などにも活用できそうなので、ぜひ一度お試しください。 参考記事 「見えない線」に沿ってページをレ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
