タグ

LOVE IS DESIGNに関するsotetのブックマーク (6)

  • 厳選10本!ブログで使えるスグレモノツールまとめ :: Love & Design ::

    プロのWebデザイナーじゃないけど、ブログをもっとカッコよくしたい!もっとオシャレに見せたい!という方のために、これまで紹介したブログで使えるスグレモノツールをまとめてみました。 便利なフリーソフトはたくさんありますが、この中でお気に入りが見つかるとうれしいです。 名付けてsweetloveパック(livedoor風味) 画像系 ImageChef(日語・携帯にも対応) ワンポイントや mixi のプロフィールにどうぞ 画像が簡単にできるジェネレーターいろいろ :: Love & Design :: Polaroid-o-nizer™ ポラロイド風や枠をつけてオシャレに演出 写真をオシャレに見せたい人のための便利なツール :: Love & Design :: デザイン系 Dynamic Drive CSS Library タブメニューなどが豊富に揃っています。 誰でも簡単にCSSカスタ

    厳選10本!ブログで使えるスグレモノツールまとめ :: Love & Design ::
  • 「色」が持つ3つのチカラ

    第一印象を判断する時間は短く、約5~7秒程度で決まると言われています。 初めてブログを訪れた時の第一印象は、以前、イメージは色で決まる でも書きましたが、文章でもデザインでもなく「色」なんです。 Webデザイン エンジニアリング第23回 「色」が持っている三つのチカラ:ITpro こちらの記事を読んで、「色」が持っている三つのチカラ「強調」「印象」「関連」についてとても参考になりました。 テキストを読んでいるつもりでも、無意識に「色」の情報が伝わっているんですね。 1. 注目してほしいところ タイトルや見出し テキストやリンク色 2. 与えたいイメージ 女性らしさ、優しい印象(ピンク系)←わたしはココ! 楽しい印象(黄色やオレンジ) 信頼、さわやか(ブルー系)など 参考:色が与える印象の違い 3. 同じ色でグループ化 サイドバーやカテゴリーごとに分類する。 メインカラーと同系色か、3色まで

    「色」が持つ3つのチカラ
  • サイトや写真の色をカラーコード化する便利ツール | *LOVE IS DESIGN*

    どんな配色にしようか悩んだとき、すてきなサイトを参考にしたり、きれいな色の写真やイラストを見て、こんな色にしたいと思うことはありませんか? そんなとき役に立ちそうな、カラーパレットを自動作成してくれるWebツールを2つご紹介します。 カラーピッカー(スポイドツール)で色をとる方法もありますが、今回ご紹介するのは、どちらも配色の参考にしたいURLを入れるだけで簡単に色情報を表示してくれます。 Webデザインだけでなく、ファッションやインテリアの配色の参考にもなります。 Color Palette Generator イメージ画像の色情報を抽出してカラーパレットを生成 Red Alt - I Like Your Colors Webページの色情報を抽出 (クリックすると、このページの色情報が表示されます) 入力欄に調べたいページのURLを入力すると、このように表示されます。 sample:WE

    サイトや写真の色をカラーコード化する便利ツール | *LOVE IS DESIGN*
  • はてなブックマーカー御用達ツールまとめ :: Love & Design ::

    はてなブックマークで効率よく情報を集めたり、お気に入りのブックマーカーを探したいときに役立つツールをまとめてみました。 ※はてなの公式サービスではありません。 ※開発者id:はてなユーザー名(敬称略) Zer0Reader id:suVene お気に入りを階層的に辿って趣味の近いブックマーカーを探せます。 はてなの naoya氏も言ってたように、「お気に入り機能」をもっと活用しようよというツール 無駄にオシャレ! suVeneのあれ: [はてブ]お気に入りからお気に入りを探そうサービス はてブおせっかい id:kanbayashi はてなーが使わないなんてオカシーヨ! Ryoの開発日記 - いよいよはてブおせっかい公開 同作者のサービスで Kikker というのもあります。 「キニナール」キーワードを登録しておけば、あなたの好みを学習してくれます。 好みの近いはてなブックマーカーを探そう

    はてなブックマーカー御用達ツールまとめ :: Love & Design ::
  • LOVE IS DESIGN : Webデザインと黄金比の関係

    Webデザインや配色に役立つ(かもしれない)テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc ベストセラーのダ・ヴィンチ・コードにも出てくる「黄金比」という言葉を、みなさんも一度は聞いたことがあるかと思います。 先日テレビを見ていたら、「黄金比」について番組で取り上げていたので、興味深く見ていたら、なんとオードリー・ヘップバーンの顔の中にも黄金比がたくさんひそんでいたんだそうです。 ピラミッドやパルテノン神殿などの建築物、ミロのヴィーナス・モナリザの絵でも有名ですが、はるか昔から、最もバランスのとれた美しい比率とされる「黄金比」がなぜ美しいと言われるのでしょうか? 松ぼっくりやひまわりの種など、自然界にある多くのものに、この法則が当てはまるというのがひとつの説に

    LOVE IS DESIGN : Webデザインと黄金比の関係
  • 美しいレイアウトを計算してくれるツール :: Love & Design ::

    以前 Webデザインと黄金比の関係 でご紹介した、白銀比、黄金比、白金比、第二黄金比を使った美しいレイアウトを計算してくれるツールが、さらに再分割できるようになりパワーアップしました。 電脳狂想曲 レイアウトの小技 使い方と説明 実際に画像を表示しながら分割ができるので、サイドバーや画像の大きさを決めるときや、ロゴやメニューを配置するときに便利です。 【使用例】段組(2カラム)するとき 横幅780px の場合 黄金比:横幅 / 552px / 228px 白銀比:横幅 / 512px / 268px 白金比:横幅 / 571px / 209px 第二黄金比:横幅 / 565px / 215px ↓もしかして黄金比? これまでテキトーに決めていたという方も、Webデザインだけでなく、プレゼンの資料などにも活用できそうなので、ぜひ一度お試しください。 参考記事 「見えない線」に沿ってページをレ

    美しいレイアウトを計算してくれるツール :: Love & Design ::
  • 1