𝙆𝙎𝙐 𝙂𝙪𝙞𝙙𝙚 𝙈𝙖𝙥
学内を簡単に確認できるリーフレット
Overview
これは何?
九州産業大学のマップリーフレット
背景と目的
背景:新入生の頃、授業間の移動で校舎の場所がわからずギリギリになることがあった。スマホなどで簡単に確認できれば便利だと思った。
目的:学校で迷わないようにする
コンセプト
誰にでも分かりやすく
成果物の仕様
制作ツール
Adobe Illustrator
blender
プロジェクトの期間
2023.04.11 - 2023.07.11
まとめ
当初は建物を平面イラストでアイコン化して道に沿って並べる予定でしたが、見せたい建物の方向と道の方向が合わず分かりにくいマップとなった。イラストを描き慣れていないこともあり、3Dの制作をすることにした。3Dの制作であれば、図形を組み立てて建物や道を作ることができるためイラストを描くのが苦手でもマップを作ることができた。
- blenderの制作について
現在のマップの区画整理をして四角の中にどの建物を配置するかをあらかじめ決めてから制作に入ったため、 スムーズな作業が出来た。
建物のドアや窓の作りを細かく作ってしまい、潰れたり見えなくなることがありましたが、幅を大きくとることで解決した。
建物同士が重なりすぎないように、実際の縮尺よりも大きくとったり建物を少しずらして配置をして見えない建物や道がないようにした。
Survey
調査
先行事例
技法・技術情報
Project Management
スケジュール
📝スプレットシート
ToDo
バリアフリーカラーの調査
学内の調査(シンボルになるものを見つける)
マップ以外の記載事項を考える
表紙を考える
色の練り直し
進捗記録
2023.07.11
2023.07.02
最終発表サイトの準備?
2023.06.27
マップ制作
2023.06.20
2023.06.13
アイコンを3D化する
作業メモ
- イラスト同様に、引きで見ると潰れてしまうため装飾は実物よりも大きく作成
- 撮影時と作業時で色のイメージに相違があるため、レンダリングして確認
2023.06.06
制作準備
- マップラフ(右画像)
グリッドに分けて建物と道の配置を
大まかに決めた
配置の試作
❶ ❷
- ❶の方向から撮影しないと建物が重なって見えなくなる
- どちらも撮影範囲が大きいため空白の部分ができる
2023.05.30
マップの練り直し
今までの制作から見えてきたこと
- マップ全体の範囲が広く建物の外見が潰れる
- 建物のアイコンを一方向から見た見た目にしているため、道を圧迫して実際の道と異なる点がある
- 建物のアイコンのサイズが小さく表現に制限があり、建物の外見を表現できなかった
▶︎建物や道のギャップが生まれないよう3Dで制作
blenderの投影図を使用してアイソメトリックなイラストにする
先行事例
Pinterestボード
2023.05.23
マップ制作
改善した点
- 道の太さに強弱をつけた
- ピンがわかりやすいよう建物は無彩色で色付け
- 目印になるものを文字で記載
↓
建物の雰囲気を捉えやすく、大きい範囲の制作にも向いている3Dで制作
アイソメトリックなイラストを制作
blenderを使用
2023.05.16
建物情報の整理
学部ごとにピンを色分け
カラー | CMYK(%) | #RGB | 学部 |
| | | |
| 0,0,100,00 | #fff100 | 経済〜商業学部 |
| | | |
| 00,45,100,00 | #f6aa00 | 国際文化、人間科学部 |
| | | |
| 255,50,110,00 | #ff326e | 生命科学学部〜建築都市学部 |
| | | |
| 100,45,00,00 | #005aff | 芸術学部 |
| | | |
| 55,00,00,00 | #4dc4ff | 共通 |
| | | |
| 75,00,65,00 | #03af7a | その他 |
2023.05.09
マップ試作
▶︎試作1だと周囲の情報が少なすぎるため試作2で進める
ブラッシュアップ
- 学外の線と学外の線の見分けがつくよう太さを調整
- 建物の色決め
▶︎線のルール
- 線の角度(共通)
- 線の太さ(試作2)
2023.05.02
マップ制作準備
改善点
- 線ではなく面で作る
- 細かく作っている部分が潰れるため、大きめに作る
ー情報整理ー
現在のマップの問題点
- 建物で道が隠れている
- 目印になるものが描かれていない
- 情報量が多い
- 文字が細く、背景と同化して読みにくい
問題点の解決方法
- 建物を平面的にイラストで表現
- 目印になるものをイラストで記載
- 必要な情報だけに絞る
- 文字は最小限に抑える
現在のマップの良い点
学内調査
2023.04.25
学内マップ制作
改善点
- 現在のマップとの違いがない
- 建物の外見が見えた方がわかりやすい
- 学内にオブジェが設置されているため、マップに反映させて目印にする
- 道がわかりにくいため、一直線で引く
2023.04.18
研究テーマ決定
❷九産大マップ制作に決定
選択理由: マップ制作に興味があるため 現在のマップの改善
❶現状調査
技術情報
❷現状調査
技術情報
❸現状調査
技術情報
2023.04.11
研究テーマ案
❶ アルミ缶を利用したパッケージデザイン
目的:リサイクル率の最も高いアルミ缶の利用を促す
形式:デザイン案のPDF/モックアップ
❷ 学内マップの制作
目的:ぱっと見でわかるマップを作る
形式:PDF/リーフレット
❸ Adobe Stockから人物、食品、イラストなど様々な条件の写真を利用し、それぞれの架空の広告を制作する
目的:様々な条件に適した広告制作ができるようになる
形式:サイト/ポスター
先行事例