レイアウト5つの法則「C.R.A.P.S」 | *LOVE IS DESIGN*
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc How C.R.A.P is Your Site Design?(Vitamin Features)というデザインについてまとめた海外の記事を、日本語で解説されている記事をみつけました。 C.R.A.P : ウェブデザインを検討する上での４つの観点（PamGau） 「C.R.A.P」の各々は、「対照(Contrast)」・「反復(Repetition)」・「位置あわせ(Alignment)」・「近接配置(Proximity)」を指します。 これらの４つのポイントをわかりやすく解説されていましたが、レイアウトの目的は「情報の視覚化」だと考えます。 以前のブログで書いたもの
LOVE IS DESIGN : Webデザインと黄金比の関係
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc ベストセラーのダ・ヴィンチ・コードにも出てくる「黄金比」という言葉を、みなさんも一度は聞いたことがあるかと思います。 先日テレビを見ていたら、「黄金比」について番組で取り上げていたので、興味深く見ていたら、なんとオードリー・ヘップバーンの顔の中にも黄金比がたくさんひそんでいたんだそうです。 ピラミッドやパルテノン神殿などの建築物、ミロのヴィーナス・モナリザの絵でも有名ですが、はるか昔から、最もバランスのとれた美しい比率とされる「黄金比」がなぜ美しいと言われるのでしょうか？ 松ぼっくりやひまわりの種など、自然界にある多くのものに、この法則が当てはまるというのがひとつの説に
画像が簡単にできるジェネレーターいろいろ :: Love & Design ::
ブログにちょっと画像がほしいなぁというときに便利なジェネレーターを集めてみました。 専用ソフトがなくても、簡単にあっという間にできちゃうのがいいですね。 ImageChef（日本語対応になりました） こちらは ボムガール | ブログに使えそうなジェネレーター で紹介されていたのですが、なんと75種類あります。 mixi のプロフィールにも使えそうですね。 関連 テキストでハート型などの画像が作れるジェネレーター Web2.0 Logo Creator by Alex P Web2.0 っぽいロゴ E-Zombie.com ゾンビがロゴを作ってくれる Vinyl Record Generator 誰でもレコードが作れるジェネレータ。音楽好きの方はぜひ。 Create Fake Magazine's covers 海外の新聞・雑誌風 どうぞご利用ください。
写真をオシャレに見せたい人のための便利なツール :: Love & Design ::
【PR】あなたの写真を簡単キレイに無料補正 写真をポラロイド風に ひとつ目は、あっという間に写真をオシャレにできるオンラインツール Polaroid-o-nizer™ アップロードした画像（GIF・JPEG・PNG）のURLを入れてクリックするだけ 余白に文字を入れることもできます。（英語のみ） お好みで写真の角度を自由に変えられます。 ■ポラロイドイメージの作り方 Background color (RGB value) RGB値で背景色を設定できます。（デフォルトは白） URL to image (GIF, JPEG or PNG, 200x200 pixels minimum) 使用できるイメージサイズの最小サイズは200x200ピクセル x and y coordinates (optional) オプションで座標の指定ができます。 Rotation angle (between
美しいレイアウトを計算してくれるツール :: Love & Design ::
以前 Webデザインと黄金比の関係 でご紹介した、白銀比、黄金比、白金比、第二黄金比を使った美しいレイアウトを計算してくれるツールが、さらに再分割できるようになりパワーアップしました。 電脳狂想曲 レイアウトの小技 使い方と説明 実際に画像を表示しながら分割ができるので、サイドバーや画像の大きさを決めるときや、ロゴやメニューを配置するときに便利です。 【使用例】段組（２カラム）するとき 横幅780px の場合 黄金比：横幅 / 552px / 228px 白銀比：横幅 / 512px / 268px 白金比：横幅 / 571px / 209px 第二黄金比：横幅 / 565px / 215px ↓もしかして黄金比？ これまでテキトーに決めていたという方も、Webデザインだけでなく、プレゼンの資料などにも活用できそうなので、ぜひ一度お試しください。 参考記事 「見えない線」に沿ってページをレ
「色」が持つ3つのチカラ
第一印象を判断する時間は短く、約5～7秒程度で決まると言われています。 初めてブログを訪れた時の第一印象は、以前、イメージは色で決まる でも書きましたが、文章でもデザインでもなく「色」なんです。 Webデザイン エンジニアリング第23回 「色」が持っている三つのチカラ：ITpro こちらの記事を読んで、「色」が持っている三つのチカラ「強調」「印象」「関連」についてとても参考になりました。 テキストを読んでいるつもりでも、無意識に「色」の情報が伝わっているんですね。 1. 注目してほしいところ タイトルや見出し テキストやリンク色 2. 与えたいイメージ 女性らしさ、優しい印象（ピンク系）←わたしはココ！ 楽しい印象（黄色やオレンジ） 信頼、さわやか（ブルー系）など 参考：色が与える印象の違い 3. 同じ色でグループ化 サイドバーやカテゴリーごとに分類する。 メインカラーと同系色か、3色まで
覚えておきたい配色のワザと便利なツール :: Love & Design ::
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc 色の3つの要素 配色を行う前に、色に関する基礎知識をおさらい。色は「色相・彩度・明度」の3つの要素によって成り立っています。明度だけの性質を持つ無彩色に対し、有彩色は色相、彩度、明度の3つの性質を持っています。これを「色の3属性」と呼びます。 色相（しきそう：Hue） 色相とは、赤・橙・黄・緑・青・紫などの色みのこと。 （色相はつながりあって色相環という輪になります。） 彩度（さいど：Saturation：Chroma） 色の鮮やかさ、強弱の度合いのこと。 彩度が高い（鮮やか）⇔彩度が低い（鈍い） 明度（めいど：Value：Brightness） 色の明るさの度合いのこ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
*LOVE IS DESIGN* - ちょっとしたメモ風のCSSデザイン
ナウなヤングにバカウケな「検索サイト」まとめ :: Love & Design ::