学科 ECサイトデザイン基礎①

-本日のアジェンダ-

1限目
学科 ECサイトデザイン基礎①
元データついて

2限目
学科 ECサイトデザイン基礎①
解像度対策について

3限目
学科 ECサイトデザイン基礎①
バナー作成

4限目
学科 ECサイトデザイン基礎①
バナー作成

5限目
学科 ECサイトデザイン基礎①
発表会

本日のテーマ

元データの管理について

ECサイトとは?

ECサイトとは、自社の商品やサービスを、インターネット上に置いた独自運営のウェブサイトで販売するサイトのことである。ECとは英語: electronic commerceの略。 複数の企業や個人商店がインターネット上の1か所で出店する形態のウェブサイトは、電子商店街の項目を参照。 ウィキペディア

参考サイト

広告宣伝費について

広告宣伝費とは、事業や商品の広告を作る費用宣伝にかかる費用のことを指します。 基本的に、広告宣伝費の消費税区分は「課税」です。 販促のためのポスターやチラシ・カタログ等の印刷物、 看板、試供品やティッシュのサンプリング、ダイレクトメール、 テレビ・ラジオ・インターネット広告にかける費用などがこれにあたります。

バナーとは?

バナー広告とは、インターネット広告のうち、画像やアニメーションによって表現する広告の総称である。 バナー広告では、あらかじめ決められたサイズ内でリンク付きの画像を表示し、クリックすることで広告主のWebサイトへ誘導されるようになっている。

レイヤースタイル(Ps)について

レイヤーに対して手軽に様々な表現が可能になる必須テクニックです。

マスクについて

Photoshopのマスクのかけ方は、大きく分けて、『クリッピングマスク』、『レイヤーマスク』、『ベクトルマスク』の3種類があります。
それと選択ツールの調整で使うクイックマスクモードがあります。

参考サイト

Retina対応について

Retinaディスプレイは、アップル製品のうち、100〜160ppi程度であった従来のディスプレイ解像度の、およそ倍の解像度、高画素密度のディスプレイを指す名称である。「Retina」は英語で「網膜」という意味で、画素が細かく人間の目で識別できる限界を超えている、ということから命名された。

学科 ECサイト運用基礎

-本日のアジェンダ-

1限目
学科 ECサイト運用基礎
ECサイトについて

2限目
学科 ECサイト運用基礎
バナーについて

3限目
学科 ECサイト運用基礎
バナー作成

4限目
学科 ECサイト運用基礎
バナー作成

5限目
学科 ECサイト運用基礎
発表会

本日のテーマ

ECサイト

ECサイトとは?

ECサイトとは、自社の商品やサービスを、インターネット上に置いた独自運営のウェブサイトで販売するサイトのことである。ECとは英語: electronic commerceの略。 複数の企業や個人商店がインターネット上の1か所で出店する形態のウェブサイトは、電子商店街の項目を参照。 ウィキペディア

参考サイト

広告宣伝費について

広告宣伝費とは、事業や商品の広告を作る費用宣伝にかかる費用のことを指します。 基本的に、広告宣伝費の消費税区分は「課税」です。 販促のためのポスターやチラシ・カタログ等の印刷物、 看板、試供品やティッシュのサンプリング、ダイレクトメール、 テレビ・ラジオ・インターネット広告にかける費用などがこれにあたります。

バナーとは?

バナー広告とは、インターネット広告のうち、画像やアニメーションによって表現する広告の総称である。 バナー広告では、あらかじめ決められたサイズ内でリンク付きの画像を表示し、クリックすることで広告主のWebサイトへ誘導されるようになっている。

Photoshop レイヤースタイルについて

レイヤーに対して手軽に様々な表現が可能になる必須テクニックです。

Photoshop アンシャープマスクフィルター

Retina対応について

Retinaディスプレイは、アップル製品のうち、100〜160ppi程度であった従来のディスプレイ解像度の、およそ倍の解像度、高画素密度のディスプレイを指す名称である。「Retina」は英語で「網膜」という意味で、画素が細かく人間の目で識別できる限界を超えている、ということから命名された。

本日の課題

昨日作成したフライヤーを元にバナーを作成しましょう。
まずは横長サイズで作成してみましょう。
提出は、jpg形式です。
~ バナーサイズ ~
横長:「w300px × h150px( w600px × h300px )」
bnr_〇〇○○200304_600x300.jpg

縦長:「w150px × h300px ( w300px × h600px ) 」
bnr_〇〇○○200304_300x600.jpg

正方形:「w250px × h250px ( w500px × h500px ) 」
bnr_〇〇○○200304_500x500.jpg

※ フライヤー(A4サイズ)に比べ、情報の掲載スペースがグッと小さくなるので、実寸(ブラウザ100%表示)での文字の視認性やレイアウトに留意しながら作成してみましょう。