月: 2022年11月

学科 ユーザーインターフェイス基礎②

-本日のアジェンダ-

1限目
学科 ユーザーインターフェイス基礎②
作品の制作について

2限目
学科 ユーザーインターフェイス基礎②
作品の立案

3限目
学科 ユーザーインターフェイス基礎②
作品の立案

4限目
学科 ユーザーインターフェイス基礎②
作品の立案

5限目
学科 ユーザーインターフェイス基礎②
作品の立案

本日のテーマ

納品する作品の準備②です。

デザインをする時は、機械の力と一緒に正確なレイアウトを心がけてみましょう。

【資料】

Dropboxにある資料をダウンロードしましょう。
作品制作のポイントをまとめた資料です。

［保存場所］
Dropbox / DEAUアカデミー WEBデザイナー養成科 (短時間) / 資料 / 【STEP2】デザインの理解・・・「デザインの考え方」の教科書②.pdf

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

アクセスマップ とは？

一般的な地図とは違い、アクセスマップは「ある特定の目的地へのアクセス」に特化した地図です。 曲がり角や交差点など、ポイントとなるところを大きく目立たせたり、逆に必要でない情報はバッサリ削ってしまうなど、「見せたいもの」「いらないもの」の見極めが重要です。

参考サイト

名刺作成

「名刺」は、名前や住所、連絡先などを印刷したクレジットカードほどの大きさの紙(主に91×55mm)です。名刺の主な役割は「自己紹介ツール」であり、 初対面の相手に自分の名前や連絡先、所属などのプロフィール情報を伝えます。
名刺デザインは、「レイアウトデザイン」「文字デザイン」「配色デザイン」の全てを意識し て制作しましょう。まずは、「レイアウト」91x55mmの中で、面積比率を意識しながら、見せたい順番を 作ってレイアウトしましょう。

名刺作成の参考サイト

今後の日程

  • 11月29日(火)　アクセスマップ制作
  • 11月30日(水) 名刺制作

本日の課題

手書きでいいので、「アクセスマップ」「名刺」のイメージを作りましょう。
それぞれの作品の方向性をしっかりとイメージし、制作を進めていきましょう。

実技 イラストロゴ作成実習②

-本日のアジェンダ-

1限目
実技 イラストロゴ作成実習②
ロゴについて

2限目
実技 イラストロゴ作成実習②
ロゴ作成実習

3限目
実技 イラストロゴ作成実習②
ロゴ作成実習

4限目
実技 イラストロゴ作成実習② 
ロゴ作成実習

5限目
実技 イラストロゴ作成実習②
講評

本日のテーマ

ロゴを作ってみましょう

ロゴとは？

ロゴタイプ，通称「ロゴ」 は、図案化・装飾化された文字・文字列のことで、団体名、商号、商品名、雑誌名、書名等を印刷・表示する際などに使用される。

参考サイト

ロゴ制作のポイント

先ずは、いろいろなロゴを見て真似てみましょう。そして真似たデザインの要素を理解してみましょう。

提案の考え方について

商業デザインというお仕事は、お客さま（クライアント）とその先の、お客さま（ユーザー）を意識したデザインが求められます。
先ずは、 お客さま（クライアント） の希望するイメージを具現化しなければなりません。様々な提案方法を確認し実装出来るようにしていきましょう。

本日の基本操作

  • 文字ツール
  • 文字パネル
  • 字形パネル
  • 段落
  • 整列パネル
  • 変形パネル
  • パス上文字ツール
  • アウトライン表示

Illustrator基本操作まとめページ

Illustrator基本操作

ワンポイントアドバイス

デザインの順番として「1.レイアウト」なので、最初は色を使わない（白黒）癖の無いフォント（文字）を使う。から始めて、「2.文字」を選ぶ（変える）そして配色（色を変えてみる）の順番で進めてみましょう。

デザインの基本として

【1】レイアウトデザイン

見やすいレイアウト、わかりやすいレイアウトを作るときの重要なポイントは、ただ闇雲に文字や絵を配置するのではなく、発表者の頭の中にある「ロジック」や「事柄と事柄の関係性」に即して文字や絵を配置することです。関係性の強いもの同士は、近くに配置したり、同じ色を使ったり、線で結んだり、大切な事項を目立つ色にしたり、目立つ場所においたり、という簡単なことです。「理論やストーリーをレイアウトする」ことが大切であるということを忘れないでください。


参考サイト

【2】文字デザイン

文字や文章の｢読みやすさ｣は、可読性、視認性、判読性という３つの要素から成ります。「可読性」とは文章が読みやすいか、「視認性」とはパッと見た瞬間の認識しやすさ、「判読性」とは誤読がないか、という指標です。書体（≒フォント）の種類や文字のサイズを変えたり、行間や字間を調節することで、これらの要素を高めることができます。ただし、どの要素を優先させるかは資料の目的や状況によって変わります。プレゼンのPowerPointsスライドなどでは視認性と判読性を、申請書などのWord文書などでは可読性を重視します。

参考サイト

【3】配色デザイン

スライドやポスターには「色」を欠かすことができません。白黒の単調なものよりも、いくつかの色を使ったものの方が魅力的ですし、理解を助けてくれることもしばしばあります。ですが、適当に色を選んだり、むやみにたくさんの色を使うことはよくありません。色の正しい使い方を覚えておくと、快適で見やすい発表資料ができます。

参考サイト

本日の課題

ロゴを作成し4限目終了までにドロップボックスにUPしてください。
5限目に講評を行います。
※ファイル名は、work_○○○○_20221125.pdf