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

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_20250609」と設定して下さい。
手順は以下の通りです。

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

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

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

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

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

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

職務経歴書の提出について

6/18(水)「マルチデザイン実習①」にて最新の職務経歴書をご提出ください。
以前に提出した内容からブラッシュアップを試みましょう。

学科 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.AdobeXDの教科書.pdf」 
2.より幅を広げる為に.pdf」 

ワンポイントアドバイス

XDはまだ求人票で必要なスキルと掲載は少ないですが、取り入れている企業と、取り入れているデザイナーさんは増えています。
まずは、基本操作と利点などをしっかりと確認しておきましょう。

XD データ連携について

Adobe XD では、Photoshop や Illustrator などの他のアドビアプリケーションからデザイン素材を読み込むことができます。XD では、これらのデザイン素材をさらに拡張することも、これらのデザイン素材を使用してインタラクティブプロトタイプを作成することもできます。

ワンポイントアドバイス

実際のお仕事では、お客様とのやり取りに合わせて連携方法が変わるでしょう。必要に応じて、ai(Illustrator)なのかpsd(Photoshop)がいいのか、XDがいいのか、お客様に合わせて判断していきましょう。

参考サイト

【動画】

参考サイト

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

本日の課題

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

第4回成績考査について

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