2025/09/15 学科・ユーザーインターフェイス基礎①【オンライン】

-本日のアジェンダ-

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

今後のポイント
・操作のスピード感を徐々に把握していく
・データの取り扱いについて覚える

作成物
・ピクトグラム
・ロゴ:ピクトグラムに想いやコーポレートカラーなどが乗る。
ピクトグラムより要件が増える。
お客の想いを実現し売れるようにするのが商業デザイン。

※後にポスターやWebサイト、その他動画コンテンツや看板など様々な用途に使わ
れることをイメージ

◎ピクトグラム制作について
目的「誰もがそう見えるように作る」
-特徴をつかむことが重要

例「サッカー」ならボール、シュート、キック
「野球」ならボール、バット、打つ、投げる
重複したら更に特徴を考える
→現実で考えると他社競合との違いを落とし込むなど

特徴をデフォルメしている

身の回りのものでリサーチ
「サッカーボール ピクトグラム」や「サッカーボール イラスト」
「サッカーボール アイコン」と検索
多くの人が考える結果がわかる

★理想の1個当たりの制作時間:5分

考えてみた
日傘禁止
自分のイメージ:傘マーク・太陽・禁止マーク
検索:傘マーク・禁止マーク(太陽がない場合も)
→よく考えると日傘のみ禁止で雨傘OKの場面は少ない。傘マークに禁止だけで伝わるのかも。

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

・アウトライン:アウトライン化とは、文字や線、パス、ブラシなどのアピアランス(装飾)をオブジェクトに変換することを指します。 文字をアウトライン化すると、パスで囲まれたオブジェクトに変換されます。 文字をアウトライン化する理由は、違うパソコンでデータを開いてもフォントが置き換わらないようにするためです。
書式→アウトラインを作成

・パスのアウトライン化もできる

・定規/ガイド
「表示」→「定規」→「定規を表示」

・ガイドや中心など出てきている文字のこと:スマートガイドと呼ぶ

ーーーーーーーーーーーーーーーーーーーー
・ピクトグラムのラフを書いておく
キーワードを考えておくとよい
例:湘南エリアにありそう

メモ:夏祭り・暑さ注意系

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

6点目安で作る

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

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


本日のテーマ

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

本日の課題

手書きでいいので、ピクトグラムのイメージを作りましょう。
それぞれの作品の方向性をしっかりとイメージし、制作を進めていきましょう。

考えたもの
①暑さ対策系
水分補給こまめに
-水を飲む人、ペットボトルを持つ人

日傘推奨
太陽と傘を持つ人、傘で紫外線を跳ね返すイラスト

体を冷やそう
クーラーと人、アイス

暑さ対策の準備を
カバンにペットボトル・飴・傘

→お題の難しさもあり少し細かすぎるようになってしまっている・・

②ギターの種類
テレキャスター
-横からみた分厚さを描く

ストラト
-丸みを帯びたギザギザ感

レスポール
-ボディの下のほうが丸い

SG
-とがっている

③ホテルのアメニティ表示
歯ブラシあり
-◎の中に歯ブラシ

パジャマあり
(ワンピース系かセパレートタイプか)
-折りたたんだパジャマ&服ズボン

ドライヤー
(部屋にあり、借りれる)

本日学んだこと

ピクトグラムとロゴとの違いについて
アウトライン化、定規
ピクトグラムのコツは細かくしすぎないこと。

感想

本日からより実践的な作品作りに向けての授業に入りました。
ピクトグラムはものを売るためというより誰が見ても分かりやすいようにというもので、それに対しロゴはものを売るための商業デザインだというお話が動画でありましたが、
これまでその違いをあまり意識していなかったのですが、そこは意識しておくべきだなと感じました。
また、今回はラフを書いてみましょうということだったのですが、
手書きでの絵が苦手なのでどうしても思ったように描けない部分もあり、
そういう意味でイラストレーターのありがたさは感じました。

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

上部へスクロール