学科 ECサイトデザイン基礎②【オンライン】

-本日アジェンダ-

1限目
学科 ECサイトデザイン基礎②
バナーの作成について

2限目
学科 ECサイトデザイン基礎②
はじめての依頼について

3限目
学科 ECサイトデザイン基礎②
提案をすることについて

4限目
学科 ECサイトデザイン基礎②
再現力の重要性について

5限目
学科 ECサイトデザイン基礎②
制作過程について

本日のテーマ

バナーは作る過程も大事です!

ポートフォリオサイトに乗せるバナー等の作品は、ブラッシュアップも含めて掲載しましょう。最初に作成したバナーから、他のデザインを見たり聞いたりして、もっと良い作品にしていく過程も解り易く掲載して「制作過程」を明確にして成長力もアピールしちゃいましょう!!

【資料】

カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/

下記のファイルをダウンロードしましょう。
「バナーの作成について.pdf」 

【動画】

バナーの作成について (5:10)
https://youtu.be/01358toDKI8

実例①-クライアントの依頼内容- (12:05)
https://youtu.be/gRuYpYSvcOI

実例①-初稿-・クイズ(20:45)
https://youtu.be/fhmG1dYGJYw

実例①-調整依頼- (8:16)
https://youtu.be/1mlIhLExO74

実例①-修正から納品・新規依頼の獲得- (7:28)
https://youtu.be/Z4AWmXTVcxU

実例②-初稿- (7:26)
https://youtu.be/upWQtvpSVuo

実例②-第2提案〜納品-(6:39)
https://youtu.be/tgkGpQJzmO8

実例③-初稿〜納品- (12:39)
https://youtu.be/2SoK1NaDRD8

実例④-初稿- (5:25)
https://youtu.be/XF5Xh_OdS48

実例④-2次提案〜納品- (4:35)
https://youtu.be/35enQRc1vR4

実例⑤-おまけ- (5:04)
https://youtu.be/6UFQSEYaEGc

まとめ (8:39)
https://youtu.be/V–oGIITnzY

参考サイト

本日のテーマ②

ここからは補足資料になります。
情報収集など手を動かしながらの視聴でも構いません。
もしくはお時間のある時にご自身で視聴ください。

プロとして写真利用のルールの理解を高めておきましょう!

Webというお仕事ですから、当然これらのルール(法律)について理解を高めておかなければならないでしょう。
Webの法律は過渡期です!
これから新たな法律が制定される可能性もあるかもしれませんし、逆に法律が追いつかない技術が生み出される可能性もあります。
まずは、現在のルールの理解を高めて良い作品に利用していきましょう。

【資料】

カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/

下記のファイルをダウンロードしましょう。
写真について.pdf」 

【動画】写真について

1. 写真も著作物・著作権とは (6:19)
https://youtu.be/sKaYvZ8vDWA

2. 著作権侵害になるのはどんな場合? (15:12)
https://youtu.be/H-kxc1IMX28

3. 写真の著作権 どこまで?(4:58)
https://youtu.be/INudd-Wg9Js

4. 写真にある権利 肖像権 (11:30)
https://youtu.be/L6bo80XIeJE

5. 人格権について (5:00)
https://youtu.be/ds3vh7XWA4Q

6. 写真を撮っていけない場所は? (7:24)
https://youtu.be/nt4Ldr-LfpY

7. 画像の個人利用はどこまで? (12:04)
https://youtu.be/IOJ2nKbgL_8

8. 無断転載は著作権の侵害・プライバシー権とは? (5:12)
https://youtu.be/bNjipWHyFqk

9. 写真の投稿で注意すべきことは? (8:24)
https://youtu.be/Kbc7liTm0a4

10.ネット投稿するときの注意点は? (3:18)
https://youtu.be/FTQHKAFyvAo

11. 素材集について (13:10)
https://youtu.be/sLeFl8XZMzI

12. まとめ (6:31)
https://youtu.be/fG6uVeKJ5l0

参考サイト

本日の課題

オンラインは課題無しです。
※不明点等は次の来校日に質問出来るようにまとめておいてください。

実技 ECサイトデザイン実習①

– 本日のアジェンダ –

1限目
実技 ECサイトデザイン実習①
Photoshopの機能について

2限目
実技 ECサイトデザイン実習①
Photoshopの機能について

3限目
実技 ECサイトデザイン実習①
サムネイル画像 作成

4限目
実技 ECサイトデザイン実習①
サムネイル画像 作成

5限目
実技 ECサイトデザイン実習①
サムネイル画像 作成

本日のテーマ

サムネイル画像 について

サムネイル画像とは?

サムネイル画像は、親指(サム)の爪(ネイル)のように小さい画像という意味で、実際に撮影した画像から解像度を下げたり、圧縮したりするなどの手法で、ファイルサイズを小さくしたデータです。 情報量が少ないので読み込みが早く、一覧表示で多くの画像を素早く見ることができます。

参考サイト

本日の課題

-サムネイル画像 作成練習 –

サムネイル画像作成し、
4限目終了までにご自身のポートフォリオサイトにアップしてください。
5限目に講評を行います。

※目標2つ以上で制作しましょう。

学科 ECサイトデザイン基礎①【オンライン】

– 本日のアジェンダ –

1限目
学科 ECサイトデザイン基礎①
ECサイトとは?

2限目
学科 ECサイトデザイン基礎①
ECのお仕事とバナー作成について

3限目
学科 ECサイトデザイン基礎①
デザインというお仕事について

4限目
学科 ECサイトデザイン基礎①
デザインというお仕事について

5限目
学科 ECサイトデザイン基礎①
バナー制作に向けての情報収集

本日のテーマ

ECのお仕事を理解しましょう

ECサイト

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

参考サイト

【資料①】

「デザインの考え方」の教科書⑤.pdf

【動画】「デザインの考え方」の教科書

ワンポイントアドバイス

まずは様々な作品を見て見ましょう。
見て真似をしてまた見るの繰り返しが上達のコツです!

本日のテーマ②

ここからは補足資料になります。
情報収集など手を動かしながらの視聴でも構いません。
もしくはお時間のある時にご自身で視聴ください。

【資料②】

「デザインという仕事について」.pdf

【動画】「デザインという仕事について」

デザインとアートの違い・アートとは?(10:01)
https://youtu.be/fVM6lUW_aqE

デザインとは?(11:15)
https://youtu.be/UrYerWDPYls

おまけ デザインはどこまでがパクリか? (12:23)
https://youtu.be/lyO6UmELgkc

デザイナーにとって必要なスキルとは? (8:19)
https://youtu.be/VuKIwjFU5KI

言い換えから考えるアートとデザイン (5:04)
https://youtu.be/bzZ9qUagYjc

アートとデザインとは? (12:54)
https://youtu.be/lMYvDGwzVBM

改めて「デザイン」とは (7:30)
https://youtu.be/RAAFmuN7VBg

「言語化」によって得られる3つのメリット (9:23)
https://youtu.be/BO4jyOcmnHk

デザイン論について (6:47)
https://youtu.be/kT2Jwnvl5Y8

おまけ NFTアートのブロックチェーンとは? (14:21)
https://youtu.be/c5JG_6IkvCY

参考サイト

本日の課題

本日の課題提出はありません。
バナーのオリジナル制作に向けて、
集めた参考サイトや素材のリンクをメモしておきましょう。

学科 ECサイト運用基礎②

-本日のアジェンダ-

1限目
学科 ECサイト運用基礎②
Photoshopの機能について

2限目
学科 ECサイト運用基礎②
Photoshopの機能について

3限目
学科 ECサイト運用基礎②
バナー模写練習

4限目
学科 ECサイト運用基礎②
バナー模写練習

5限目
学科 ECサイト運用基礎②
バナー模写練習

本日のテーマ

まずはバナー「模写」で表現の完全コピーを目指しましょう

覚えておくと良い基本操作

バナー制作で覚えておきたい復習

  • スマートオブジェクト
  • 調整レイヤー
  • トリミング復習
  • レタッチ復習
  • クリッピングマスク
  • レイヤーマスク
  • ベクトルマスク

本日の課題

バナー作成練習 (模写)

ご自身で選んだジャンルのバナー模写を作成し、5時限目終了までにご自身のポートフォリオサイトにアップしてください。
※バナーサイズ設定は自由です。
※目標2つ以上で制作しましょう。
※講評はありません。