• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 倉員優実/情報デザイン研究I へ行く。
  • 1 (2023-04-08 (土) 10:34:08)
  • 2 (2023-04-18 (火) 09:23:38)
  • 3 (2023-04-18 (火) 16:44:18)
  • 4 (2023-04-18 (火) 17:22:42)
  • 5 (2023-04-18 (火) 22:13:48)
  • 6 (2023-04-19 (水) 16:45:13)
  • 7 (2023-04-20 (木) 14:11:29)
  • 8 (2023-04-21 (金) 12:28:21)
  • 9 (2023-04-21 (金) 17:07:07)
  • 10 (2023-04-22 (土) 22:49:03)
  • 11 (2023-05-01 (月) 13:21:54)
  • 12 (2023-05-01 (月) 13:42:02)
  • 13 (2023-05-01 (月) 19:27:06)
  • 14 (2023-05-02 (火) 09:45:13)
  • 15 (2023-05-02 (火) 16:46:56)
  • 16 (2023-05-02 (火) 17:15:06)
  • 17 (2023-05-06 (土) 10:38:01)
  • 18 (2023-05-06 (土) 13:44:14)
  • 19 (2023-05-06 (土) 13:48:20)
  • 20 (2023-05-06 (土) 23:15:02)
  • 21 (2023-05-08 (月) 01:22:12)
  • 22 (2023-05-09 (火) 00:33:29)
  • 23 (2023-05-09 (火) 10:43:32)
  • 24 (2023-05-09 (火) 17:15:23)
  • 25 (2023-05-12 (金) 09:10:54)
  • 26 (2023-05-15 (月) 18:05:01)
  • 27 (2023-05-16 (火) 19:40:14)
  • 28 (2023-05-17 (水) 00:07:57)
  • 29 (2023-05-20 (土) 19:23:22)
  • 30 (2023-05-21 (日) 16:10:43)
  • 31 (2023-05-21 (日) 16:11:27)
  • 32 (2023-05-22 (月) 00:49:11)
  • 33 (2023-05-22 (月) 23:54:30)
  • 34 (2023-05-23 (火) 13:37:21)
  • 35 (2023-05-23 (火) 17:08:35)
  • 36 (2023-05-23 (火) 18:45:43)
  • 37 (2023-05-26 (金) 12:02:32)
  • 38 (2023-05-26 (金) 13:16:25)
  • 39 (2023-05-28 (日) 00:05:51)
  • 40 (2023-05-28 (日) 01:37:08)
  • 41 (2023-05-28 (日) 15:32:56)
  • 42 (2023-05-28 (日) 19:53:06)
  • 43 (2023-05-29 (月) 23:19:01)
  • 44 (2023-05-30 (火) 14:09:59)
  • 45 (2023-05-30 (火) 16:18:33)
  • 46 (2023-05-31 (水) 19:17:36)
  • 47 (2023-05-31 (水) 19:25:42)
  • 48 (2023-06-01 (木) 17:59:15)
  • 49 (2023-06-01 (木) 23:27:01)
  • 50 (2023-06-02 (金) 09:03:19)
  • 51 (2023-06-02 (金) 16:46:01)
  • 52 (2023-06-06 (火) 12:41:14)
  • 53 (2023-06-06 (火) 17:29:46)
  • 54 (2023-06-13 (火) 16:57:39)
  • 55 (2023-06-15 (木) 22:29:25)
  • 56 (2023-06-16 (金) 12:05:04)
  • 57 (2023-06-16 (金) 12:30:51)
  • 58 (2023-06-25 (日) 21:42:40)
  • 59 (2023-06-27 (火) 08:39:32)
  • 60 (2023-06-27 (火) 14:30:47)
  • 61 (2023-06-30 (金) 16:46:09)
  • 62 (2023-07-04 (火) 15:20:03)
  • 63 (2023-07-11 (火) 13:55:02)
  • 64 (2023-07-18 (火) 01:16:29)
  • 65 (2023-07-18 (火) 01:33:33)
  • 66 (2023-07-18 (火) 12:55:05)

---

𝙆𝙎𝙐 𝙂𝙪𝙞𝙙𝙚 𝙈𝙖𝙥

学内を簡単に確認できるリーフレット

• 倉員優実
• Keywords：Map , Directional , casual
• PDF
  
  
  📍Iwata Lab. 授業用サイト
  📍情報デザイン研究Ⅰ

Overview

これは何？

九州産業大学のマップリーフレット

背景と目的

背景：新入生の頃、教室の場所が分からず遅刻することがあったため、簡単なリーフレットがれば迷わなくて良いと思った。
目的：新入生、学外の方が九産大に来た時に迷わず目的地に向かえるようにする。

コンセプト

誰にでもわかりやすく

成果物の仕様

• 縦長のPDF
  PDF資料
  
  

制作ツール

Adobe Illustrator
blender

プロジェクトの期間

2023.04.11 - 2023.07.11

まとめ

Survey

調査

• 色弱でも見やすい色とは？ / MIYAMA Official web
• 配色のバリアフリー / 伝わるデザイン
• カラーユニバーサルデザイン推奨配色セット
  
  

先行事例

• 九産大学内マップ
  • 学内マップ
  • バリアフリーマップ
• 既存のリーフレット
  
  

技法・技術情報

• イラストマップの作り方 / タナカケンイチロウ
• リーフレットの作り方 / パンフレット制作.jp
  
  
  
  

Project Management

スケジュール

📝スプレットシート

ToDo

バリアフリーカラーの調査
学内の調査(シンボルになるものを見つける)
マップ以外の記載事項を考える
表紙を考える
色の練り直し

---

---

2023.06.27

2023.06.20

• 制作
  作業メモ
• 建物同士の隙間を多くとる
  
  
  
  

2023.06.13

アイコンを3D化する

• 30個の四角に分けて、blenderで制作
  • 参考サイト
  • 先行事例
    
    
    
    
  • 北側から撮影しないと建物が重なって見えなくなる
  • 撮影範囲が広いため何もない空間が多い
    
    
    
    

2023.06.06

• 試作を使用して文字入れ、マップピンの色分け
  →建物アイコンがシンプルすぎて見栄えが悪い
  →建物の外見は分かりやすいが、道が分かりにくい
  ↓
  アイコンを3Dにして制作
  
  

2023.05.30

グループ別の色分け

• エクセルシート

  カラー	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	その他

  参考にしたサイト：カラーユニバーサルデザイン推奨配色セット
  
  

記載内容について

• リーフレット
  • 学内部分のみ
• PDF
  • 学校外の寮やプールまで記載

中間報告メモ

• マップ内にJRの線路や駅を書く
• 方角を書く
• ウェブ媒体(PDF)もつくる

なぜ紙媒体なのか

スマートフォンだとサイズに制限があり、マップ全体を見ることができない。
紙媒体であれば一気に全体を見ることができるため、いきたい場所を早く探すことができる。

2023.05.23

リーフレット記載内容

• 内側
  • 学部ごとで7つにグループ分けして摘要を記載
    →エクセルシート
    
    
• 折込面
  • 学食・売店
  • 施設紹介
    →エクセルシート
    
    
• 裏表紙
  • 学校の情報
    
    

    九州産業大学
    〒813-8503 福岡市東区松香台2-3-1
    TEL:092-673-5050
    https://www.kyusan-u.ac.jp/

    ※使用したサイト:QRコード作成サイト【無料版】
    
    
  • 交通案内
    • アクセス

      【アクセス】
      ◾️JR鹿児島本線：「九産大前」より徒歩1分
      ◾️西鉄バス
      「唐の原」より徒歩2分
      「九州産業大学前」より徒歩3分
      「九州産業大学南口」より徒歩2分

      ※学内で配るマップリーフレットを想定しているため詳しいアクセスは書かず、駅・バス停の位置がわかるイラストマップと、駅名を文字で記載する
      
      
      
      
      
      

2023.05.16

文字組みの調査

• 伝わるデザイン
  
  

リーフレット制作準備

• レイアウトの案
• 学内マップ試作
• 建物アイコン試作
  
  
  
  
  
  

2023.05.09

マップのルール決め

• 線の角度(共通)
  • 斜め　120
  • 斜め　210
  • 直線　90
  • 横線　0
• 線の太さ(試作2)
  • 学内　3pt
  • 学外　4pt
  • 学内枠　6pt
    
    
    
    
    
    

2023.05.02

マップ制作準備

• 建物と目印のアイコン
• マップラフ
  
  

現状調査

• 目印になるもの
• 学食、売店
  
  

情報整理

いつ、どこで：学内で配布
だれに：新入生、学外の方
何を：学校のマップ
なぜ：迷わず目的地に向かうため

現在のマップの問題点

• 建物で道が隠れている
• 目印になるものが描かれていない
• 情報量が多い
• 文字が細く、背景と同化して読みにくい

問題点の解決方法

• 建物を平面的にイラストで表現
• 目印になるものをイラストで記載
• 必要な情報だけに絞る
• 文字は最小限に抑える
  
  

現在のマップの良い点

• 建物の外見がイラストでわかりやすい
• 番号の記載があり見やすい
  
  

新入生の頃知りたいと思っていたもの

• 買い物スポット
• だれでも入れる憩場所
• 施設の場所、説明
  
  
  
  
  
  

2023.04.25

学内マップ制作

• 学内マップ
  
  

色の調査

• 色弱でも見やすい色とは？ / MIYAMA Official web
• 配色のバリアフリー / 伝わるデザイン
• ユニバーサルカラー
  
  
• KSU Guide Map製作時に気をつけること
  • 九産大のイメージを壊さないよう赤色を使用
    →暗い赤は黒に見えてしまうため、彩度やメイドを変えて調整 / 黒に見えても問題ないよう背景の色を調整
    
    

マップリーフレットの先行事例

• 既存のリーフレット
  
  
  
  
  
  

2023.04.18

研究テーマ決定

❷九産大マップ制作に決定
選択理由： Webではなく紙媒体の制作をしてみたかったため
　　　　　ポスターやバナーのデザインに興味があるため

❶現状調査

• アルミ缶を利用したパッケージの種類
  • 日本アルミニウム協会
  • 明和金属工業株式会社

技術情報

• パッケージデザインの作り方
  パッケージデザインとは？商品の訴求力を高めるデザインの作り方(前編)/株式会社折兼
  
  

❷現状調査

• 九産大学内マップ
  • 学内マップ
  • バリアフリーマップ

技術情報

• イラストマップの作り方
  イラストマップの作り方/タナカケンイチロウ
• リフレットの作り方
  • リーフレットの作り方/パンフレット制作.jp
• ユニバーサルカラー
• 配色のバリアフリー
  
  

❸現状調査

• Pinterestでまとめる

技術情報

2023.04.11

研究テーマ案

❶ アルミ缶を利用したパッケージデザイン
目的：リサイクル率の最も高いアルミ缶の利用を促す
形式：デザイン案のPDF/モックアップ
❷ 学内マップの制作
目的：ぱっと見でわかるマップを作る
形式：PDF/リーフレット
❸ Adobe Stockから人物、食品、イラストなど様々な条件の写真を利用し、それぞれの架空の広告を制作する
目的：様々な条件に適した広告制作ができるようになる
形式：サイト/ポスター

先行事例

• 鹿毛鈴菜さん
  　雑貨ブランドのデザイン
• 田口玲奈さん
  　フォトコラージュ
• 佐伯華帆さん
  　学部棟のサイトマップ