Webデザイン Archive

FONTSPACE

アルファベットのフリーフォントは世に星の数ほどあれど、実際ありすぎてどれをチョイスしたらいいのか困ってしまうのが難点。

フォントのサンプルはたいてい数文字で、フォントをダウンロードしてインストールしないと実際使用したい文字列での雰囲気はつかめませんでした。

その点このサイトは個々のフォントページ上部にCustomizeという欄があり、自分の使用したい任意の文字列を入力することで実際の仕上がりをシミュレーションできます。サイズまで調整できますので、これでムダに使用しないフォントをダウンロードしてしまったなんてことは少なくなりますね。

しかも、一度入力した文字列はその他のフォントサンプルにも反映されるので、意外性のある発見が出来ること必至。

しかも、掲載しているフォント数は実に8900オーバー。

もう、ほんとにかゆいところに手が届きすぎてすみません。

Glossy e-Commerce icons

今やネット経由でモノを買うのが当たり前の大eコマース時代ですが、やっぱりネットショップもデザインがいいところは商品や信頼性の印象がアップするのが常。

そこで、いかにも今風のWeb2.0系デザインでお客のハートをがっちりキャッチしたいならこのアイコンなんぞいかがでしょうか。

カラフルで目に付きますが、とても丁寧にわかりやすく作ってありますね。

TABS GENERATOR

シンプルで分かりやすいデザインには欠かせないナビゲーション用タブを、シンプルなインターフェイスで作成できるジェネレーター。

高さ、幅はもちろん、色、ボーダー角丸なども調整できる。

同サイトにWeb2.0デザインでお馴染みのリフレクションジェネレーターや、ストライプ、タータンチェックジェネレーターもある。

いつか役に立つかもしれないし、立たないかもしれないのでブックマーク。

BJL

英国はマンチェスターに籍を置く広告代理店のHP。

ページという概念をそっくりそのまま部屋に置き換えてしまったシームレスでつながってるWebデザイン。

アーティスティックに訴える広告デザインが得意だということをアピールしまくり。

THEME VIEWER

一昔前までは本邦においてサーバーインストール型のブログといえばMovableTypeの独壇場だったのに、あれよあれよという間に頭角を現し、世界的な人気を博しているWordPress。

このブログはMovableTypeで構築されているのですが、ひょんなことからWordPressに触る機会があり、テーマ（テンプレート）を検索してみると、出るわ出るわ、優秀デザインのテーマがてんこ盛りです。

そのテーマを一堂に会したのがこのサイト。欧米でのWordPressの人気は不動のものらしいので、あちらのデザイナーが製作したものが星の数ほどあります。全部みていたら日が暮れます。最近は3カラムデザインが流行してるなぁとかトレンドも把握できたり。

FWA（Favourite Website Awards）

老舗なので、知っている方も多いかもですが、世界中のイケてるWebサイトが多数掲載されているリンク集です。

毎月ごとにベストサイトなども選出しているのですが、どれも甲乙つけがたいほどのレベルの高さ。

やっぱりリッチコンテンツ代表のFlashは、ずいぶん前からCoolなサイトには必須前提になってる感ですね。

にしても、サムネイルをずらっと並べただけでなんかワクワクしてしまうようなチョイスと、世界中のクリエーターさんに感服しまくりです。

good-tutorials

その数実に22,420。圧倒的な数のチュートリアルで、これを一からマスターした暁には必ずやWebマスターの称号が与えられるであろう。

カテゴリーも多岐に渡り、CSS、FLASH、JAVASCRIPT、HTML、ILLUSTRATOR、PHOTOSHOP、などなど。

これだけ数があると、逆にやる気が失せるのが玉に瑕ですが、Google師匠やWikipedia先生もここまでは教えてくれないわけで、もしもPCと脳みそがUSB2.0でつなげるのならば全てアップロードしてやりたいくらいの先人たちの知識。

とりあえずサムネイル見ながら、PHOTOSHOPあたりのピンときたものからマスターしますか。。。

Spuidfingers

ホームページの背景などに使えるバックグラウンド画像。

パターンがとても細かくて、色の組み合わせにも落ち着きがあり、大人な雰囲気。数も多いし、もちろん無料。

一定のクォリティを維持しながらも158パターンものバックグラウンド画像を堪能できます。数が多いと、あれこれ選ぶのに迷うのも楽しいですよね。気分で簡単に変えられるし、バックグラウンド変更作業の手間のわりに、サイトの雰囲気をガラリと変えることもできるし。

もう一個ここも見つけたんですけど、フォトショップのパターンとかそのまま使っているし、出直してきなさいという感じ。まぁクォリティの比較として。

freelayouts

htmlファイル、cssファイル、pngやgifなどの画像ファイルがセットでダウンロードできるテンプレートサイト。

今時、html＋css＋画像ファイルがあればクールなサイトの一つや二つそのまま完成します。極端な話、そのままでいい！って人はテンプレートをダウンロードしてそのままサーバーにアップすればいいんですが、よっぽど奇特な方でない限りはせめてテキストだけでもカスタマイズすることをお勧めします。

今の段階ですでに1000近い数のテンプレートがありますし、次々に増えているようなので、優柔不断な方は迷っている間に日が暮れます。

htmlやcssを勉強している方には、クールなデザインをダウンロードしてソースを勉強するのにも役立ちますね。