タグ

ブックマーク / sweetlovexx.seesaa.net (7)

  • 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+ はてなダイアリ

    Favicon(お気に入りアイコン)が簡単に作成できるWebツール :: Love & Design ::
  • よりよいWebデザインにするための配色のセオリー :: Love & Design ::

    第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色(黄⇔青 赤⇔緑)の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。(色相対比)

    よりよいWebデザインにするための配色のセオリー :: Love & Design ::
    noko-noko
    noko-noko 2008/03/20
  • サムネイルを作成するウェブサービス一覧 | *LOVE IS DESIGN*

    Webデザインや配色に役立つ(かもしれない)テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc 最近ソーシャルブックマークサービスも、サムネイル付きが人気ですね。 ブログでサイトの紹介をするときも同じように、サムネイル付きのほうが雰囲気がつかみやすいし、クリックされやすくなると思います。 今日は、サムネイルが簡単にできるサービスを集めてみました。 用途に合わせて使い分けてみてはいかがでしょうか。 Mozshot (前回の記事で使用) カスタマイズ可能なスクリーンショットサービス SimpleAPI - 手軽に使えるウェブサービス群 feedmeter でおなじみの角丸 WebToJpeg - [ リアルタイムウェブページサムネイラ ] 関連:オシャレな影付きのサム

    サムネイルを作成するウェブサービス一覧 | *LOVE IS DESIGN*
    noko-noko
    noko-noko 2007/11/17
  • テキストでハート型などの画像が作れるジェネレーター | *LOVE IS DESIGN*

    この記事へのトラックバック テキストでハート型などの画像が作れちゃう Excerpt: 以前紹介した「おまかせバナー作成」に新しいジェネレータができたようです。うれしいことに今回も日語にも対応しています。(*^ー゚)b グッジョブ!! バレンタインに向け、HPやブログのワ.. Weblog: おもしろキングダム Tracked: 2007-02-05 19:42 blogstickerをつけちゃいました Excerpt: ひさびさに、らぶさんのブログを訪れました。 テキストでハート型などの画像が作れるジェネレータ- ってのが、いたく気に入りました。 ほか、 たった1分でかっこいい写真に変身できる!Webツール .. Weblog: Tech for Learning Tracked: 2007-11-07 17:58

    テキストでハート型などの画像が作れるジェネレーター | *LOVE IS DESIGN*
  • サイトや写真の色をカラーコード化する便利ツール | *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 ::

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

    美しいレイアウトを計算してくれるツール :: Love & Design ::
  • おすすめアクセス解析 | *LOVE IS DESIGN*

    Webデザインや配色に役立つ(かもしれない)テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc Seesaaにはもともと簡易アクセス解析(ページ別・時間毎のアクセス数・リファラ・OS/ブラウザ)がついていますが、集計機能がなかったり重くて開けないことがあるので、どのように読まれているかを知る上で、当ブログではアクセス解析サービスを利用しています。 何を目的にアクセス解析するかによって選ぶ基準は違いますが、たくさんの無料のアクセス解析サービスの中からわたしのおすすめをいくつかご紹介します。 Research Artisan (バナー広告なし) 一般的な解析内容に加え、・AdSenseクリック測定・リンククリック測定・解析メール送信機能もあり。 necoxさんのブログ

    おすすめアクセス解析 | *LOVE IS DESIGN*
    noko-noko
    noko-noko 2006/08/14
  • 1