学科ユーザーインターフェイス基礎③　アクセスマップ制作準備

◆オンライン訓練（25/9/22）

講師：夏目佳奈先生
カリキュラム資料：「デザインの考え方」の教科書②

1限目
学科ユーザーインターフェイス基礎③
作品の制作につ佳奈

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

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

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

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

◆本日のテーマ

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

▼アクセスマップとは？

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

参考サイト

▼アクセスマップ制作で使える基本操作

線パネル
アピアランスパネル
スタイライズ
クリッピングマスク
アウトライン
アピアランスの分割

▼線パネル

線パネルでは、線の太さを設定するだけでなく、線の両端の形や、角の形を変える事ができます。また点線や矢印も作る事ができます。

参考サイト

▼アピアランスパネル

Adobe Illustrator で効果、アピアランスパネルおよびグラフィックスタイルパネルを使用すると、オブジェクト、グループまたは、レイヤーのアピアランスを変えることができます。また、1 つのオブジェクトを複数の必須部分に分割して、オブジェクト要素を個別に修正することもできます。

参考サイト

▼スタイライズ

【illustrator】オブジェクトに「スタイライズ」効果で影やぼかしをつける「スタイライズ」効果で、選択したオブジェクトに影や角を丸くするなどができます。

参考サイト

▼クリッピングマスク

クリッピングマスクは、その形状によってほかのアートワークをマスクするオブジェクトです。クリッピングマスクの内側にあるエリアのみが見えるように、アートワークをマスクの形状にクリップします。クリッピングマスクとマスクされたオブジェクトは、クリッピングセットと呼ばれます。

参考サイト

▼アウトライン

イラレで基本的に入力する文字フォントツールがありますが、そのフォントツールをアウトライン化することでオブジェクトにすることができます。
何が違うのかというと、フォントは文字情報、アウトライン化したのはオブジェクト(図形)情報ということです。
このアウトライン化をすれば、インストールしたフォントで別のパソコンで開く場合置き換わってしまうということを防ぐことができます。

▼Illustrator「アウトライン」という言葉で覚えておく３つ！

「オブジェクト」＞「パス」＞「パスのアウトライン」
「書式」＞「アウトラインの作成」
「表示」＞「アウトライン（Ctrl+Ｙ）」

参考サイト

▼アピアランスの分割

1つのオブジェクトには塗り、線、効果、不透明度の4つのアピアランス属性があります。例えば”1つのオブジェクトに4つのアピアランス属性”を”1つのアピアランス属性で1つのオブジェクト”にしてくれるのがアピアランスを分割する機能

参考サイト

◆本日の気付き・メモ

「アクセスマップは簡単そう」と思っていたが、意外に奥深いものだなと思った。
地図は簡略化した方が良いとの話だが、不動産業界で散々地図を見てきた者としては、
極端にデフォルメされた地図は、私は分かり難い。（距離感・方位等）
と言って、細かく書き過ぎるのも見難いし、大変だし、中間ぐらいでいきたいと思った。
後は、画像ストックサイトで、丁度良い素材が見つかるかが課題。

＜本日一番の驚き＞
フリー画像を取り込んでアクセスマップを作る話を聞いて、非常に驚いた。
課題は全て一から作る又はトレースするものと思い込んでいた為。
それであれば、ロゴ作成課題もフリー画像を取り込んで作って良かったという事？！ちょっとショック。
以前トレースしたヤンバルクイナを使って、文字レイアウトを考えればよかったという事か・・・。
ロゴ作成課題は、リベンジしよう！

Yuko Sekimoto Portfolio

学科ユーザーインターフェイス基礎③　アクセスマップ制作準備

◆オンライン訓練（25/9/22）