ラベル 視覚心理学 の投稿を表示しています。 すべての投稿を表示
ラベル 視覚心理学 の投稿を表示しています。 すべての投稿を表示

視覚心理学を活用したブックのページ構成(初級編)

基本的な視覚心理学活用した「ブックの構成法」を紹介します。
今回は初級編です。
ブックを作る時悩むのは写真の選択順番です。
これを視覚心理学活用すると短時間解決出来ます。
利用するのは人の視線がどのように移動するかと言う事です。

基本的には、全体を見た後、左から右に移動します。
これは使っている言語によりますがアラブ語は右から左に読む為例外の一つの言語です。
もう一つの例外的言語は日本語。中国語のように縦書きと横書きがある言語です。
それは視線の移動は文字を読むと言う習慣が大きな要因になっているからです。
電光掲示板の文字は右から左に向かって出てきますがこれが左から出て来たら分かる人は
麻生さんと「本に付く虫」と呼ばれる人達です。


人の視線は全体を把握した後、左から右に移動する。と言うのがポイントです。
これを利用すると効果的に且つ短時間にブックの構成が出来ます。



1)写真を選ぶ。
フォルダーの中から使う写真を選びます。
メニューから→表示オプションを表示でアイコンを大きくします。
この方法が一番早い。
写真を選んで小さいサイズでプリントを作ります。
サイズはプリントした物を全部一瞥出来るよう広げるので自分のスペースとによって
サイズを決めて下さい。

2)表紙候補を選びます。

3)表紙候補以外の写真の中で自分が一番良いと思っている写真を1枚選びます。
この写真は最初の見開きページに使います。
理由は左側のページは空白にしておいた方が視線が左から右に移動するので右側の写真
がより目立つからです。
持っている写真集を見て下さい。始めの見開きページの両方に写真の入っている写真集が
あったら教えて下さい。
理由はもう一つあってページを捲る途中で見える写真は右ページの写真だと言う事です。
「えっ!写真が見えない」って?
ブックを作る時は算数の教科書を参考にしてください。
決して国語の教科書を参考にしてはいけません!。



4)2番目の見開きページを用の写真を選びます。
残っているの中で1番良い写真を選びます。
選んだ写真を右ページに配置します。

次に左ページの写真を選びます。
その写真は良い順番ではなく選んだ写真に合う写真です。
ここで大切なのは人の視線は最初に全体を把握する為,二枚の写真を一つのイメージ、
写真として認識するからです。

最初は色で合わせておけば無難です。
二枚の写真に関連性を持たせるには撮影段階で計画的に撮影する必要があります。
仕事で多くのページ数を任せられた時にはカメラ目線左を見ている右を見ている
写真を撮っておきます。これは後でデザイナーがページレイアウトする時に選択肢
多くしておいた方が次のお仕事がもらいやすいからです。これ重要です。

モデルの視線ページ構成重要なことがらですので中級編で詳しくやります。
物撮り、風景写真では物の傾き、空白スペースモデルの視線と同じ役割をします。
ここで黄金分割の授業が役に立つわけですね。

5)以上の要領で残りの写真を選んで行きます。
使ってない写真の中で一番良い写真を選ぶ。それにあった写真を選ぶの順です。

6)最後に出来た見開きの順番ですがこのように並べます。
表紙|最初の見開き(左側空白)|1|4|6|8|3|7|5|2|の順です。
番号は自分が良いと思ってた見開きの順番です。

最初に1番良い見開きを持って来て来るのは「第一印象を良くするため」
最後に2番目に良い見開きを持って来るのは「終わりよければすべてよし」
真ん中に3番目に良い見開きを持って来るのは「中弛み防止策です」。

最後にブックを構成する時の重要点です。
上の例で分かるようにウィークポイント|3|の次に|7|が来る事です
見開き数が多い場合はあまりその格差が目立たないのですが少ない場合はその「格差」が
目立ってしまい視覚心理学を活用した事が台無しになってしまいます

一番重要な事は使う写真すべてが
均一したレベルであることです
中に120点の写真があったり50点の写真があったりすると中央にくる見開き
その次に来る見開き「格差社会」が生まれてしまうと言う事です。

教材をダウンコードして下さい。
300点近い写真が入っています。49.2Mb zip ファイル。
最初は20点位プリントして練習して下さい。

残りの写真は中級編、上級編で使うので大切に保存しておいて下さい。
写真の再利用は皆さんの良心を信じています。

視覚心理学を活用したブックのページ構成(中級編)

今回はモデルの視線に付いてです。
それを知る事は技術であって目的ではありません。
それならその目的先に言えよ」って?
「若い人の悪い所は急ぎ過ぎる事です。人生長いのです、もっとゆっくり生きましょう」

目的はブックを見ている人にページを捲らせると言う行為を起こさせる事です
どんないい写真がいっぱい入っていても最後まで見てもらえなければ、
「骨折りの時間ののお金の」でいい事なしです。

下の見開きを見て自分の視線の移動を確認して下さい。
全体を把握する。「ここでちょっと待った!
前回の写真↓と比べてみて下さい。

こちらの写真↓の方が二枚の写真が別々に見えませんか?
これは二枚の写真の寄り引きが違うからです。これについては後ほど

視線の移動を見てみましょう。↑の視線が左から右に移動した後視線は右の写真で
止まりますか?視線はモデルの視線に移動して彼女の視線の方向に移動して行きます。
と言う事は!見ている人にページを捲らせると言う行為を起こさせると言う訳です
「さすがgomidar座布団十枚、あげちゃい〜!」
「座布団十枚くれるなら↓の写真も見せちゃ〜い!」


どうですか?右の写真で視線の移動止まりませんか?

「十枚座布団もらったから、もう一つ教えちゃい〜!」
 見開きを作る時の基本は左右の写真が対比関係に作る事です
「大小」(寄りと引き)「白黒」(白バックと黒バック)など、など。
気がついた人いないと思いますが左のモデルの着ている水色のシャツと左のモデルの
付けている赤いバッチ対比しているの分かりましたか?
そして、赤いバッチの方が小さいけど目に止まりませんか?
配置をそのままにしてシャツとバッチを交換したとします。
赤いバッチ目立ちませんよね。
理由は視線は全体を把握した後に左から右に移動するからです
この写真は300枚の写真の中から教材として選んだ物ですがファッション雑誌の撮影では
スタイリストがあらかじめページ構成を考えて小物を用意します。
残念ながら日本ではファッション雑誌のページを撮れるカメラマンとスタイリストは沢山
いますが、雑誌の見開きを撮れるカメラマンとスタイリストは多くありません。
それが超一流と一流の大きな差です。
「皆さん分かりますよね?」
「何が分かるって言うんだい?」
「も〜、僕がどっちのカメラマンだったかですよ。」
この部分↑右側に寄せて文字小さくしている理由わかりますよね。
これを読んだ後に洋書のファッション雑誌を立ち見するとgomidarのアイディア
を活用しているかるよく分かります。
「おまえのアイディアじゃないだろ!座布団全部持って行け!」
「それじゃこっちも宿題出しちゃいます。」


この写真見た人はどっちのページ捲ると思いますか?
続きは上級編で、
教材をダウンコードして下さい。
300点近い写真が入っています。49.2Mb zip ファイル。
最初は20点位プリントして練習して下さい。

残りの写真は中級編、上級編で使うので大切に保存しておいて下さい。
写真の再利用は皆さんの良心を信じています。


視覚心理学を活用したブックのページ構成(上級編)

お手本です

表紙

表紙には全体の内容を読者に伝わる写真を使う事が大切です。
「そうんな事分かってる」って?
「そうですかね?表紙にヌード写真使ってシュリンクして猫の写真集出したら詐欺罪で捕まりますよ」
「する訳ないだろ」って?
「よくあるから言っているのです。モノクロの作品が少ないのそれを表紙に使うとか」

1

この写真表紙に使いますか?使ってはいけません。
この写真ここに使ってもいけないのです。
「なんで使ってるんだ」って?
「この娘僕の好みなんですよ」
中級編で自分でいい写真と言いましたが好きな写真と入っていません。
自分の思い入れは人には伝わりません。
僕がこの子の写真を表紙に使っても悲しい事に僕の気持ちは彼女に伝わりません。
2 最初の見開き

導入部分は↑表紙の雰囲気を受け継いだ物を選びます。
必ず同じ雰囲気(このあとDNAと言う言葉を使います)で
表紙の写真と対比した見開きを使います。
ここでは黄色服に対して黒い服を着た写真を使い。
赤色を引っ掛け(相手の写真のDNAを受け継ぐ事ています。
ここでは表紙のタイトルと彼女の手に撒いたバンダナの色を使っています。
これは高度なテクニックです。
3

赤に対して緑を対比として使い。↑黄色を表紙と引っ掛けに使っています。
ここでの重要点は右ページの写真はモデルの視線が外側を見ている写真を使い
次のページを捲らせる仕掛けを作ります。
4

ここで表紙の黄色のDNAを↑復活させます。
左右の写真の引っかけはTシャツの黄色と右の帽子の黄色
マウラーの茶色と帽子の茶色です。
対比として彼女の視線を使っています。
このページには前の見開きと次の見開きに対して超高度な引っ掛けを使っています。
何を引っ掛けているか分かりますか?
3の見開きをも一度見て下さい。左のモデルの右のモデルのブラウス。
似てません?両方ごちゃごちゃしている。
4の見開きの右のモデルの服ごちゃごちゃしていますよね?
これはサブニミナル効果(一瞬見た記憶は長く見ていた物より記憶に残る。)
を使ったもので4の見開きの右写真を見たとき3の見開きを思い起こさせて
前のページをもう一度捲らせると言う仕掛けです。
これだけではただの高度なテクニックですが超高度と言ったのは、
次の見開きの緑のボーダーと4のモデルの赤いストライプが対比しつつDNAを
継承しているのです。3|4|5|の見開きはセットになっている訳です。

5
6

ここで全体的なブロックの一つが終ります。↑
全体的なブロックとは同じDNAをもった見開きのグループです。
分かりますよね。モノトーンのブロックが始まります。↓
7
8
9
10
11

ここでモノトーンのブロック終わり。
ここで切り返しを掛けます。
切り返しとは前のページにももどらせる仕掛けのことを言います。
13の見開き見覚えがありませんか?
5の見開きの緑のボーダーと13の左の写真とストライプと右のボーダー。
もちろん13の見開きと左右の写真に対比を使っています。
12
13
14
15
16
17

18
ここまでがカラーのブロック↑
カラーとモノトーンの写真を左右に使い、↓ここでもう一度切り返しをかけます。
19
20
21
22

ここでモノトーン(黒)とカラー(パステル)ノブロック終了。↑
モノトーン(黒)のブロック開始↓
23
24

黒とパステルの写真ですが黒の面積が少ない。
2の見開き覚えていますか?
黒の面積が多くカラーが少ない。そのカラーも原色。
表紙と対比を掛けている訳です。その上ちゃんとDNAを継承している。

最後の見開き

「視線の移動を使った視覚心理学なんか活用してないじゃないか」って?
「そんなことありません、沢山使ってますよ」

1_2 最初の見開き左右の写真入れ替えた場合。
右にのページを捲る動作は誘導出来ますが左に誘導してもそこに写真はありません。
それよりは二人の顔の傾きを中央によせそこで一時停止させた方がいいのです。
このテクニックは雑誌広告に多用されたいます。
高い広告料払って次のページにいく様な仕掛け作ったら、
その雑誌の広告しているようなものですから。
これは視線だけでなく物の傾きの方向にも同じ効果があるということです。
24の見開きがいい例です。

2_8の見開きを見て下さい。
赤い細い線が画面の途中で切れていますよね。
「お金は欲しくない」と言う人いますか?
僕は欲しく足りませんが、、
「ほんとかよ?」
「お金よりおねいちゃんの愛」が欲しいので、、
「ないものねだり」は人の常です。
「赤い細い線の先」見たくありませんか?

3_18の見開き右側に白のスペースが多い事によって次のページを見たくなる
と言う訳ですよ。

まとめ
このように視覚心理学を活用すれば効果的にブックを作る事が出来ます。
「時は金なり」と言いますからね。

ここでの授業の参考になる写真集を紹介します。
Roni Horm [ You are The Weather ] http://amzn.to/aZDu28
この写真集はプールに入って顔だけだしている友達を一日中撮っている写真集
ページ構成の中に出て来た見開きののグループ、ブロックの作り方の参考になります。
Kelly Clein [ Under World ] http://amzn.to/aPid7W
この人あのカルバン・クラインの奥さん。さすが奇麗。ヴォーグの編集者で
下着の写真をマンレイからニュートンまで集めまくって編集した写真集を作りました。
この写真集は見開きの左右の対比とDNAのK継承の教科書です。

最後に、最初の「最後の授業の一つ前の授業」を読み直して下さい。
このようにすばらしい(?)構成が出来る理由分かりますか?
1つには大量の写真があると言う事です。
2つ目は同じ会場で撮っていると言うことです。
読者の方をバカにする訳ではないのですが、、、、、

1の大量の写真があると言う事は選択肢があると言う事です。
中級編で言ったように僕は元一流のファッション・フォトグラファーでなく、
超一流のファッション・フォトグラファーでした。
撮影の時、寄り引きと正面、右向き、左向きを必ず撮っていました。
次のお仕事欲しさに、、、

2の「同じ会場で撮っている」と言う事は「文化祭の会場」で撮った写真と
「最新3Dテレビの発表会場」で撮った写真を混在させないと言う事が
ブックの構成法では最重要です。
読者の方をバカにしている訳ではないのすよ!
一つのブックの中にファッション写真と風景写真があってはいけないと言う事です。
「そんな事位分かってる」って!
「それはよかった、なんせ僕の撮った写真見て『アヴェドンと言うカメラマンが先生の
コピーしている』と生徒がいたもので、、、、」

3ブロック(見開きのグループ)を作る理由。
例えば風景写真でブックを作る場合四季が混在するより四季ごとのブロックを
作った方が見た人に感動を与えるって訳です。
「えっ!それもしってた?」
「売られた喧嘩は受けて立つってのが江戸っ子だい、じゃこれはどうだ!」
「『文化祭の会場』で撮った写真と『最新3Dテレビの発表会場』撮った写真
を構成する方法」

説明した事と一件矛盾した事のように思われますがこれはよくある事です。
今度はファッション写真のブックを作る時に出てきます。
そうです。スタジオで撮った写真とロケで撮った写真です。
これにもブロックを使います。
注意す点は全部会場が同じブックと違い、見開きで隣り合ったブロックの写真を
混在させないと言う事です。上の見開きで言うと

これから新たにブックを作ろうと言う人は13と14の見開きです。
この場合左ページに写真をいれないで右だけに写真を入れて二つのブロックを
分けると言う手法を使います。

最後に各ブロックの見開き数ですが8見開を基準にして下さい。
ブロック内見開きの割合は3:5にすると奇麗です。
例えば7〜11の見開きのように例は5見開きですがあと3見開き加えればいいだけです。

すでに撮った写真をブックにする場合は以上の事を参考にして足りない写真を撮りたし
これから作る人は以上の事を頭に入れて撮影すればあなたは『一流』ではなく『超一流』
になれること間違えなしです。

次回の予告
最後の授業の一つ前の授業の一つ前の授業『構図』を取り上げます。
|黄金分割|シンメトリー|紀里谷流|
「紀里谷流」と言うよりは紀里谷さんがアメリカの大学で習った構図法です。






参議院選挙候補者ポスター批評 第三回

第一回はhttp://ᕙᖀᖃᕦᕰᕲᖀᖉᖗᖔᔻᕗ/
 第二回はhttp://⡯⠶⠡⠗⡗⡷⠛⡍⡞⠇⣿⣾⣽⣰/
この訳分からない文字の訳知りたい人はhttp://ײטתמאץצש֟ק֠א֦ע֞/
この教室のセミナーのお知らせをするメール欲しい人は
http://akiragomi.net/meruma.htm

では始めましょう!
昨日は視線がどのように移動するかという話から先に色の話してしまいました。

埼玉選挙区Yさんからの投稿写真

昨日のおさらいから、視線の移動です。
Yさんは写真を撮る為にこの距離でこのポスターを見ている訳ですが、
誰もがYさんと同じ位置でこのポスターで見ている訳ではありません。
ポスターのすぐ脇を通る人と、道を隔てて見る人とは視線内に入る物
は当然変わります。

今回は道を隔て見た人の視線の移動を見てみます。
その人の視線で見ると、人間の視覚は55°位、カメラの標準レンズと
同じですから背景がもっと見えているはずです。
  1. 風景全体が視覚に入る。
  2. 風景内の異質物に視線が移る:
    広い牧草地に牛が一頭だけいると視線はその牛に移るということです。
    ここではふれあい掲示板の選挙ポスターです。
  3. 視線がポスターに移動:
  4. ポスターの中央に移動:
    これは動物的本能で正面から来る敵に、獲物に最初に視線が行く訳です。
    昨日話したワイキキビーチで日光浴をするライオンさんも同じです。
視覚内の異質に移動する。
これは動物的本能で狙う獲物の周りに同じ獲物のを狙うものがいないか
自分を狙う密猟者がいないか確認する為です。
これを読んでる方で2列目左から2番目のポスターに視線が移動した方
いませんか?移動した方は動物的本能を持った方です。
*もし貼ってある掲示板のポスターが全部モノクロだったら誰もがそのポスター
に視線が移動します。

クリックして大きくしてみてください。どうですか?
人間も動物ですから、、、、

次の移動はワイキキビーチで日光浴をするライオンさんも出来ません。
人間はおりこうさんの動物なので左上から順番に移動するわけです。
アラビア語圏の人は右から左に、左隅に来ると2列目の右端に移動する。
麻生さんとその仲良しは、おわかりですよね。

今日の授業のまとめ:
この中でどのポスターが目立ちまか?

「何に使うか早く言え」って?
「はい、はい、グループ展の展示に役に立つのですよ」。


他の人がカラー作品の所に一人だけモノクロ作品。
目立つでしょ。写真がもっと小さかったらもっと目立つ
自己アピールしないと人は見てくれませんよ!

「デジタル押し花」の授業があるので今日はここまで。
この授業の更新記録欲しい方はhttp://akiragomi.net/meruma.htm
「デジタル押し花」の更新もいっしょです。








キャッシング審査