よりよいWebデザインにするための配色のセオリー :: Love & Design ::
第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基本になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色（黄⇔青 赤⇔緑）の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。（色相対比）
お手本にしたい Web デザインのギャラリー10選 :: Love & Design ::
Web デザインに限ったことではありませんが、何かを学ぶときは良いお手本を探すことが大切ですね。そのお手本を真似ながら、たくさん 練習することが上達するための何よりの方法だと思います。 そんなお手本にしたいきれいな Web デザイン（CSS）ばかりを集めたギャラリーを10サイト選んでみました。配色に悩んだり、デザインのアイデアが浮かばない、そんなときもインスピレーションを与えてくれそうです。 01 CSS Mania CSS デザインといえば、まずここ 02 Most Inspired クールな CSS デザインを一括チェックできます。 03 CSS Impress ブログデザインの参考に 04 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards タグで分類されていて目的にあわせて選びやすい 05 CSSclip |
ちょっぴりオシャレな QR コードが作れる Web サービス | *LOVE IS DESIGN*
QR コードといえば、白と黒というイメージがあると思いますが、ちょっとオシャレでカラフルな QR コード作成サービスをご紹介します。 こちらの QR コードは携帯電話のバーコードリーダー機能を使ってデータを読み取ることができます。
わたしが Firefox を使う3つの理由 | *LOVE IS DESIGN*
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc Get Firefox on Flickr - Photo Sharing! 日本では火狐とも呼ばれるタブブラウザ「Firefox」を知っていますか？ わたしが Firefox を使う3つの理由を挙げてみました。 IE 7の登場でタブブラウザは当たり前の時代。自分のスタイルに合わせてカスタマイズできるブラウザは、Webブラウズにもブロガーにとっても必須のツールです。 以前は Sleipnir を使っていましたが、Macにスウィッチしてからはずっと Firefox を愛用しています。 Firefox を使うその理由 Mac、Windows のどちらでも使える Grease
Firefox2.0アドオン追加版
TabMix と マウスジェスチャーがなぜ良いのか全然理解できない。 てか、使ってないのにこんな事いうのもなんだがｗ TabMixとマウスジェスチャーのそれぞれ一番よく使う(痒いところに手が届く)機能あげるとしたらなに？ ■suVeneさん 説明下手だから実際に使ってみるのが一番だと思うけど！(笑） ・Tab Mix Plusについて わたしはブックマークや検索結果のリンクを、新規タブで現在のタブの直後に開くようにしています。 あと、ブラウザがフリーズしたときに、タブを元の状態に復元してくれるので助かります。（2.0にしてからなくなったけど） ▼設定画面はこんな感じ https://sweetlovexx.up.seesaa.net/image/tabmixplus.jpg ・All-in-One Gesturesについて マウスジェスチャは、ショートカット派の人には要らないかも。 機能を
第2弾！はてなブックマーカー御用達ツールまとめ | *LOVE IS DESIGN*
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc はてなブックマーカー御用達ツールまとめ の 第2弾です。 はてなブックマークを、もっと楽しくもっと上手に使うコツは、お気に入りブックマーカーを見つけることです。 はてなの公式サービスではありませんが、ご紹介するツールを利用して相性の良いブックマーカーをぜひ見つけてください。 では、どうぞ。 ※はてなの公式サービスではありません。 ※開発者id:はてなユーザー名（敬称略） HatenaTagCrowds id:Marathon 興味のあるタグを入力すると、その分野に強いブックマーカーのクラウド表示されます。 ブックマーカー + 情報の両方を効率よく探せるツールです。 な・
はてなブックマーカー御用達ツールまとめ :: Love & Design ::
はてなブックマークで効率よく情報を集めたり、お気に入りのブックマーカーを探したいときに役立つツールをまとめてみました。 ※はてなの公式サービスではありません。 ※開発者id:はてなユーザー名（敬称略） Zer0Reader id:suVene お気に入りを階層的に辿って趣味の近いブックマーカーを探せます。 はてなの naoya氏も言ってたように、「お気に入り機能」をもっと活用しようよというツール 無駄にオシャレ！ suVeneのあれ: [はてブ]お気に入りからお気に入りを探そうサービス はてブおせっかい id:kanbayashi はてなーが使わないなんてｵｶｼｰﾖ！ Ryoの開発日記 - いよいよはてブおせっかい公開 同作者のサービスで Kikker というのもあります。 「ｷﾆﾅｰﾙ」キーワードを登録しておけば、あなたの好みを学習してくれます。 好みの近いはてなブックマーカーを探そう
サイトや写真の色をカラーコード化する便利ツール | *LOVE IS DESIGN*
どんな配色にしようか悩んだとき、すてきなサイトを参考にしたり、きれいな色の写真やイラストを見て、こんな色にしたいと思うことはありませんか？ そんなとき役に立ちそうな、カラーパレットを自動作成してくれるWebツールを2つご紹介します。 カラーピッカー（スポイドツール）で色をとる方法もありますが、今回ご紹介するのは、どちらも配色の参考にしたいURLを入れるだけで簡単に色情報を表示してくれます。 Webデザインだけでなく、ファッションやインテリアの配色の参考にもなります。 Color Palette Generator イメージ画像の色情報を抽出してカラーパレットを生成 Red Alt - I Like Your Colors Webページの色情報を抽出 （クリックすると、このページの色情報が表示されます） 入力欄に調べたいページのURLを入力すると、このように表示されます。 sample：WE
Favicon（お気に入りアイコン）が簡単に作成できるWebツール :: Love & Design ::
Faviconとは、Favorite Icon の略でブラウザのブックマークや、サイトを開いた時のアドレスバーやタブに表示される 16×16 の小さなアイコンのことです。 （faviconに対応していないブラウザもあります） Faviconを設置するメリットは、個性をPRしたり目立つということでしょうか。 今回は、Faviconが簡単に作成できるサイトをご紹介します。 Favicon Japan!! -16×16の小宇宙ファビコン- お手持ちの画像からfavicon.icoを自動作成してくれます。 当ブログのキスマークFaviconもこちらのサイトで作成しました。 Favicon Japan!! -ファビコンの設置方法- Favicon Genereator こちらのサイトは、お好きな色を選んでテキストが入れられます。 さっそくこちらでも作ってみました。 +LOVE2.0+ はてなダイアリ
ブログを始める前に知っておきたい本当のこと
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc ブログを始める前に、知っておくべきこととは何でしょうか。 本当に知っておきたい3つのことをまとめてみました。 caramel*vanilla：blogを始めるためのチェックリスト - その2 で、知っておくべきこと、 blogを始めるにあたって理解しておきたい事柄について、次の10項目がありました。 1.トラックバックについて知る 2.引用について知る 3.著作権について知る 4.アマゾン・アソシエイト・プログラムに登録 5.Google AdSenseに登録 6.FeedBurnerに登録 7.Flickrに登録 8.del.icio.usに登録 9.アクセス解析を設
厳選10本！ブログで使えるスグレモノツールまとめ :: Love & Design ::
プロのWebデザイナーじゃないけど、ブログをもっとカッコよくしたい！もっとオシャレに見せたい！という方のために、これまで紹介したブログで使えるスグレモノツールをまとめてみました。 便利なフリーソフトはたくさんありますが、この中でお気に入りが見つかるとうれしいです。 名付けてsweetloveパック（livedoor風味） 画像系 ImageChef（日本語・携帯にも対応） ワンポイントや mixi のプロフィールにどうぞ 画像が簡単にできるジェネレーターいろいろ :: Love & Design :: Polaroid-o-nizer™ ポラロイド風や枠をつけてオシャレに演出 写真をオシャレに見せたい人のための便利なツール :: Love & Design :: デザイン系 Dynamic Drive CSS Library タブメニューなどが豊富に揃っています。 誰でも簡単にCSSカスタ
画像が簡単にできるジェネレーターいろいろ :: 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 海外の新聞・雑誌風 どうぞご利用ください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
*LOVE IS DESIGN* - ちょっとしたメモ風のCSSデザイン