ホームページデザインテクニック(バナー編)

バナーデザインのコツ③「岡崎体育の(MUSIC VIDEO)の替え歌(バナーデザイン)」

皆様、どうもこんばんわ。
歌うWebデザイナー、アスタワークスの原田です。

話題の岡崎体育さん
「MUSIC VIDEO」をYouTubeで見て
すっごい好きになりました☆

いいですよね~このMV。めっちゃ楽しいやん!
最近ではよくテレビでも取り上げられているので、
ご存知の方も多いことでしょう。

さあ、それでは本題にもどります。
バナーデザインのコツです。

替え歌ね。替え歌。

音楽にのせていきましょう!

「バナーデザイン」

いつも出てくる指さす女性使う♪

shutterstock_65837143

白黒にして一部色付ける♪

ban_3_3

数字部分を他より大きく♪

ban_3_11

文字を詰めてプロっぽさを出す♪

ban_3_1

 

フォントを変えて カラーを変えて 文字を強調してゆく♪

モノクロの画像 淡い画像 わざとざらついた画像♪

ban_3_14

無意味に分身す~る~よ~ね♪

ban_3_7

 

 

バナーデザインにおける女の子の演出講座(講師:原田一真)

①笑わす♪

ban_3_12

②困らす♪

ban_3_2

③指をささせる♪

kiji_2_9

④数字表す♪

ban_3_9

⑤問い合わせ♪

ban_3_8

 

(もう一度)

 

①笑わす♪

ban_3_12

②困らす♪

ban_3_2

③指をささせる♪

kiji_2_9

④数字表す♪

ban_3_9

⑤問い合わせ♪

ban_3_8

 

(よく出来ました)

 

二分割で文字と写真分けてメリハリを出させる♪

ban_3_13

社内の人とか笑顔の自分でオリジナル感ださせる♪

ban_3

青空は何枚か持っといて部分的に使いまわす♪

ban_3_10

無料素材の今でしょの人はあまりに使われてるので避ける♪

PAK93_kokubanimadesyo1063_TP_V

 

【サビ】

creation creation creation フォントと♪

creation creation creation 背景が♪

毎回絡まり合い手を取り合い♪

ドンピシャの黄金比で♪

(ぱーん!)

「はい、売れた」が聞こえるような♪

ゆるぎない制作意欲がクライアントの願い♪

狂いなき眼差しは受け取り手の想い♪

一億人に届けバナーデザイン Oh~Oh♪

 

 

 ※注:バナー中のコピーの内容は仮のものです。

 


最近では、Wixなどの無料ホームページ作制ツールで簡単なページならつくれるようになりましたね!ホームページが欲しいけどお金はかけれないという方には、嬉しい時代になったものです。 でも実際使ってみてどうですか?本当に「いい感じのホームページ」になりましたか?”なんだか思い通りじゃないな~”、”もっとそれっぽくなると思ってたけど”、”なんかダサい”。 こんな風に思っていませんか?

ホームページを作るうえで、Wixを使おうが、Jimdoを使おうが、メモ帳でhtml書こうが、ホームページ制作のプロは画像の使い方、写真の魅せ方、効果的なバナーの魅せ方をとても気にしています。

そんなホームページ制作の現場でプロが「すごく簡単な事だけど、素人はあんまやってないよね」というような、例えばちょっとしたことでバナーの見栄えがグッと良くなるとか、そんなようなことを、いざ今自分でホームページを作りだしてみたけど、結局どーしたらキレイに出来たり、目立つようにしたりとかできるのか分からない方に向けて、少しずつでもお伝えしていければと思います。