-本日のアジェンダ-
1限目
学科 ECサイト運用基礎
ECサイトについて
2限目
学科 ECサイト運用基礎
バナーについて
3限目
学科 ECサイト運用基礎
バナー作成
4限目
学科 ECサイト運用基礎
バナー作成
5限目
学科 ECサイト運用基礎
発表会
本日のテーマ
ECサイト
ECサイトとは?
ECサイトとは、自社の商品やサービスを、インターネット上に置いた独自運営のウェブサイトで販売するサイトのことである。ECとは英語: electronic commerceの略。 複数の企業や個人商店がインターネット上の1か所で出店する形態のウェブサイトは、電子商店街の項目を参照。 ウィキペディア
参考サイト
- 【楽天市場】Shopping is Entertainment! : インターネット最大級の …
- アマゾン: Amazon | 本, ファッション, 家電から食品まで
- Yahoo!ショッピング – PayPay残高が使える!ネット通販
広告宣伝費について
広告宣伝費とは、事業や商品の広告を作る費用・宣伝にかかる費用のことを指します。 基本的に、広告宣伝費の消費税区分は「課税」です。 販促のためのポスターやチラシ・カタログ等の印刷物、 看板、試供品やティッシュのサンプリング、ダイレクトメール、 テレビ・ラジオ・インターネット広告にかける費用などがこれにあたります。
バナーとは?
バナー広告とは、インターネット広告のうち、画像やアニメーションによって表現する広告の総称である。 バナー広告では、あらかじめ決められたサイズ内でリンク付きの画像を表示し、クリックすることで広告主のWebサイトへ誘導されるようになっている。
- バナー広告とは?これを読めば全てが分かる!【徹底解説】 | Adell
- 2018-09-26 サイト・デザイン 広告バナーの参考になるギャラリー ..
- バナー広告のデザインって何が正解?広告運用代行会社にバナー …
Photoshop レイヤースタイルについて
レイヤーに対して手軽に様々な表現が可能になる必須テクニックです。
- 質感や温度を表現するフォントとPhotoshopのレイヤースタイルをご紹介します!
- Photoshopのレイヤースタイルを使ってみよう! | D-FOUNT -大阪
- 汎用性の高い無料Photoshopレイヤースタイル13選 | UX MILK
Photoshop アンシャープマスクフィルター
Retina対応について
Retinaディスプレイは、アップル製品のうち、100〜160ppi程度であった従来のディスプレイ解像度の、およそ倍の解像度、高画素密度のディスプレイを指す名称である。「Retina」は英語で「網膜」という意味で、画素が細かく人間の目で識別できる限界を超えている、ということから命名された。
- Retina対応のWebデザインをするときの注意点 | FASTCODING …
- Retina対応がイマイチ分からない人向けの簡単ガイド【初心者Web …
- 今さら聞けない!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%表示)での文字の視認性やレイアウトに留意しながら作成してみましょう。