Web デザインを考えるとき、色彩のイメージはとても大切です。配色のヒントは Web 上だけではありませんが、配色に悩んだときに便利な、色で選べる Web デザインギャラリーをまとめてみました。 イメージに合った色の選び方や、レイアウトもとても参考になります。
色で選べる Web デザインギャラリーまとめ
Web デザインを考えるとき、色彩のイメージはとても大切です。配色のヒントは Web 上だけではありませんが、配色に悩んだときに便利な、色で選べる Web デザインギャラリーをまとめてみました。 イメージに合った色の選び方や、レイアウトもとても参考になります。
ブラウザによる見え方の違いをチェック | *LOVE IS DESIGN*
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc CSS をいじりだすと気になるのが、ブラウザによる見え方の違い。 このブログでは訪問者の約65％が Internet Explorer ユーザですが、最近は Firefox など Mozilla系や、Opera・Safariといったブラウザの方も増えているようです。 わたしはWinXP+スレイプニルという環境で更新作業をすることが多いのですが、はてなツールバーがスレイプニルでは使えないので、最近は Firefox をメインブラウザとして使用しています。（もうすっかりはてなっ子） CSS をいじったり記事をアップした後、スレイプニルで見た時は思ったとおりのデザインだったの
厳選10本！ブログで使えるスグレモノツールまとめ :: Love & Design ::
プロのWebデザイナーじゃないけど、ブログをもっとカッコよくしたい！もっとオシャレに見せたい！という方のために、これまで紹介したブログで使えるスグレモノツールをまとめてみました。 便利なフリーソフトはたくさんありますが、この中でお気に入りが見つかるとうれしいです。 名付けてsweetloveパック（livedoor風味） 画像系 ImageChef（日本語・携帯にも対応） ワンポイントや mixi のプロフィールにどうぞ 画像が簡単にできるジェネレーターいろいろ :: Love & Design :: Polaroid-o-nizer™ ポラロイド風や枠をつけてオシャレに演出 写真をオシャレに見せたい人のための便利なツール :: Love & Design :: デザイン系 Dynamic Drive CSS Library タブメニューなどが豊富に揃っています。 誰でも簡単にCSSカスタ
「色」が持つ3つのチカラ
第一印象を判断する時間は短く、約5～7秒程度で決まると言われています。 初めてブログを訪れた時の第一印象は、以前、イメージは色で決まる でも書きましたが、文章でもデザインでもなく「色」なんです。 Webデザイン エンジニアリング第23回 「色」が持っている三つのチカラ：ITpro こちらの記事を読んで、「色」が持っている三つのチカラ「強調」「印象」「関連」についてとても参考になりました。 テキストを読んでいるつもりでも、無意識に「色」の情報が伝わっているんですね。 1. 注目してほしいところ タイトルや見出し テキストやリンク色 2. 与えたいイメージ 女性らしさ、優しい印象（ピンク系）←わたしはココ！ 楽しい印象（黄色やオレンジ） 信頼、さわやか（ブルー系）など 参考：色が与える印象の違い 3. 同じ色でグループ化 サイドバーやカテゴリーごとに分類する。 メインカラーと同系色か、3色まで
サイトや写真の色をカラーコード化する便利ツール | *LOVE IS DESIGN*
どんな配色にしようか悩んだとき、すてきなサイトを参考にしたり、きれいな色の写真やイラストを見て、こんな色にしたいと思うことはありませんか？ そんなとき役に立ちそうな、カラーパレットを自動作成してくれるWebツールを2つご紹介します。 カラーピッカー（スポイドツール）で色をとる方法もありますが、今回ご紹介するのは、どちらも配色の参考にしたいURLを入れるだけで簡単に色情報を表示してくれます。 Webデザインだけでなく、ファッションやインテリアの配色の参考にもなります。 Color Palette Generator イメージ画像の色情報を抽出してカラーパレットを生成 Red Alt - I Like Your Colors Webページの色情報を抽出 （クリックすると、このページの色情報が表示されます） 入力欄に調べたいページのURLを入力すると、このように表示されます。 sample：WE
はてなブックマーカー御用達ツールまとめ :: Love & Design ::
はてなブックマークで効率よく情報を集めたり、お気に入りのブックマーカーを探したいときに役立つツールをまとめてみました。 ※はてなの公式サービスではありません。 ※開発者id:はてなユーザー名（敬称略） Zer0Reader id:suVene お気に入りを階層的に辿って趣味の近いブックマーカーを探せます。 はてなの naoya氏も言ってたように、「お気に入り機能」をもっと活用しようよというツール 無駄にオシャレ！ suVeneのあれ: [はてブ]お気に入りからお気に入りを探そうサービス はてブおせっかい id:kanbayashi はてなーが使わないなんてｵｶｼｰﾖ！ Ryoの開発日記 - いよいよはてブおせっかい公開 同作者のサービスで Kikker というのもあります。 「ｷﾆﾅｰﾙ」キーワードを登録しておけば、あなたの好みを学習してくれます。 好みの近いはてなブックマーカーを探そう
LOVE IS DESIGN : Webデザインと黄金比の関係
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc ベストセラーのダ・ヴィンチ・コードにも出てくる「黄金比」という言葉を、みなさんも一度は聞いたことがあるかと思います。 先日テレビを見ていたら、「黄金比」について番組で取り上げていたので、興味深く見ていたら、なんとオードリー・ヘップバーンの顔の中にも黄金比がたくさんひそんでいたんだそうです。 ピラミッドやパルテノン神殿などの建築物、ミロのヴィーナス・モナリザの絵でも有名ですが、はるか昔から、最もバランスのとれた美しい比率とされる「黄金比」がなぜ美しいと言われるのでしょうか？ 松ぼっくりやひまわりの種など、自然界にある多くのものに、この法則が当てはまるというのがひとつの説に
美しいレイアウトを計算してくれるツール :: Love & Design ::
以前 Webデザインと黄金比の関係 でご紹介した、白銀比、黄金比、白金比、第二黄金比を使った美しいレイアウトを計算してくれるツールが、さらに再分割できるようになりパワーアップしました。 電脳狂想曲 レイアウトの小技 使い方と説明 実際に画像を表示しながら分割ができるので、サイドバーや画像の大きさを決めるときや、ロゴやメニューを配置するときに便利です。 【使用例】段組（２カラム）するとき 横幅780px の場合 黄金比：横幅 / 552px / 228px 白銀比：横幅 / 512px / 268px 白金比：横幅 / 571px / 209px 第二黄金比：横幅 / 565px / 215px ↓もしかして黄金比？ これまでテキトーに決めていたという方も、Webデザインだけでなく、プレゼンの資料などにも活用できそうなので、ぜひ一度お試しください。 参考記事 「見えない線」に沿ってページをレ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
