かっこよくなきゃデザインじゃない!? そんなのは誤解だ!
デザインとは何ぞや?を考える、ayanpaの独断と偏見のデザインうんちくです。

空間の魔術師 その2
目線を誘導するんだぎゃ
屁持論:
ラップやワルツ、ロックにブルース…
音楽のリズムに目線をのせたってちょ!


画面を人は見とるようで見とらーせん。目の奧に印象として記憶するだけだで。
それに、必要であったとしても何か目立つもんがあって、目に留まるようなものがないとその情報を見つけることもせん。見る人からしてみたら雑木林から葉っぱ一枚探しだすようなもんだがね。

上を見ろ、下を見ろ、ざまあみろ」じゃないけれど、相手の目線を誘導する対策を練らねばあかん。興味をそそるようなデザインが施されていると人は瞳孔が開き、今まで見えなかったものも見えるようになるから不思議なもんだがや。
相手にとっても自分にとっても有益であるにも関わらず、見落とされとったらそりゃ損だがね。





人間の目線は左スタートはZ形に、右スタート横書きはS型に、縦書きはN形に動くという原則があって、見せたい順にその目線に沿ってエレメント(要素)は配置していかなあかんのだて。
大体の人はめっちゃ見て欲しいもんを左上か、真ん中上に配置すると思うんよ。それはそれでええんだけど、スクロールさせて下のコンテンツまで見てもらおうとするなら、見る人の目線にトリックをかけんとかん。
それは次に目線がいくであろう画面のポイントに合わせてエレメントを配置するということだて。
マンガのコマ割みてもらうんが一番ええと思う。ええマンガほど、絶妙なバランスのコマ割で目線を誘導しとるでよ。




目線を誘導させる方法は「リズム」「枠」「罫線」「色」…などいっぱいあるけど、罫線やイラストなんかで壁つくってまって、読ませたい文章を雷型にしてしまえば目線はそうにしか動かんから楽だがね。


でも重要と思うのが「肉・肉・野菜・肉・野菜」みたいなリズム感がだがね。
おいらはブルースとかR&Bとかレゲエとかが好きだから、シャッフルや裏打ちのリズムで配置していくのが好きだがや。
何言っとんの?と思うかも知れんけど、音楽を聴いて体がリズムに乗ってくるように、配置する大きさのバランスで目線もリズムに乗るんだがや。大中小としたコンテンツを配置するパターンを8ビートで「ツ・ツ・タ・ツ・ジャン!」とすると、「小・小・中・小・大!」と配置出来る。
本当だがね!

それを目線のライン上にうみゃーこと配置すると同じ様なこと書いてあるコンテンツでもリズミカルに楽しく読ませることが可能なんだがね。ラップ調なら同じ大きさのコンテンツ並べやすいかもしれん。
そこで注意してもらいたいのが休符の使い方だでよ。なんでもそうだけど休憩がないと続くもんも続かせん。画面上にある隣り合うコンテンツの間には空間を空けて目を休ませたってちょ!

リズムは並んだエレメントに必要なのはもちろん、その中のコンテンツ自体のレイアウトにもリズムがあると楽しいでよ。すると画面全部がリズムの塊になってグルーヴ感が出るでよ。
本当だがね!



なんかわからんことあったらメールしてちょー! 
じゃあ、頑張ってちょー!バイちゃ!written by あやんぱ




Post Script : 最近すきなリズムは「ツクツクホーッシ!」「ポコペンポコペンダーレガツッツイターノポコペン!」ベートーベンの「ジャジャジャジャーン!」。
…なんかおいら変なこと言ってる?


このページのTOPへ戻る   / 次(色もイロイロあるけれど その1)へ進む
01 ) コンセプトは
    むちゃんこ重要
02 ) 空間の魔術師 その1
   面積の黄金率
★ でら偏見 その1
   デザインとは何ぞや
03 ) フォントのホント その1
   文字と黄金率の関係
04 ) 空間の魔術師 その2
   目線を誘導するんだぎゃ
05 ) 色もイロイロあるけれど
   その1 グレースケール
06 ) 色もイロイロあるけれど
   その2 イメージカラー
★ でら偏見 その2
   雑誌を読もう!
07 ) 色もイロイロあるけれど
   その3 カラーと対比
★ でら偏見 その3
  おいたち 〜追憶〜
08 ) フォントのホント その3
  文字組み
09 ) CI戦略
10 ) 空間の魔術師 その3
   面積の黄金率U
★ でら偏見 その4
   ライセンス
11 ) 空間の魔術師 その4
   空白と余白
12 ) 空間の魔術師 その5
   空白と余白U
★ でら偏見 その5
   劣等感
13 ) 色もイロイロあるけれど
  その4 配色
14 ) フォントのホント その4
  統一感
15 ) コンセプトは
  むちゃんこ重要 その2
  コンセプトと技術



01 ) 光と影 その1
02) 光と影 その2
03 ) 発想法 その1
★ でら偏見 その1
   芸術と裸の王様
04 ) 発想法 その2
05) 光と影 その3
06) デッサン表現 その1
07) デッサン表現 その2
★ でら偏見 その2
   尊敬する人
08) 色の魔術師 その1
   色占い
09) 表示図法その1 図形
10 ) 発想法 その3 
 
  リスクは逃げず乗り越えるもの
11 ) 表示図法その2 
12 ) 表示図法その3 
13 ) 表示図法その4
14 ) 表示図法その5
★ でら偏見 その3
   幸福への才能
 
15 ) 空間の魔術師 
   空白と余白3


ayanpaのデザインうんちくHOMEへ戻る