言の葉の魔力

名言、つぶやき、掛け合い、ネットスラング、表現、ことわざ、アナウンス、歌詞、キャッチフレーズ、挨拶、名称、称号、まで。世の中にあふれる言の葉(ことのは)をうんちくを交えて紹介

画法

ウェブデザインの手法の一つ「グリッドデザイン」”困った時のグリッドデザイン”

投稿日:2020年8月6日

「グリッドデザイン」

出典元、ウェブデザインの手法の一つ。グリッドデザイン、もしくは”困った時のグリッドデザイン”。

グリッドデザイン。グリッドレイアウト、グリッドシステムとも呼ばれる。デザイン対象のページを格子状に分割し、ブロックを組み合わせる様にして配置を決めていく手法である。ウェブデザインで多く取り入れられており、記事が四角い絵になってたくさん並んでいるサイトはよく見掛けるだろう。ウィンドウサイズを調整すると、リアルタイムで組み替えられていくサイトも多い。パソコンと、スマホやタブレットなどへの表示を共通させるレスポンシブWebデザインと呼ばれる造りとも親和性が高い。しかし実はこれは、ウェブデザインだけに使える手法という訳でもない。

そう、普通のデザインにも非常に使える手法なのである。文章のかたまりをいくつかと、絵も大小いくつかにタイトルを付けて表紙的なデザインを作ろうとする場合、真っ白な紙を渡されてさあ下書きしろ、と言われても”はたと”考え込んでしまう人は多い。しかしここに、例えば正方形「□」の紙に「井」の形で線を引いてみると、その紙は一瞬で9マスの□が、……ん~~。絵で説明しろ!

┌──┐
│  │
│  │
└──┘

 

ただ真っ白で、どこにも取っ掛かりのない平地だと、アイデアを一つ置いてみるのにも苦労する。しかしこれを、

┌┬┬┐
├┼┼┤
├┼┼┤
└┴┴┘

 

格子状に分割してみると、こうなるだけで方向性が見えてくる場合があるのである。上の四角3つを使ってタイトルを入れて、文章のかたまりと絵は上下ひと組にして3つ作ろう、枠は白抜きにしてタイトル部分は繋げて……、といった具合である。アイデアの取っ掛かり、発想の取っ掛かりと言ったらいいか。あとは少しずつこの正方形を繋げたり戻したりする事でバランスが変わっていき、その段階ごとにアイデアの卵が生まれて来る。タイトルは繋げて、左のひと組はニュアンスを変えて薄くした絵の上に文章を載せよう、など……。

┌──┐
├┬┬┤
│├┼┤
└┴┴┘

 

もちろんグリッドデザインが完全なものというのではなく、あくまでもアイデアを生むための補助的な手法である。最終的に良い作品を完成させるとしても、初期の段階で真っ白な紙もしくはキャンバスもしくは新規作成(Ctrl+N)を目の前にして”とりあえず途方に暮れる”人は居るのである。途方に暮れる時間は産みの苦しみの時間でもあるが、人によっては3時間だったり3日だったり3か月だったりする訳で、それはつまりちょっとカンフル剤を入れた方がいいレベルの長さになるかもしれないのだから……。

古人曰く、”困った時のグリッドデザイン”。

-画法

執筆者:

人気記事

1
 Twitter
成功の証は”新鮮みがないこと”?「西海岸で飲む、いつもの味」ブルーボトルコーヒーの”あいつ”松村太郎
2019/03/15
2
 アナウンス
“発表されない”抽選結果「当選者の発表は賞品の発送をもって代えさせていただきます」落選メールぐらい欲しい
2019/12/30
3
 ドラマ
ここは俺がやる!海外ドラマ”24″ジャックバウアーの名言「本当にすまないと思っている」元ネタ
2019/06/25
4
 ウェブコメント・レビュー
凛として時雨”unravel”「腹から声出せ」→「やればできんじゃねえか!」アニメ”東京喰種”オープニング
2020/06/14
5
 著名人
“バトル・ロワイアル”作者の高見広春「十分稼いだのでもう新作を書くつもりはない」
2020/02/01
6
 テレビ
ひろゆき名言集「それ明らかにあなたの感想ですよね」奇抜なロン毛の古谷経衡と屁理屈での殴り合い
2019/12/07
7
 歌詞
“紅蓮の弓矢”出だし「すいませんそこ右に家が」アニメ”進撃の巨人”オープニング
2020/06/06
8
 漫才・コント
“パッション屋良”のお決まりのフレーズ「そうだね、プロテインだね」体操のお兄さん
2020/05/25
9
 漫画
刃牙”ビスケット・オリバ”「メニューは全てステーキに統一される」肉とワインで傷を快復
2020/09/11
10
 俗称・肩書き・称号
信用ならない漫画家「ファイアパンチの作者」”藤本タツキ”もうめちゃくちゃ
2020/10/26
11
 技
バスケ漫画”スラムダンク”桜木花道命名「庶民シュート」レイアップシュート
2020/04/16
12
 ネットスラング
話題のぶった切り「そんな事よりサメの話しようぜ!」急にサメと言われても
2020/05/28
13
 魔法
竜破斬”ドラグ・スレイブ”「時の流れに埋もれし 偉大な汝の名において」スレイヤーズのリナ=インバース
2020/02/07
14
 ゲーム
“サガ2秘宝伝説”最強の武器?「ネコのツメ」すばやさが高いと攻撃力が上がる
2019/10/20
15
 漫画
こち亀でFF5「「オメガ」を倒すには魔法剣士の乱れ打ちが有効らしい そしてその時かける魔法はサンダガだ!」”魔法剣”、”二刀流”、”みだれうち”
2019/02/06
16
 ドラマ
ドラマ”TRICK”の上田次郎「なぜベストを尽くさないのか」どんな人へも刺さるメッセージ
2019/09/18
17
 超対話
“ニセコイ”作者の古味直志「もう何連載してもキムチキムチ言われるんだぜ?」「じゃあ次はフレアって言われることを目指そうぜ」
2019/05/23
18
 ゲーム
“FF10″ユウナの名言「いなくなってしまった人たちのこと 時々でいいから…思い出してください」
2020/05/18
19
 アニメ
エヴァンゲリオン”公式”体長「40m~200m」ガンダムの体長は知られているが
2020/03/24
20
 掲示板
“他に替えが効かない”「ニンニクのライブ感」家系/二郎系ラーメンの驚異的な中毒性
2019/07/24

サンセット

当サイトの記事では、創作物などのネタバレを扱っている場合があります。閲覧は自己責任でお願いいたします。