システム開発ブログ

デザイナーの川本です。

主な業務はWEB制作やデザイン業務全般です。
制作時はお恥ずかしながら、デザイン、コーディング中に行き詰まることもしばしばあります。
そんな時、よく使わせていただいている便利なサイトを紹介します。


20100921_01.png

WEBデザインの見本帳
http://www.web-mihon.com/

WEBデザイナーのためのWEBサイトのデータベース・リンク集です。
印象・色・ジャンルから、ありとあらゆるホームページデザインをピックアップすることが出来るので、クライアントにデザインのイメージを伝える際にも便利です。
ランキングもありますので、今話題になっているデザインをチェックすることが出来ます。
また、審査に通れば、自らサイトを登録することも可能です。


20100921_02.png

Web計。
http://zeller-lab.com/img-width/

『黄金比』抽出ツールです。
画像の縦の長さ、或いは横の長さを入力するだけで黄金比をリアルタイムで計算してくれます。
黄金比の他にも、『横幅に対する画像数』、『画像の比率』、『白銀比』の計算も可能です。
わざわざ計算しなくても、すぐ数値を出してくれるのでかなり便利です。


20100921_03.png

見出しデザイン.com
http://midashi-design.com/

あらゆるWEBサイトの見出し部分が集められたWEBデザインギャラリーです。
全体のデザインも重要ですが、下層ページで重要になってくるのが見出し。
見出しは、全体のイメージを崩さず、かつ目立つデザインにすることが重要です。
何個も見出しを作っているとワンパターンになりがちなので、参考にしています。


20100921_04.png

spoon
http://spoon.net/Browsers/

最近会う人会う人に勧めているサイト。というかブラウザです。
今まではチェック対象のブラウザを一つ一つインストールして確認しておりましたが、
spoonサイトから現在使用されている主要ブラウザを直接立ち上げることが出来ます。
ブラウザごとにデザインに崩れが出ていないか確認をする際に使用しています。

対応ブラウザ:
Microsoft Internet Explorer 6, 7, 8, 9(プレビュー版)
Mozilla Firefox 2, 3, 3.5, 3.6, 4(ベータ版)
Google Chrome, Google Chrome5, 6(ベータ版)
Apple Safari 3, 4, 5
Opera 9, 10

システム周りのお悩みを解決します

まずは無料ダウンロード

この記事に関連する記事の一覧


システム開発ブログ

Twitterでilovex_officialをフォローしてください

カテゴリー

以前の部署別ブログ

ページのトップ