
【イヤシロチWEB研究録 #02】「間-awai-」と脳波の相関性 〜369の法則で余白を設計し、α波を誘発する〜
■ 1. はじめに(情報のノイズと呼吸の浅さ)
現代のWEBサイトを開くと、
ポップアップ広告、
敷き詰められたバナー、
隙間なく並んだテキスト。
様々な情報が目に飛び込んできます。
これらは
「情報を1秒でも早く、多く伝えたい」
という発信者側の都合ですが、
受け取る側の脳波は常に
「ベータ波(緊張・警戒状態)」
にさらされています。
神社仏閣や日本庭園に足を踏み入れたとき、
私たちが無意識に深い呼吸をしたくなるのは、
そこに計算された
「間」(何もない空間)
が存在するからです。
今回は、デジタル空間における
「余白(マージン)」を
単なる空白ではなく、
「氣(エネルギー)が満ちる『間』」
として再定義し、
脳波をα波へと導く実験を行います。
■ 2. 「間」と脳波のメカニズム(仮説)
情報(文字や画像)が密集していると、
人間の脳はそれを処理するために
「左脳(論理・計算)」をフル回転させます。
左脳優位の状態は、
精神的な疲労と直結します。
逆に、
極限まで情報が削ぎ落とされ、
広大な「間」が存在すると、
脳は処理すべき情報がないため
「右脳(直感・イメージ)」優位の状態
に切り替わります。
このとき、
脳波はリラックス状態である
「α波」へと移行しやすくなります。
つまりWEBデザインにおける余白とは、
「ユーザーの左脳を休ませ、
右脳(潜在意識)をひらくためのチューニング装置」
なのです。
■ 3. デジタルへの翻訳(369の法則による空間設計)
一般的なWEBデザインでは、
余白を
「10px、16px、32px」といった偶数や、
画面幅に対するパーセンテージで
事務的に設定します。
しかし今回のイヤシロチWEBでは、
第1回に引き続き
「ニコラ・テスラの369の法則」を
空間(ピクセル数)の次元にも適用します。
すべての余白(paddingやmargin)を、
足して「9」に還元される数字で構成しました。
【 空間の369パラメータ設定 】
・ 小の「間」:36px (3+6=9)
~文字と文字の間の、小さな呼吸。
・ 中の「間」:72px (7+2=9)
~要素と要素の間の、ゆったりとした歩み
・ 大の「間」:108px (1+0+8=9)
~セクションを区切る、圧倒的な空間。
(煩悩の数と同じ108を配置することで、
情報の執着をリセットする意図を持たせています)
■ 4. 実際の体感と考察(一般的なWEBとの比較)
一般的な「16pxベース」の余白と、
今回の「369ベース(最大108px)」の余白を
ボタン一つで切り替えて比較してみました。

16pxのWEBデザインは、
効率的で目は次々と文字を追ってしまいますが、
どこか「急かされている」ような窮屈さを感じます。

一方、369ベースの「間」を設けた画面に切り替えた瞬間、
視線がスッと止まりました。
文字を読む前に、
インディゴブルー(共鳴色)の空間
そのものを「味わう」ような感覚に陥り、
肩の力が僅かながらにも抜けるのを感じました。
「何もない空間(ピクセル)」にこそ、
最も強いエネルギーが宿る。
369の数字で場を区切ることで、
モニター越しでも
その波動は確かに伝わるのではないでしょうか?
■ 5. おわりに
「間を取る」ことは、
現代の効率主義とは
真逆のアプローチかもしれません。
しかし、
これからの時代に本当に求められるのは、
情報を詰め込むことではなく、
「心地よく受け取ってもらうための心の余白」
を提供することだと感じています。
この気づきに
「ありがとう」の言葉を添えて、
本日の実験記録とします。
次回は、いよいよ
「動き(モーション)」の実験です。
自然界の
「木の葉が風や雨を受け流し、減衰させる効果」を
WEBアニメーションに取り入れ、
情報の棘を抜くアプローチを考察します。
第3回はこちら 👇
