言の葉の魔力

名言から名称、掛け合いまで。魔力を放つ言の葉を紹介

画法

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

投稿日:2020年8月6日

「グリッドデザイン」

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

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

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

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

 

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

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

 

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

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

 

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

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

-画法

執筆者:

人気記事

1
 Twitter
成功の証は”新鮮みがないこと”?「西海岸で飲む、いつもの味」ブルーボトルコーヒーの”あいつ”松村太郎
2019/03/15
2
 ウェブ記事・ブログ
表計算ソフト”エクセル”「全人類に告ぐ。セル結合をやめろ」あれにもこれにも支障が出る
2020/06/21
3
 ドラマ
ここは俺がやる!海外ドラマ”24″ジャックバウアーの名言「本当にすまないと思っている」元ネタ
2019/06/25
4
 ラジオ
昔のラジオ番組「ダブリューダブリューダブリューピリオド」URL全文読み上げ
2020/07/05
5
 著名人
“バトル・ロワイアル”作者の高見広春「十分稼いだのでもう新作を書くつもりはない」
2020/02/01
6
 掲示板
“他に替えが効かない”「ニンニクのライブ感」家系/二郎系ラーメンの驚異的な中毒性
2019/07/24
7
 掲示板
“ゼルダの伝説ブレスオブザワイルド”「面白さで誤魔化してるだけやしなあれ」面白いクソゲー
2019/12/26
8
 漫画
漫画”ドリームス”久里武志「だがねえよ おめえにオレを越える・・ミラクルはな!!」
2019/02/16
9
 料理・調理方法
賞味期限に要注意「開封後要冷蔵」開封後は冷蔵してても”早めにお召し上がり下さい”
2019/07/30
10
 漫画
大ヒット漫画”鬼滅の刃”「俺は長男だから我慢できたけど次男だったら我慢できなかった」竈門炭治郎の名言/迷言
2020/04/05
11
 テレビ
ひろゆき名言集「それ明らかにあなたの感想ですよね」奇抜なロン毛の古谷経衡と屁理屈での殴り合い
2019/12/07
12
 スレッドタイトル
テニプリ「【悲報】テニスの王子様でネットが大炎上」なんの嘘もないニュース
2019/11/27
13
 漫才・コント
お笑いコンビ”オードリー”春日「みなさん、夢の中で会って以来ですね」若林の柔らかいつっこみ
2019/10/24
14
 漫画
こち亀でFF5「「オメガ」を倒すには魔法剣士の乱れ打ちが有効らしい そしてその時かける魔法はサンダガだ!」”魔法剣”、”二刀流”、”みだれうち”
2019/02/06
15
 アナウンス
“発表されない”抽選結果「当選者の発表は賞品の発送をもって代えさせていただきます」落選メールぐらい欲しい
2019/12/30
16
 技
バスケ漫画”スラムダンク”桜木花道命名「庶民シュート」レイアップシュート
2020/04/16
17
 掲示板
将棋星人と対戦する地球代表は?「地球規模で考えるんだ」深浦より羽生だろ
2019/04/25
18
 ネットスラング
注意の要るズルい論法「主語が大きい」”太宰メソッド”世間じゃなくて君の意見
2019/12/16
19
 システムメッセージ
ATOKリフレッシュナビ「入力時間が長くなってきています。少し休憩しませんか?」
2019/02/11
20
 技
めだかボックス球磨川禊の最強のチート技「大嘘憑き(オールフィクション)」全てをなかったことにする能力
2019/07/17

サンセット

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