Skip to content

WEB制作.Hack

WEB制作に関する技術や役立つサイトを紹介します。

情報をグラフィックによって可視化した例です。
アートワークとも呼べるような、クオリティの高い方法で可視化された10例が紹介されています。
最初の1つはWeb系企業を地下鉄路線図に置き換えた「Web Trend Map」ですね。


via. http://images.sixrevisions.com/2009/09/26-01_web_trend_map.png


via. http://images.sixrevisions.com/2009/09/26-03_2008_usage.jpg


via. http://images.sixrevisions.com/2009/09/26-11_submarine_cables.jpg

元の記事はこちら

ジーンズ・デニム生地を撮影したフリーテクスチャ。10個の画像がダウンロードできます。


via. http://naldzgraphics.net/wp-content/uploads/2009/09/freejeans1.jpg


via. http://naldzgraphics.net/wp-content/uploads/2009/09/freejeans5.jpg


via. http://naldzgraphics.net/wp-content/uploads/2009/09/freejeans10.jpg

元の記事はこちら

とても使えそうなベクタデータ素材です。
ポラロイドと映画のフィルムのベクタデータ。フリーと書かれていますが、詳細なライセンスが明記されていなかったので商用のデザインで利用する際はご注意ください。


via. http://garcya.us/blog/wp-content/uploads/2009/09/Polaroid.jpg

元の記事はこちら

Twitterの背景画像を作る際に気をつけておかなければいけないポイントや、クリエイティブな背景画像の実例をまとめた良エントリーです。
英語ですが、画像を見るだけでとても参考になるのでは。Twitterがメジャーになるにつれて、オリジナルのデザインは重要性を増しそうですね。

元の記事はこちら

手描きのイラストを加えてアーティスティックな印象に仕上げた、クリエイティブなWebデザインの実例です。
個性的なイラストで、いい味出してます。


via. http://webdesignledger.com/wp-content/uploads/2009/09/hand_drawn_sites_1.jpg


via. http://webdesignledger.com/wp-content/uploads/2009/09/hand_drawn_sites_6.jpg


via. http://webdesignledger.com/wp-content/uploads/2009/09/hand_drawn_sites_8.jpg

元の記事はこちら