メインコンテンツへスキップ
見出し画像

【イヤシロチ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

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


    画像
    369ベースの余白:大 / 108px

    一方、369ベースの「間」を設けた画面に切り替えた瞬間、
    視線がスッと止まりました。

    文字を読む前に、

    インディゴブルー(共鳴色)の空間
    そのものを「味わう」ような感覚に陥り、

    肩の力が僅かながらにも抜けるのを感じました。


    「何もない空間(ピクセル)」にこそ、
    最も強いエネルギーが宿る。

    369の数字で場を区切ることで、

    モニター越しでも
    その波動は確かに伝わるのではないでしょうか?



    ■ 5. おわりに



    「間を取る」ことは、

    現代の効率主義とは
    真逆のアプローチかもしれません。

    しかし、
    これからの時代に本当に求められるのは、

    情報を詰め込むことではなく、

    「心地よく受け取ってもらうための心の余白」
    を提供することだと感じています。

    この気づきに
    「ありがとう」の言葉を添えて、
    本日の実験記録とします。


    次回は、いよいよ
    「動き(モーション)」の実験です。

    自然界の
    「木の葉が風や雨を受け流し、減衰させる効果」を
    WEBアニメーションに取り入れ、

    情報の棘を抜くアプローチを考察します。


    第3回はこちら 👇


    画像
    TOP へ

    あなたへのおすすめ