GRIDGRID53 グリッドフォーマットとWEBデザイン
そもそもWEB本来の機能として、こういったグリッドデザインしかできないっていう事から、いろいろとデザイナーやコーダーは考えながらデザインを起こすわけです。
最近でいう所のCSSコーディングやら、見出しがどうやらとかいろいろと現場やらメディアで騒がれているわけですが、部分部分の小技を教えられてもどうしようもない。
僕自身もWEBデザインに関わって、2年ほどでしかないが、もともとグラフィックの学校を出てたりするために、結構こういう事を考えるわけです。
かなり、中途半端ですが、グリッドのフォーマットを考えてみました。
最近の画面サイズの変更に伴い、ぎりぎりの領域で作成
・横幅980px
・メインビジュアルは、9分割法で作成
⇒それに伴ったページ内レイアウトと応用
自分の中でしかないのかもしれませんが、
こうやってシステム化していくにすればするほど、自由な表現と基本的な考え方(文字の読みやすさとか余白の考え方)を理解できますね。ホントに。
これが出来たら、コーディングのフォーマットやワイヤーフレームのフォーマット、fireworksのテンプレート、FLASHのテンプレートも作って一気に合理化デザインの出来上がりです。
あとはIAのやりかたやそもそも企画の内容って事になるわけなんでしょうね。
結局コンテンツだって事を証明したい。
http://show-hey.com/download/gridgrig53.png
最近でいう所のCSSコーディングやら、見出しがどうやらとかいろいろと現場やらメディアで騒がれているわけですが、部分部分の小技を教えられてもどうしようもない。
僕自身もWEBデザインに関わって、2年ほどでしかないが、もともとグラフィックの学校を出てたりするために、結構こういう事を考えるわけです。
かなり、中途半端ですが、グリッドのフォーマットを考えてみました。
最近の画面サイズの変更に伴い、ぎりぎりの領域で作成
・横幅980px
・メインビジュアルは、9分割法で作成
⇒それに伴ったページ内レイアウトと応用
自分の中でしかないのかもしれませんが、
こうやってシステム化していくにすればするほど、自由な表現と基本的な考え方(文字の読みやすさとか余白の考え方)を理解できますね。ホントに。
これが出来たら、コーディングのフォーマットやワイヤーフレームのフォーマット、fireworksのテンプレート、FLASHのテンプレートも作って一気に合理化デザインの出来上がりです。
あとはIAのやりかたやそもそも企画の内容って事になるわけなんでしょうね。
結局コンテンツだって事を証明したい。
http://show-hey.com/download/gridgrig53.png
カテゴリ
CSS , Design , Flash , HTML , JavaScriptトラックバック(0)
このブログ記事を参照しているブログ一覧: GRIDGRID53 グリッドフォーマットとWEBデザイン
このブログ記事に対するトラックバックURL: http://show-hey.com/mt/mt-tb.cgi/973

コメントする