知っておくと便利な「無彩色」の使い方
白、黒、グレーのように色みを持たない色のことを「無彩色」と言います。 （むさい色じゃないよ！） 「無彩色」はどんな色ともマッチする反面、使い方によっては地味で無機質な印象になりがちですが、上手に使うとシックでスタイリッシュな雰囲気になります。今回は、色使いの基本として「無彩色」の使い方を紹介したいと思います。 色には大きく分けて「有彩色」と「無彩色」の2種類あります。有彩色は「色相、明度、彩度」の3つの性質があるのに対し、無彩色は「明度」*だけの性質を持っています。 *明度（めいど：value） 色の明るさの度合いのこと。 最も明度の高い色が白、最も明度の低い色が黒です。 Webデザインに「無彩色」はかかせない存在 背景など部分的に使う グラデーションをつける 明度差をつけて強調する 光と影をつけて立体感を出す どんな色ともケンカをしない「無彩色」は、使う場所を選ばない万能な色。 Webデ
色で選べる Web デザインギャラリーまとめ
Web デザインを考えるとき、色彩のイメージはとても大切です。配色のヒントは Web 上だけではありませんが、配色に悩んだときに便利な、色で選べる Web デザインギャラリーをまとめてみました。 イメージに合った色の選び方や、レイアウトもとても参考になります。
ブロガーツールセット for Mac | *LOVE IS DESIGN*
ブロガーの「七つ道具」というと大袈裟ですが、昨年 Mac にスウィッチしたわたしがブログを書くときに使用している便利なツールをご紹介したいと思います。すべて無料で入手できるものばかりです。･･････ Mac 以外はね。えへへ。 ドラッグ＆ドロップで画像加工 CocoThumbX - Mac OS X Thumbnail Creator 画像をドラッグ＆ドロップするだけで、サムネイルにしたりドロップシャドウをつけるてくれるスグレモノです。画像の任意の場所にラベル（テキスト）を入れるのも簡単で、今一番お気に入りの画像処理ソフトです。 Thumbscrew via：ネタフル これは今日知ったばかりなんですが、さっそくダウンロードして使ってみました。 Mac 関連の話題も豊富でお世話になってます。 参考：[N] Macに"Switch"する人のためのソフトとTipsのまとめ あっという間に無駄に
たった１分でかっこいい写真に変身できる！Webツール :: Love & Design ::
ブログや mixi に写真をかっこよく載せたい人は必見！ 画像処理ソフトを持っていない人や、めんどくさがり屋さんにもピッタリのオンラインフォトエディタを2つご紹介します。ユーザー登録・インストールも不要で誰でも簡単にフォトショップ顔負けのかっこいい写真が簡単に作れちゃいます。 【PR】ネットで画像を無料加工 PXN8.COM - Online Photo Editor （やのさん thx!） 説明が不要なくらい作り方も簡単です。 すべてのブラウザ(IE、Firefox、Safari、Opera)に対応しています。 アンドゥ・リドゥ機能（やり直し） ズーム機能（拡大縮小） 明るさ調整 トリミング リサイズ 画像の回転 赤目の補正 歯を白くする処理 セピア加工 LOMO*（ロシア製のトイカメラ風） フィルター ラウンド（角丸） ボーダー ぼかし 雪 *参考：:: Welcome to Lomo
美しいレイアウトを計算してくれるツール :: Love & Design ::
以前 Webデザインと黄金比の関係 でご紹介した、白銀比、黄金比、白金比、第二黄金比を使った美しいレイアウトを計算してくれるツールが、さらに再分割できるようになりパワーアップしました。 電脳狂想曲 レイアウトの小技 使い方と説明 実際に画像を表示しながら分割ができるので、サイドバーや画像の大きさを決めるときや、ロゴやメニューを配置するときに便利です。 【使用例】段組（２カラム）するとき 横幅780px の場合 黄金比：横幅 / 552px / 228px 白銀比：横幅 / 512px / 268px 白金比：横幅 / 571px / 209px 第二黄金比：横幅 / 565px / 215px ↓もしかして黄金比？ これまでテキトーに決めていたという方も、Webデザインだけでなく、プレゼンの資料などにも活用できそうなので、ぜひ一度お試しください。 参考記事 「見えない線」に沿ってページをレ
写真をオシャレに見せたい人のための便利なツール :: 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 ::
ブログにちょっと画像がほしいなぁというときに便利なジェネレーターを集めてみました。 専用ソフトがなくても、簡単にあっという間にできちゃうのがいいですね。 ImageChef（日本語対応になりました） こちらは ボムガール | ブログに使えそうなジェネレーター で紹介されていたのですが、なんと75種類あります。 mixi のプロフィールにも使えそうですね。 関連 テキストでハート型などの画像が作れるジェネレーター Web2.0 Logo Creator by Alex P Web2.0 っぽいロゴ E-Zombie.com ゾンビがロゴを作ってくれる Vinyl Record Generator 誰でもレコードが作れるジェネレータ。音楽好きの方はぜひ。 Create Fake Magazine's covers 海外の新聞・雑誌風 どうぞご利用ください。
おすすめアクセス解析 | *LOVE IS DESIGN*
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc Seesaaにはもともと簡易アクセス解析（ページ別・時間毎のアクセス数・リファラ・OS/ブラウザ）がついていますが、集計機能がなかったり重くて開けないことがあるので、どのように読まれているかを知る上で、当ブログではアクセス解析サービスを利用しています。 何を目的にアクセス解析するかによって選ぶ基準は違いますが、たくさんの無料のアクセス解析サービスの中からわたしのおすすめをいくつかご紹介します。 Research Artisan （バナー広告なし） 一般的な解析内容に加え、・AdSenseクリック測定・リンククリック測定・解析メール送信機能もあり。 necoxさんのブログ
ブログに表示してほしいメニューと10の理由＋1 | *LOVE IS DESIGN*
1. プロフィール 初めて訪れる場合はまずココを見る。 どんな人が書いているのか、職業など書ける範囲であったほうがいい。 本人の写真はあったほうがベターだけど、あるが故に損をする可能性もありおすすめしない。 2. 最新のエントリー 最低5本くらいは表示してほしい。 最新のエントリーが何ヶ月も前だとちょっとガッカリする。 3. 最新のコメント コメントのレスを確認しやすいかどうか。 コメントを受け付けている場合はできるだけ表示してほしい。 4. 最新のトラックバック セルフトラックバックで埋まっていると萎える。 5. カテゴリ どんな話題を取り上げているかわかりやすく。 「日記」とか「雑記」だけだと読む気がしない。 6. 月別アーカイブ 何年もやっている人は、無駄にサイドバーが長くならないように、スクロールバーにするなどの工夫をしてほしい。 7. ブログ内検索 よく行くブログではよく使う。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
*LOVE IS DESIGN* - ちょっとしたメモ風のCSSデザイン