• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 渡辺侑貴/情報デザイン研究II へ行く。
  • 1 (2023-09-20 (水) 14:20:30)
  • 2 (2023-09-20 (水) 14:20:30)
  • 3 (2023-09-20 (水) 14:20:30)
  • 4 (2023-09-20 (水) 14:20:30)
  • 5 (2023-09-20 (水) 14:20:30)
  • 6 (2023-09-20 (水) 14:20:30)
  • 7 (2023-09-20 (水) 14:20:30)
  • 8 (2023-09-20 (水) 14:20:30)
  • 9 (2023-09-20 (水) 14:20:30)
  • 10 (2023-09-20 (水) 14:20:30)
  • 11 (2023-10-25 (水) 17:14:08)
  • 12 (2023-10-25 (水) 17:14:08)
  • 13 (2023-11-01 (水) 12:29:53)
  • 14 (2023-11-15 (水) 11:17:22)
  • 15 (2023-11-22 (水) 16:53:17)
  • 16 (2023-11-22 (水) 16:53:17)
  • 17 (2023-11-22 (水) 16:53:17)
  • 18 (2023-11-22 (水) 16:53:17)
  • 19 (2023-12-06 (水) 11:24:54)
  • 20 (2023-12-06 (水) 11:24:54)
  • 21 (2023-12-06 (水) 11:24:54)
  • 22 (2023-12-13 (水) 17:24:27)
  • 23 (2023-12-13 (水) 17:24:27)

---

芸術学部専用サイト - 九芸パレット -

芸術学部生に寄り添ったサイトの考案・制作

• 渡辺 侑貴
• Keywords：information, communication, Website
• プロジェクトノート

概要

これは何？

芸術学生に寄り添ったサイト

背景と目的

• 背景
  • K’sLifeが使いにくい、依存している
  • 他学科が何をしているかわからない
  • 芸学の情報が拾いづらい
  • 情報の発信源がまとまっていない

• 目的
  芸術学部の情報がまとまっており、学生同士で情報が共有できる場所をつくる
  
  

コンセプト

• 情報が拾いやすく、整理されていて利用しやすいサイト
• スッキリと見せるために<シンプル>でありながら、単調にならず、だれもが親しみやすくなるよう<ポップ>な雰囲気のサイトを目指す
  
  

成果物の仕様

Webサイト

• サイトマップ

• ワイヤーフレーム

メンバー

• 江川珠貴
• 田代爽乃
• 西山実伶
• 濱有希子
• 渡辺侑貴

制作ツール

• ハードウエア
  • MacbookAir
  • iPad
• ソフトウエア
  • ibisPaint
  • PowerPoint
  • Adobe Illustrator 2023
  • Adobe XD
  • WordPress
    
    

プロジェクトの期間

2023.09.20 -

中間発表までのまとめ

まとめ後期までの研究内容は、九州産業大学芸術学部の先生と生徒を対象にした芸術学部専用webサイトのプロトタイプ制作である。現段階では、情報が伝わりやすく現代の学生に馴染みやすいようなシンプルかつポップなデザインにし、芸術学部内の情報共有の場として相応しい内容と構成にしていきたいと考えている。そのために、ワイヤーフレームやUIのデザイン、必要なメニュー項目の選別やサイトマップの構成などを納得するまでブラッシュアップし続けていきたい。
今回までのグループ活動では、先走って作業を進めてしまったり、意見の対立やイメージの違いによって再度話し合いをしたりするなど、効率が悪く思うように計画的に進められなかった。今後はスケジュールをしっかり管理していきながら、それぞれ分担して作業し、疑問に思ったことはすぐに議題に出して早期に解決していくなど作業の進め方を工夫していこうと思う。後期の最終発表までにはwebサイトの完成イメージをより固めていき、プロトタイプを完成させたい。

調査

現状調査

• K's lifeが使いづらい
• Teamsの利用率が低い
• 芸学の情報が埋もれてしまう
  
  

先行事例

• ソーシャルデザイン学科
• 九州産業大学 芸術学部
  
  

参考サイト

色味 → 株式会社ABI新卒採用サイト
構成 → 公立大学法人 長岡造形大学
UI → マカロニえんぴつ Official Website

技法・技術情報

• WordPressテーマ作り方
• WordPressテーマ編集方法

プロジェクト管理

スケジュール

• スケジュール表（全体）
  
  

ToDo

---

---

2023.10.25

第9回ミーティング内容

スケジュール決定
サイトメインカラー話し合い
サイトフォント案出し
サイトマップ更新
ワイヤーフレーム更新

• スケジュール決定
  スケジュール表（全体）
  
  
• サイトメインカラー話し合い
  • 青（世界で一番好まれている色）
  • 白黒（九芸の色を定めないようにするため）
  • 五色（サイトに使いたい）
    
    
• サイトフォント案出し
  • 手書き
  • 明朝体
  • ゴシック
  • その他
    
    
• サイトマップ更新
  Googleドライブ
  
  
• ワイヤーフレーム更新
  Googleドライブ
  
  

第10回ミーティング内容

サイトマップ更新
ワイヤーフレーム更新

• サイトマップ更新
  Googleドライブ
  
  
• ワイヤーフレーム更新
  Googleドライブ
  
  
  
  

2023.10.18

第7回ミーティング内容

担当決め
サイトマップ内容仮決定

• 担当決め
  • サイトマップ　江川珠貴
  • ワイヤーフレーム　田代爽乃
  • ロゴデザイン　西山実伶　濱有希子　渡辺侑貴
    
    
• サイトマップ内容仮決定
  Googleドライブ
  
  
• 次回までにすること
  それぞれの担当内容を仕上げてくる
  
  

第8回ミーティング内容

ロゴ案決定
サイトマップ確認
ワイヤーフレーム話し合い

• ロゴ案決定
  • シンボルマーク
  • ロゴタイプ
    
    
• サイトマップ確認
  サイトマップ
  
  
• ワイヤーフレーム話し合い
  • フッター（SNSアイコン、メアド、サイトマップ、©️）
  • サイドメニュー（九芸WORKS、九産HP、九芸、言語設定、年間スケジュール、仮：お知らせ）
    
    
    
    

2023.10.11

第5回ミーティング内容

サイトマップアイデア出し
サイトロゴアイデア出し

九産大の９、パレット感、芸学の5色を入れたデザイン

• 次回までにすること
  • サイト先行事例
  • サイトマップ案
  • サイトロゴラフ
    
    

第6回ミーティング内容

• 先行事例
  色味→株式会社ABI新卒採用サイト
  構成→公立大学法人 長岡造形大学
  UI→マカロニえんぴつ Official Website
  
  
• ロゴデザイン試作
  Googleドライブ
  
  
  
  

2023.10.04

第三回ミーティング内容

アンケート内容決定・作成

• 共通
  • 展示会や芸学のプロジェクト情報の入手先（選択）
  • 普段使用している媒体の使いづらいと思う点（選択、自由記入）
  • 芸術学部のサイト（九芸）を知っているか（選択）
  • 他学科の情報（プロジェクト等）を知りたいか（選択）
  • 芸学に関するどのような情報を入手したいか（選択）
  • その他要望（自由記入）
  • 所属情報（選択）

• 学生
  • 研究に興味があるか
    • 参加したいと思うか
    • 学籍番号、名前

• 教員
  • 名前
  • 授業用の連絡先を載せていいか
    
    

第4回ミーティング

• スケジュール決め
• ToDo確認
• メニュー構成案出し（続き）
• サイトマップ制作
• ワイヤーフレーム制作
• タイトル決め
  
  
  

10月のToDo

• ワイヤーフレーム
• サイトマップ
• デザイン決め（UI、色、レイアウト）
• タイトル
• ロゴ
• 開発エンジン決め（10/15 〆切）
• アンケート内容決め（10月末）
  
  

開発エンジン別（メリット、デメリット）

WordPress　決定

• メリット
  • 管理しやすい
  • 更新しやすい
  • 参考テーマがある
  • 土台を作れば・・・
• デメリット
  • 編集にログインが必要
  • サーバーを借りる必要があ（シン・アカウント）
  • 1から作成の経験はなし
    
    

Googleサイト

• メリット
  • 操作しやすい
  • 簡単に編集できる
• デメリット
  • 安っぽい
  • レイアウトを変更できない
    
    

PukiWiki　

• メリット
  • 整理しやすい
  • 慣れたら編集が簡単
  • 大人数の編集に向いている
• デメリット
  • わからないことが多い
  • お知らせが目立たない
    
    

HTML/CSS

• メリット
  • 1から制作経験あり
  • 自由度が高い
• デメリット
  • 編集がむずかしい、知識が必要
    
    

タイトル決め

• 条件
  • 日本語
  • 芸術学部だとわかるように
  • 「九産の〜」

• アイデアメモ
  • 芸術に関する名前を入れたい
  • 掲示板的な言葉（？）
  • 産芸
  • 九芸ネットワーク
  • 九ふぉ（九産×インフォメーション）
  • KSU Art Note（KAN）仮決定
    
    

担当決め

• タイトルロゴ（KSU Art Note / KAN） →　全員
• レイアウト（スマホ、PC）　→ １人
  • UI（ボタン、メニューバー etc.）　→　２人
  • ビジュアル　→　２人
  • ページ構成　→　２人
    
    

サイトの雰囲気、方向性案

• シンプルポップ　　★
• かわいい
• パステル
• レトロ
• 手書き風
• ネオン
• ビビット
• モノクロ
• ナチュラル
• おしゃれ
• シック
• 幾何学
• モダン
• キャンバス
• ノート風
  
  
  
  

2023.09.27

第一回ミーティング内容

• ターゲット層決め
• 編集権限の範囲
• アンケート内容決定（生徒向け）
• メニュー決め（必須事項のみ）
• 概要の明確化
• 内部用か外部ありか
  
  

メモ

• ターゲット層決め
  KSU芸術学部　先生・生徒

• ニーズ
  • 芸術学部の情報の集積
  • 学部内の情報共有場所

• 編集権限の範囲
  • 先生
  • 学生運営メンバー

• 閲覧権限の範囲
  オープン（仮）
  ＊WordPressなら差別化できる（アカウント必須）

• メニュー編成
  • ホーム
    • イベント情報
    • プロジェクト情報
    • 言語設定
  • セッション
  • キャリア情報
  • 教員紹介
  • 運営コンタクト

• 次回までにやること
  • 編集権限
  • アンケート内容考える
  • メニュー項目追加あれば
    
    

メモ

https://design.kyusan-u.ac.jp/socialdesign/?芸術学部専用サイトの開発

第二回ミーティング内容

• 概要を決める
• アンケートの内容決定
• メニュー項目
• 編集権限
  
  

概要

• これは何
  芸術学生に寄り添ったサイト

• 背景
  • K’sLifeが使いにくい、依存している
  • 他学科が何をしているかわからない
  • 芸学の情報が拾いづらい
  • 情報の発信源がまとまっていない

• 目的
  芸術学部の情報がまとまっており、学生同士で情報が共有できる場所をつくる

• コンセプト
  • 情報を拾いやすく、使いやすいサイト
  • 面倒臭くならないサイト
    
    

アンケート内容

• 生徒
  • K'slife利用頻度
    (用途、利用しない理由)
  • Teamsの利用頻度
    (用途、利用しない理由)
  • どこで芸術学部関連のイベントなどの情報を得ているか
  • 他学科の情報を知りたいか
  • 芸学サイトにあってほしい項目、理由
  • その他要望
  • 興味ある人
• 教師
  • Teamsの利用頻度
    (用途、利用しない理由)
  • HTML/CSS、Word Press、PukiWiki
  • 芸学サイトにあってほしい項目、理由
  • その他要望
  • 連絡先を掲載していいかの確認

2023.09.20

メモ

• PukiWiki、HTML・CSS、Word Pressなど、どのような環境で制作していくか
• サイトの基本の構成を考える
• 芸術学部生全体へのアンケートの制作
• アンケートから、足した方がいい項目を考える
• サイトマップの制作
• ワイヤーフレームの制作
• 役割を分担し、それぞれで活動する
  
  

テーマ案

• 芸術学部内部用のWebサイト制作(グループ)
• プロジェクトノート
  
  

先行事例の調査

• ソーシャルデザイン学科
• 九州産業大学 芸術学部