実技 ポートフォリオ作成実習④【成績考査④】

1限目
実技 ポートフォリオ作成実習④
成績考査について

2限目
実技 ポートフォリオ作成実習④
成績考査

3限目
実技 ポートフォリオ作成実習④
成績考査

4限目
実技 ポートフォリオ作成実習④
成績考査

5限目
実技 ポートフォリオ作成実習④
成績考査


本日のテーマ

成績考査です

本日の課題①

バナー作成 -バリエーション展開-

バナーのサイズ違いを展開して作成して下さい。
【サイズ展開】
(幅width × 高さheight)
・750px × 290px
・250px × 250px
・320px × 100px
・320px × 50px
・120px × 600px (縦長)
今までに作成したバナーから、別サイズを展開してもOKです。

本日の課題②

LP(デザイン)の提出

今日までに作成したワイヤーフレームを提出してください。
※進んでいる人はデザインラフを提出しましょう。

WordPressへの成績考査の上げ方

ご自身のWordPressに成績考査用のページを作成していただきます。
4限目終了までに新規固定ページにパスワード付きでUPしてください。
(5時限目終了までは更新しても大丈夫です)
※投稿設定のパーマリンクのURLスラッグは
「grade-check_20250107」と設定して下さい。

手順は以下の通りです。

①固定ページに新規投稿で作成します。

②タイトル(タイトルを追加の部分)に「第4回成績考査」、
次のブロックに見出し(H2)で氏名(漢字フルネーム)を入力して下さい。

③以降のブロックにバナー画像をブロックエディタ「画像」にてアップロードし、キャプション部分にそのバナーサイズを記載して下さい。
キャプションが出ない場合は、その下に通常の文章の投稿でも構いません。
これをサイズ違いバナー、5種分繰り返して下さい。
バナーの後に、ワイヤーフレーム(進んでいる人はデザインカンプ)をアップロードしてください。

④投稿設定のパーマリンクのURLスラッグに下記を設定して下さい。
grade-check_20250107」

⑤公開状態をパスワード保護にします。パスワードは「test」と設定して下さい。

⑥公開にして終了です。固定ページ一覧に作成したページが出来ているか確認して下さい。

学科 UI/UXデザインツール概論【オンライン】

-本日のアジェンダ-

1限目
学科 UI/UXデザインツール概論
adobe XDについて

2限目
学科 UI/UXデザインツール概論
adobe expressについて

3限目
学科 UI/UXデザインツール概論
canvaについて

4限目
学科 UI/UXデザインツール概論
LP(ランディングページ)を作るポイント

5限目
学科 UI/UXデザインツール概論
Figmaについて


本日のテーマ

あくまでも、IllustratorとPhotoshopが扱える前提で試してみましょう。

【注意点として】
基本的に商業デザインをビジネスとしている企業がフリーソフトを使って商売をするのはいかがでしょうか?
教室で、有料のソフト(アプリケーション)IllustratorとPhotoshopを扱っているという事を前提に
「やむを得なく使っている」という意識はお忘れなく!
そして、企業が欲しいのはあくまで「作品の質」と「作品の内容」と「作品の目的」である事をアピールできるように進めていきましょう。

参考サイト

【資料】

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

下記のファイルをダウンロードしましょう。
1.より幅を広げる為に.pdf」 
2. LPの作り方202512.pdf

【動画】より幅を広げる為に

【動画】LPの作り方(XDについて)

参考サイト

  • ご紹介③・adobe XD
    【お知らせと注意点】
    以前は無料で利用できるプラン(スタータープラン)がありましたが、現在は公式サイトから見当たらなくなっています。Adobe XDは、2023年1月に単体販売が終了になりました。 現在はスタータープランはダウンロードできなくなっており、無料で利用する場合は7日間の無料体験版 のみになっています。
    ※こちらは教室でお試しください。別動画へ案内
  • ご紹介④ Figma
    ・コラボレーションインターフェースデザインツール –Figmahttps://www.figma.com/ja/
  • FigmaとXDについて
    アドビ、Figmaの買収を断念

本日の課題

提出課題はありません。
ワイヤーフレームからデザインラフの作成にあたり、情報収集しながらレイアウトやキャッチコピー、文書を推敲しましょう。

第4回成績考査について

課題はバナーのバリエーション展開と、今できているところまでのワイヤーフレーム(進んでいる人はデザインラフ)です。