Home > Webデザイン Archive

Webデザイン Archive

400種類以上のWeb製作ツール詰め合わせ

web2rain.jpg

Web2Rain

Web製作中級者以上には重宝しそうなWeb製作関連サービスへのリンクが400以上もあるブログ形式のサイトです。

内容は英語なので、Web製作中級に加えて、英語力中級も必要かもですが(笑)。

とにかく関連サイトが膨大な数なので、逆に目的のサイトにたどり着くのが面倒かもですが、タグクラウドから根気よく探せばきっと幸せが見つかるでしょう。

タグクラウドを見るに、CSS系とジェネレーター関連の情報が特に多いようです。折に触れてこのサイトの中から面白いものをピックして紹介しようとたくらんでいます。

     ◎ 関連記事 ◎

任意の文字列で仕上がりを確認できるフリーフォントサイト

fontspace.jpgFONTSPACE

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

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

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

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

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

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

     ◎ 関連記事 ◎

ネットショップ用フリーアイコン

ecommerceicon.jpgGlossy e-Commerce icons

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

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

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

     ◎ 関連記事 ◎

このサイトは再生紙を利用してゐます。

recycled.jpg

Recycled Paper CSS

パルプ100%使用のCSS。

ISOに適合(を想定)。

蛍光染料不使用。

 

ネタっちゃネタなんですけど、デジデジなPC環境にホッとするぬくもりを与えてくれるナイスなジョーク。

バナーや壁紙もあります。

     ◎ 関連記事 ◎

ナビゲーション用タブジェネレーター

tabsgenerator.jpgTABS GENERATOR

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

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

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

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

建物に見立てたインターフェイス

bjl.jpgBJL

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

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

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

WORDPRESSのテーマ集

themeviewer.jpgTHEME VIEWER

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

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

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

     ◎ 関連記事 ◎

老舗WEBデザインアワード

fwa.jpgFWA(Favourite Website Awards)

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

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

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

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

2万を超えるチュートリアル集

goodtutorial.jpggood-tutorials

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

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

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

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

     ◎ 関連記事 ◎

上質でエレガントなバックグラウンド画像

Squidfingers.jpgSpuidfingers

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

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

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

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

 

     ◎ 関連記事 ◎

膨大な量のWebテンプレート

freelayouts.jpgfreelayouts

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

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

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

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

     ◎ 関連記事 ◎

Index of all entries

Home > Webデザイン Archive

Search
Feeds

メールアドレスを入力してください:

配信: FeedBurner

Contact


Lab.





テクノラティお気に入りに追加する

あわせて読みたい

フィードメーター - Conveni-Ent





スカウター : Conveni-Ent





Return to page top