• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 田代爽乃/情報デザイン研究II へ行く。
  • 1 (2023-09-20 (水) 14:19:53)
  • 2 (2023-09-20 (水) 16:50:13)
  • 3 (2023-09-25 (月) 15:55:45)
  • 4 (2023-09-27 (水) 15:26:29)
  • 5 (2023-10-11 (水) 16:37:15)
  • 6 (2023-10-11 (水) 16:37:15)
  • 7 (2023-10-11 (水) 16:37:15)
  • 8 (2023-10-11 (水) 16:37:15)
  • 9 (2023-10-11 (水) 16:37:15)
  • 10 (2023-10-11 (水) 16:37:15)
  • 11 (2023-11-01 (水) 12:23:15)
  • 12 (2023-11-01 (水) 16:32:36)
  • 13 (2023-11-01 (水) 16:32:36)
  • 14 (2023-11-01 (水) 16:32:36)
  • 15 (2023-11-01 (水) 16:32:36)
  • 16 (2023-11-29 (水) 14:01:44)
  • 17 (2023-12-04 (月) 18:13:22)
  • 18 (2023-12-06 (水) 13:45:20)
  • 19 (2023-12-06 (水) 13:45:20)
  • 20 (2023-12-06 (水) 13:45:20)
  • 21 (2023-12-06 (水) 13:45:20)

---

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

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

• 田代爽乃
• Keywords：information, website, communication
• 九芸パレットのプロトタイプ
  
  

概要

これは何？

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

背景と目的

背景

• K’sLifeが使いにくい
• 大学が情報伝達ツールとしてK’sLifeに依存している
• 他学科が何をしているかわからない
• 芸学の情報が拾いづらい
• 情報の発信源がまとまっていない
  
  

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

コンセプト

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

成果物の仕様

webサイト

• サイトマップ
  
  
  
• スマホ版ワイヤーフレーム
  
  
• PC版ワイヤーフレーム
  
  
• プロトタイプ
  
  

メンバー

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

制作ツール

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

プロジェクトの期間

2023.09.20 - 2023.12.20

まとめ

サイトという形式ではないが、目標である動くプロトタイプを完成させることができた。
最近では、スマホで手軽に情報を得る人が多いことから、スマホ規格で制作を進めることが主流になりつつあることを知った。そのため、私たちもワイヤーフレームやプロトタイプはスマホ規格で作成し、スマホでの利用を意識した制作を進めている。今後の制作でも利用する人のことを考え、このサイトのニーズである学生間の交流がやり易い環境開発を目指す。
また、本制作はwordpressで行うため子テーマの作成やPHPの理解など、勉強も同時に行っていこうと思います。

調査

現状調査

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

先行事例

• ソーシャルデザイン学科
• 九州産業大学 芸術学部
• 株式会社ABI新卒採用サイト
• 公立大学法人 長岡造形大学
• マカロニえんぴつ Official Website
  
  

技法・技術情報

• Figma使い方
• Figmaアニメーション
  
  
  
  

プロジェクト管理

スケジュール

Googleスプレッドシート

ToDo

• ターゲット層の決定
• スケジュール決定
• サーバー決定
• 開発エンジンの決定
• 目的の明確化
• コンセプト決定
• サイトデザイン
• プロトタイプ作成

---

---

2023.11.29

Figmaでの共同作業(学内情報)
プロトタイプ

プロジェクトミーティング

プロジェクトノート

2023.11.22

Web版ワイヤーフレームの修正

Web版ワイヤーフレーム

プロジェクトミーティング

プロジェクトノート

2023.11.15

プロトタイプに使用するWordPressテーマの調査

• Lightning
• Cocoon
• XeoryExtension
• Fukasawa
• OnePress
  
  

プロジェクトミーティング

プロジェクトノート

2023.11.08

スマホ版ワイヤーフレーム案の制作
AdobeXD

プロジェクトミーティング

プロジェクトノート

2023.11.01

プロジェクトミーティング

プロジェクトノート

2023.10.25

ワイヤーフレームの制作

• ワイヤーフレーム1
• ワイヤーフレーム2
• ワイヤーフレーム3
  
  

プロジェクトミーティング

プロジェクトメモサイト

2023.10.18

ワイヤーフレームの制作(仮)

• ワイヤーフレーム(仮)
  
  

プロジェクトミーティング

プロジェクトノート

2023.10.11

先行事例

個人での調査

• ソーシャルデザイン学科
• 九州産業大学 芸術学部
• 九芸WORKS
• 公立大学法人 長岡造形大学
• 映画「窓辺にて」公式サイト
• tumugi助産院
• マカロニえんぴつ Official Website
• 森と踊る
  
  

プロジェクトミーティング

プロジェクトノート

2023.10.04

10月のToDo

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

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

WordPress　決定

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

タイトル決め

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

担当決め

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

プロジェクトミーティング

プロジェクトノート

2023.09.27

アンケート内容の決定

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

プロジェクトミーティング

プロジェクトノート

2023.09.20

メモ

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

テーマ案

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

先行事例の調査

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

プロジェクトミーティング

プロジェクトノート