GridOmatic


grid01.jpg


grid02.jpg


グリッドデザイン関連でおもしろい記事を発見したのでご紹介。

これまでサイトデザインを行うときは、Ilustrator等で自作した方眼用紙を使って
ラフを制作してたりしましたが、何やら自分オリジナルの方眼用紙を誰でも簡単に
作ることが出来るフリーソフトがあるようなのでご紹介します。

自身でも使ってみましたが、なかなか使いやすく便利だったのでオススメです。

詳しくは下記詳細をご覧ください。



参照記事:DesignWorks
http://designwork-s.com/article/112390059.html


GridOmatic -ダウンロードページ
http://www.nutsnbits.com/nutsnbits_000060.htm

ウェブデザイン見本帳

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


RSS
Links

▲ トップページへ戻る