ウェブデザイン見本帳

84436016.jpg


レイアウト強化月間かと思うほど、ここ最近レイアウトにのめり込んでいますが、今日はそのついでに実例で学ぶwebのためのレイアウト基礎本のご紹介。

実例をあげて紹介していることから、見ているだけでも勉強になるのですが、何のためのレイアウトなのか、どうすれば上手くレイアウト出来るのかというようなことをレイアウトの基本を交えながらわかりやすく紹介されてます。

Webレイアウトの基礎やセオリーに触れたいと考えている方は是非。




RaNa extractive, inc.

rana3.jpg


RaNa extractive, inc.
http://www.ranaextractive.com


前回のMichael Paul Young と同じ形式のレイアウト、こちらはFlashサイト。

同じようなレイアウトでも作り方一つで見え方が変わって来ますね。

Michael Paul Young

#TOP

michaelpaulyoung.jpg

#CONTENT

michaelpaulyoung2.jpg
Michael Paul Young
http://www.michaelpaulyoung.com


最近は、ポートフォリオサイトというとFlashで作られたインタラクティブなものをよく見かけます。

もちろん、それはそれですばらしいのですが、こういうシンプルなポートフォリオサイトもこれはこれでまたいいものですね。

勉強になります。




sonicjam Inc.

# TOP

sonicjam.jpg

# WORKS
sonicjam2.jpg
#COMPANYsonicjam3.jpg



グリッドレイアウト勉強になります。

イラストが書けない(書かない?)私にとって写真・フォント・レイアウト、この使い方は重要です。

またFlashサイトにも関わらず、Flashサイト特有のアニメーションを強調した感じがせず、あたかもHTML+CSSのサイトかようなレイアウトで、ほんのり入れたFlashアニメーションがどこか心くすぐる感じがして個人的には好感を持てるサイトでした。

あとあのスペシャルコンテンツの3Dはおもしろいですね。必見です。

sonicjam Inc.
http://www.sonicjam.co.jp


UNICLOCK & UNIQLO TRY



UNICLOCK
http://www.uniqlo.jp/uniqlock





uniqrotry.jpg

UNIQLO TRY
http://www.uniqlo.com/try2



今更ながらいいですね、興味深い作品です。
今後は、UNIQLOのプロモーションに対して、H&Mがどう出るのかその反応にも注目していきたいところです。





RSS
Links

▲ トップページへ戻る