川本 (2010年9月20日 12:00) Webコンサルティング部 / Webサイト構築・Web戦略
デザイナーの川本です。
主な業務はWEB制作やデザイン業務全般です。 制作時はお恥ずかしながら、デザイン、コーディング中に行き詰まることもしばしばあります。 そんな時、よく使わせていただいている便利なサイトを紹介します。
WEBデザインの見本帳 http://www.web-mihon.com/
WEBデザイナーのためのWEBサイトのデータベース・リンク集です。 印象・色・ジャンルから、ありとあらゆるホームページデザインをピックアップすることが出来るので、クライアントにデザインのイメージを伝える際にも便利です。 ランキングもありますので、今話題になっているデザインをチェックすることが出来ます。 また、審査に通れば、自らサイトを登録することも可能です。
Web計。 http://zeller-lab.com/img-width/
『黄金比』抽出ツールです。 画像の縦の長さ、或いは横の長さを入力するだけで黄金比をリアルタイムで計算してくれます。 黄金比の他にも、『横幅に対する画像数』、『画像の比率』、『白銀比』の計算も可能です。 わざわざ計算しなくても、すぐ数値を出してくれるのでかなり便利です。
見出しデザイン.com http://midashi-design.com/
あらゆるWEBサイトの見出し部分が集められたWEBデザインギャラリーです。 全体のデザインも重要ですが、下層ページで重要になってくるのが見出し。 見出しは、全体のイメージを崩さず、かつ目立つデザインにすることが重要です。 何個も見出しを作っているとワンパターンになりがちなので、参考にしています。
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
WEB制作に使える便利なサイト
川本 (2010年9月20日 12:00)
Webコンサルティング部 / Webサイト構築・Web戦略
デザイナーの川本です。
主な業務はWEB制作やデザイン業務全般です。
制作時はお恥ずかしながら、デザイン、コーディング中に行き詰まることもしばしばあります。
そんな時、よく使わせていただいている便利なサイトを紹介します。
WEBデザインの見本帳
http://www.web-mihon.com/
WEBデザイナーのためのWEBサイトのデータベース・リンク集です。
印象・色・ジャンルから、ありとあらゆるホームページデザインをピックアップすることが出来るので、クライアントにデザインのイメージを伝える際にも便利です。
ランキングもありますので、今話題になっているデザインをチェックすることが出来ます。
また、審査に通れば、自らサイトを登録することも可能です。
Web計。
http://zeller-lab.com/img-width/
『黄金比』抽出ツールです。
画像の縦の長さ、或いは横の長さを入力するだけで黄金比をリアルタイムで計算してくれます。
黄金比の他にも、『横幅に対する画像数』、『画像の比率』、『白銀比』の計算も可能です。
わざわざ計算しなくても、すぐ数値を出してくれるのでかなり便利です。
見出しデザイン.com
http://midashi-design.com/
あらゆるWEBサイトの見出し部分が集められたWEBデザインギャラリーです。
全体のデザインも重要ですが、下層ページで重要になってくるのが見出し。
見出しは、全体のイメージを崩さず、かつ目立つデザインにすることが重要です。
何個も見出しを作っているとワンパターンになりがちなので、参考にしています。
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