HOMEへ戻る 柊優プレゼンツ
ウェブデザイン講座
HOMEウェブデザイン講座>グリッドを使用した最先端デザイン

グリッドを使用した最先端デザイン

グリッドデザイン、、、私が個人的に大好きなデザインテクニックです。

グリッドデザインとは、テーブルでイメージしてみると分かりやすいと思います。

このように、マス目を持たせたテーブルを作成し、
そこにコンテンツを落とし込んでいく事で、デザインを行うやり方です。
広義の意味で言えば、CROSS-STYLEについても、グリッドデザインと言えます。

このグリッドデザイン、マス目を多くすればするほど、複雑なデザインが可能です。
また、デザイン手法として単純だからこそ、幅広い伸びが可能です。
この辺りが私がこのデザインテクニックが大好きな理由の一つです。

上の例は、テーブルでデザインしていますが、
これをスタイルシートでデザインするのが最近のトレンドです。
スタイルシートの方がより細かい指示が出来ますし、
そもそもテーブルはあくまで表組みですから、正しい使い方ではないとW3Cが提言しています。
(最も、ブラウザによっては、スタイルシートでの段組は重なりなどが生じる可能性があるので、
当サイトでは敢えてテーブルタグで成形しています)

直線的なデザインをHTMLで組む場合、
このデザインテクニックを極める事こそが最短の道だと確信しています。

ただ、このデザイン、単純で幅が広いからこそ、
クールサイトに仕上げるのは相当に難しいです。
私も何度も何度も組みなおして、それでも納得いくサイトが出来た事は数えるほど、、、
いや、ないかも知れません。

グリッドデザイン、これこそ古くて新しい、最強のデザイン手法だと思います。

次の講座は、

【CROSS-STYLEとは】
「ウェブデザインとインターネットマーケティングの繋がりを解説したサイトがこれまでにあっただろうか?」
CROSS-STYLEは、そんな小さな「?」から生まれたサイトです。

【お役立ちツール一覧】
キーワードアドバイスツール(無料登録ドットコム提供)

サイトマップラス
Powered by SEO対策

Yahoo!Site Explorer(yahoo.com提供)
どこからリンクされているかを知る方法。

【他の人気コンテンツ】
絶対稼げる!情報商材レビュー!
実際にCROSS-STYLEで購入・検証した情報商材の中でも、オススメ出来るもののみを徹底紹介!

「アフィリエイトでプラス10万円を目指す旅」
自分の大切なウェブサイトが収入を生んでくれる、これ以上の興奮と感動はありません。あなたのウェブサイトを、収入を稼ぎ出すクールウェブに!

【オススメアフィリエイト】
A8.net(ジャンルの豊富さNo.1!)
バリューコマース(何故か成約率高し!)
リンクシェア・ジャパン(大手企業がズラリ)
アクセストレード(稼ぎ頭と言えばココ!)
バナーブリッジ(2ティアを狙うなら!)
アドリンク(ちょっとだけマニアック?)
インフォカート(情報商材を売るなら!)

『ドメインの真実』、あなたは知ってますか?
世界に一つしかない自分だけのサイトを持とう!特集!『ドメインの真実』を大公開!
絶対外れないレンタルサーバ、それはロリポップ!
超オトクなドメイン取得は、ムームードメインで!

【オススメ本ジャンル別】
ウェブデザイン
HTML/CSS
インターネットマーケティング
SEO/SEM
ウェブサイト総論

【リンク集】
ホームページ作成に役立つリンク集
サイト作成のヒントは、きっとここにある!

相互リンク募集してます!
あなたのサイトとCROSS-STYLEを、相互リンクしましょう!ホームページ作成やアクセスアップ、SEOなどなど、インターネットに関わるサイトを大募集しています!

【メールはこちらまで】
「これの解説をもっと詳しく!」「これが分からない」「ここはこうしたら?」などなど、質問・感想・激励・叱咤・クレーム(笑)は、柊優にメールを!アドレスは、site(アットマーク)cross-style.comです。((アットマーク)の部分を@に直して送って下さい)

ワンポイント画像

アクセスアップ・SEO対策・検索エンジン登録

iTunes Storeでダウンロード
新しいiPod touchをあなたに!
柊も使っているVaioTypeTはソニースタイルで!
更新料のかからないウイルスソフトは「ZERO」


クールなウェブデザインと圧倒的なマーケティングテクニックを手に入れる術、
全ては今、CROSS-STYLEから始まる・・・

Copyright (c) 2006-2008 CROSS-STYLE All Rights Reserved.