chevron_left

バナー制作の基礎知識と実践テクニック

PREMIUM
第2回

クリックされるバナーをデザインする実践テクニック vol2

2014年9月14日 90min

スライド資料

会員登録して、全てのスライドを見よう

1 / 4

授業の概要

Photoshopの基本操作が出来る人に向けて、Webデザイナーへの第一歩、バナー制作の実践を学ぶ全2回の授業の2回目です。この後、実際にバナー課題を制作して提出する授業へと続きます。

■押されないバナーと押されるバナー

人の目にとまらないバナーになっていませんか?あるいは目立ち過ぎて逆効果のバナーになっていませんか?配置されるページになじみ、しかもそこで目立つバナー制作のテクニックを学びます。

■一瞬で飛び先が把握できるバナー

どんなに小さなサイズでも必須情報を押さえていないと、バナーは役目を果たす事ができません。どんな情報を盛り込むべきか、どんなレイアウトにすべきかを、バナーのサイズ別に学びます。

■可読性を最大限に上げる実践テクニック

バナー広告1つで、サイトの命運が左右します。一瞬目に飛び込んだ時に見た人の気持ちをひきつける、「ささる」バナーの作り方を学びます。

■受講にあたって準備するもの

adobe Photoshop (ヴァージョンは問いません)

・お持ちでない方は、下記のサイトに従って、30日間無料お試し版をダウンロードしてください。

https://creative.adobe.com/ja/products/download/photoshop

・WindowsでもMacでもインストールできますが、メモリ(Ram)は2GM以上入っている事が望ましいです。

・初めてに触れる人は、以下のトレーニングサイトでチュートリアルやビデオを全て見てPhotoshopの基本操作を知っておいてください。動画の通りにできるようになる必要はありません。Photoshopではどんな事ができるか知っておきましょう。

https://helpx.adobe.com/jp/photoshop.html

■バナー甲子園:関連授業一覧

PhotoshopでWebデザインするときの悩みに答えます
バナーからはじめるクライアントワーク vol1
バナーからはじめるクライアントワーク vol2
クリックされるバナーをデザインする実践テクニック vol1
クリックされるバナーをデザインする実践テクニック vol2
※バナー甲子園の案件はこちら
http://crowdworks.jp/public/jobs/147765

 

こんな人にオススメ

バナー制作の方法について詳しく知りたい方

チャプター

play_arrow
自己紹介&アジェンダ
02:26
play_arrow
生徒さんが制作したバナーをチェック
16:52
play_arrow
先生が制作したバナーをチェック
02:04
play_arrow
バナー実例制作
00:33
play_arrow
バナーに文字を入れてみよう
01:57
play_arrow
文字のカーニングをしてみよう
07:58
play_arrow
バナーに商品写真を入れてみよう
11:13
play_arrow
商品写真をシルエットにしてみよう
09:05
play_arrow
バナーにワンポイントデザインを入れてみよう
04:18
play_arrow
サイトのページを使って制作する意味とは
02:15
play_arrow
スライス切り出しを使って必要なバナーを保存しよう
09:44
play_arrow
バナー案件を実際に投稿してみよう
04:17
play_arrow
Q:「太字を選んでも太さが物足りなく、でもフォントサイズは上げたくない」場合はフォントの種類を変えるしかないでしょうか?
00:54
play_arrow
Q:文字組みに関してイラレのほうが有利に思うので、フォトショでの文字組みにはいつも不安をおぼえます。バナーに関してはフォトショのほうがいいのでしょうか?
03:04
play_arrow
Q:「押されないバナーと押されるバナーの違い」をもう一度教えていただけると助かります!よろしくお願いします!
01:06
play_arrow
Q:スライスするときにいつもガイドライン引いてから切り出すのですが、ガイドを使わないほうが良いケースありますか?
00:41
play_arrow
Q:自動選択ツールで思うように画像が選択できない時は チマチマやるしかないでしょうか。
01:04
play_arrow
Q:作る画像がぼやけてしまいます。大きく作って縮小する方法もありですか?
01:07
play_arrow
Q:イラレで作ったバナーをフォトショでjpgに変換しても、バナーとしても大丈夫でしょうか?
01:10
play_arrow
Q:バナーの勉強は、やはりたくさんのバナーを見てたくさん作ることでしょうか。
01:18
play_arrow
Q:バナーを作っていると、つい情報過多でくどくなってしまうのですが、シンプルにすると地味になってしまいます。適切なバランスを見極められるようになるにはどうしたらいいでしょうか?
01:30
play_arrow
Q:バナーデザインの流行などはありますか?
01:05
play_arrow
Q:限られた重さで画像を書き出す時、劣化しないで重さをおさえるおすすめのプラグインはありますか?
01:20
play_arrow
レポート課題発表