渡辺侑貴/情報デザイン研究II をテンプレートにして作成

開始行:
*芸術学部専用サイト - 九芸パレット - 芸術学部生に寄り添ったサイトの考案・制作 #image(mainvisual.jpg) -''渡辺侑貴'' -'''Keywords：information, website, communication''' //-https://www.example.com //-[[プロジェクトノート>Project/九芸パレット]] //-__[[相互評価シート>https://www.example.com]]__ ← ここ... -[[九芸パレットのプロトタイプ>https://www.figma.com/proto... ~ //***CONTENTS //#contents2_1 //~ **概要 ***これは何？ //&color(red){これは何か・・を簡潔に}; 芸術学生に寄り添ったサイト ~ ***背景と目的 //&color(red){プロジェクトの背景と目的}; -背景 --K’sLifeが使いにくい --大学が情報伝達ツールとしてK’sLifeに依存している --他学科が何をしているかわからない --芸学の情報が拾いづらい --情報の発信源がまとまっていない -目的 芸術学部の情報が纏まっており、学生同士で情報が共有できる... ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; -情報が拾いやすい -整理されていて利用しやすい -スッキリと見せるためにシンプルに -丸みを帯びた形や明るい色を活用して、だれもが親しみやすく... ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -[[サイトマップ>https://drive.google.com/file/d/1zBdpHA-c... #image(sitemap20231204.jpg) -[[スマホ版ワイヤーフレーム>https://drive.google.com/driv... -[[PC版ワイヤーフレーム>https://drive.google.com/drive/fo... -[[プロトタイプ>https://www.figma.com/proto/lm0f9gAFvP0eJ... ~ ***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割... -[[江川珠貴>江川珠貴/情報デザイン研究II]]　サイトマップ、... -[[田代爽乃>田代爽乃/情報デザイン研究II]]　PC版ワイヤーフ... -[[西山実伶>西山実伶/情報デザイン研究II]]　情報管理、プロ... -[[濱有希子>濱有希子/情報デザイン研究II]]　スマホ版ワイヤ... -渡辺侑貴　スマホ版ワイヤーフレーム、プロトタイプ ~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; -ハードウエア --MacbookAir --iPad -ソフトウエア --ibisPaint --PowerPoint --Adobe Illustrator 2023 --Adobe XD --figma ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX... 2023.09.20 - 2023.12.20　（プロトタイプ完成まで） ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載し... //-中間発表 //後期までの研究内容は、九州産業大学芸術学部の先生と生徒... //今回までのグループ活動では、先走って作業を進めてしまっ... //~ //-最終発表 結論として、サイトという形式ではないが、目標である動くプ... ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問... -K's lifeが使いづらい -Teamsの利用率が低い -芸学の情報が埋もれてしまう ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹... -[[ソーシャルデザイン学科>https://design.kyusan-u.ac.jp/s... -[[九州産業大学 芸術学部>https://www.kyusan-u.ac.jp/kyuge... ~ ***参考サイト 色味 → [[株式会社ABI新卒採用サイト>https://abi-inc.co.jp/... 構成 → [[公立大学法人 長岡造形大学>https://www.nagaoka-id... UI → [[マカロニえんぴつ Official Website>http://macaronie... ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... -[[Figma使い方>https://www.profuture.co.jp/mk/column/3913... -[[Figmaアニメーション>https://help.figma.com/hc/ja/artic... //-[[WordPressテーマ作り方>https://www.conoha.jp/lets-wp/... //-[[WordPressテーマ編集方法>https://www.conoha.jp/lets-w... ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成して... [[Googleスプレッドシート>https://docs.google.com/spreadsh... ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... -%%ターゲット層の決定%% -%%スケジュール決定%% -%%サーバー決定%% -%%開発エンジンの決定%% -%%目的の明確化%% -%%コンセプト決定%% -%%サイトデザイン%% -%%プロトタイプ作成%% //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしな... //&color(red){例：10人以上の会議には出ない。苦手なことは... ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2023.12.20 ***デザインの先行事例 -[[Pinterest>https://pin.it/2F83PlQ]] ~ ***メモ -学科・全体のお知らせ（色合い） ~ ***プロジェクトミーティング -[[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.12.13 ***デザインの先行事例 -[[Pinterest>https://pin.it/2F83PlQ]] ~ ***メモ -シンプルポップ -UI、メニューの表示 ~ ***プロジェクトミーティング -[[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.12.06 ***最終発表について -K'sライフのリンク（サイトからどう繋げるか） -空き教室情報は今ある情報をうまく活用する（引き継いだ人を... -サイを改修しやすいように仕様書を作成 -学科情報はトップページに必要か -更新について詳しく記載する -学科・全体の情報の色の使い方を決めておく ~ ***メモ -発表する際は自分が担当したところを言った方が良い ~ ***プロジェクトミーティング -[[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.11.29 ***作業 -スマホ版プロトタイプのイベントページ作成 -プロトタイプ全体の文体、幅統一（微調整） 調整前 #image(prototype.png) 調整後 #image(prototype2.png) ~ ***メモ -サイトのメインカラー決定（学科の色から各自選べる仕組みに... --赤（#DA7861） --青（#5EB4EF） --緑（#61D87D） --橙（#F2BE5C） --紫（#AA70E7） -メインビジュアル作成 -プロトタイプの最終調整 ~ ***プロジェクトミーティング -[[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.11.22 ***作業 -ワイヤーフレームのボタン変更 ***メモ -丸みをおびたボタンで統一 ~ ***プロジェクトミーティング -[[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.11.15 ***作業 -スマホ版ワイヤーフレーム制作改良 [[ワイヤーフレーム1>https://drive.google.com/file/d/1kZ5s... [[ワイヤーフレーム2>https://drive.google.com/file/d/1Eg2C... |#image(Pwa1.png)|#image(Pwa2.png)| ~ ***プロジェクトミーティング -[[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.11.08 ***作業 -スマホ版ワイヤーフレーム制作 [[ワイヤーフレーム1>https://drive.google.com/file/d/1yWSo... [[ワイヤーフレーム2>https://drive.google.com/file/d/1kUzD... ~ ***プロジェクトミーティング -[[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.11.01 -中間発表 プッシュ通知ではなく、プル型の通知にした方がいい 毎日見にきてもらうようにするためには？ →毎日更新するなど方法を考える ポータルサイトとしての役割を果たすようにする ワイヤーフレームのスマホ版 情報の集め方の工夫 学部の情報収集の仕組みを整えた方がいい →広報委員などを各学科で作る ~ ***メモ [[push型とpull型とは>https://design.kyusan-u.ac.jp/OpenSq... ~ ***プロジェクトミーティング -[[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.10.25 ***作業 -サイトメインカラー話し合い -サイトフォント案出し -サイトマップ更新 -ワイヤーフレーム更新 ~ ***プロジェクトミーティング -[[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.10.18 ***作業 -ロゴデザイン作成 -サイトマップ確認 -ワイヤーフレーム話し合い -ロゴ案決定 --[[シンボルマーク>https://drive.google.com/drive/folders... --[[ロゴタイプ>https://drive.google.com/drive/folders/1D8... ~ -サイトマップ [[サイトマップ>https://drive.google.com/file/d/1Gs-Kh_Tce... ~ ***プロジェクトミーティング -[[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.10.11 ***作業 サイトロゴアイデア出し #image(rogo1.png,50%) 九産大の９、パレット感、芸学の5色を入れたデザイン -ロゴデザイン試作 [[Googleドライブ>https://drive.google.com/drive/folders/1... ~ ***プロジェクトミーティング -[[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.10.04 ***作業 -スケジュール決め -ToDo確認 -メニュー構成案出し -サイトマップ制作 -ワイヤーフレーム制作 -タイトル決め #image(i1.png,70%) ~ ***メモ --タイトルロゴ（KSU Art Note / KAN） --レイアウト（スマホ、PC）　→ １人 --UI（ボタン、メニューバー etc.） --ビジュアル --ページ構成 -サイトの雰囲気、方向性案 --シンプルポップ　　&color(red){★}; -開発エンジン決め（10/15 〆切） -アンケート内容決め（10月末） ~ ***プロジェクトミーティング -[[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.09.27 ***作業 -ターゲット層決め -編集権限の範囲 -アンケート内容決定（生徒向け） -メニュー決め（必須事項のみ） -概要の明確化 -アンケート内容 -生徒 --K'slife利用頻度 (用途、利用しない理由) --Teamsの利用頻度 (用途、利用しない理由) --どこで芸術学部関連のイベントなどの情報を得ているか --他学科の情報を知りたいか --芸学サイトにあってほしい項目、理由 --その他要望 --興味ある人 -教師 --Teamsの利用頻度 (用途、利用しない理由) --HTML/CSS、Word Press、PukiWiki --芸学サイトにあってほしい項目、理由 --その他要望 --連絡先を掲載していいかの確認 ~ ***プロジェクトミーティング -[[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.09.20 ***メモ -PukiWiki、HTML・CSS、Word Pressなど、どのような環境で制... -サイトの基本の構成を考える -芸術学部生全体へのアンケートの制作 -アンケートから、足した方がいい項目を考える -サイトマップの制作 -ワイヤーフレームの制作 -役割を分担し、それぞれで活動する ~ ***テーマ案 -芸術学部内部用のWebサイト制作(グループ) -[[プロジェクトノート>Project/九芸パレット]] ~ ***先行事例の調査 -[[ソーシャルデザイン学科>https://design.kyusan-u.ac.jp/s... -[[九州産業大学 芸術学部>https://www.kyusan-u.ac.jp/kyuge... ~ ~ ~

終了行:
*芸術学部専用サイト - 九芸パレット - 芸術学部生に寄り添ったサイトの考案・制作 #image(mainvisual.jpg) -''渡辺侑貴'' -'''Keywords：information, website, communication''' //-https://www.example.com //-[[プロジェクトノート>Project/九芸パレット]] //-__[[相互評価シート>https://www.example.com]]__ ← ここ... -[[九芸パレットのプロトタイプ>https://www.figma.com/proto... ~ //***CONTENTS //#contents2_1 //~ **概要 ***これは何？ //&color(red){これは何か・・を簡潔に}; 芸術学生に寄り添ったサイト ~ ***背景と目的 //&color(red){プロジェクトの背景と目的}; -背景 --K’sLifeが使いにくい --大学が情報伝達ツールとしてK’sLifeに依存している --他学科が何をしているかわからない --芸学の情報が拾いづらい --情報の発信源がまとまっていない -目的 芸術学部の情報が纏まっており、学生同士で情報が共有できる... ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; -情報が拾いやすい -整理されていて利用しやすい -スッキリと見せるためにシンプルに -丸みを帯びた形や明るい色を活用して、だれもが親しみやすく... ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -[[サイトマップ>https://drive.google.com/file/d/1zBdpHA-c... #image(sitemap20231204.jpg) -[[スマホ版ワイヤーフレーム>https://drive.google.com/driv... -[[PC版ワイヤーフレーム>https://drive.google.com/drive/fo... -[[プロトタイプ>https://www.figma.com/proto/lm0f9gAFvP0eJ... ~ ***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割... -[[江川珠貴>江川珠貴/情報デザイン研究II]]　サイトマップ、... -[[田代爽乃>田代爽乃/情報デザイン研究II]]　PC版ワイヤーフ... -[[西山実伶>西山実伶/情報デザイン研究II]]　情報管理、プロ... -[[濱有希子>濱有希子/情報デザイン研究II]]　スマホ版ワイヤ... -渡辺侑貴　スマホ版ワイヤーフレーム、プロトタイプ ~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; -ハードウエア --MacbookAir --iPad -ソフトウエア --ibisPaint --PowerPoint --Adobe Illustrator 2023 --Adobe XD --figma ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX... 2023.09.20 - 2023.12.20　（プロトタイプ完成まで） ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載し... //-中間発表 //後期までの研究内容は、九州産業大学芸術学部の先生と生徒... //今回までのグループ活動では、先走って作業を進めてしまっ... //~ //-最終発表 結論として、サイトという形式ではないが、目標である動くプ... ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問... -K's lifeが使いづらい -Teamsの利用率が低い -芸学の情報が埋もれてしまう ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹... -[[ソーシャルデザイン学科>https://design.kyusan-u.ac.jp/s... -[[九州産業大学 芸術学部>https://www.kyusan-u.ac.jp/kyuge... ~ ***参考サイト 色味 → [[株式会社ABI新卒採用サイト>https://abi-inc.co.jp/... 構成 → [[公立大学法人 長岡造形大学>https://www.nagaoka-id... UI → [[マカロニえんぴつ Official Website>http://macaronie... ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... -[[Figma使い方>https://www.profuture.co.jp/mk/column/3913... -[[Figmaアニメーション>https://help.figma.com/hc/ja/artic... //-[[WordPressテーマ作り方>https://www.conoha.jp/lets-wp/... //-[[WordPressテーマ編集方法>https://www.conoha.jp/lets-w... ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成して... [[Googleスプレッドシート>https://docs.google.com/spreadsh... ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... -%%ターゲット層の決定%% -%%スケジュール決定%% -%%サーバー決定%% -%%開発エンジンの決定%% -%%目的の明確化%% -%%コンセプト決定%% -%%サイトデザイン%% -%%プロトタイプ作成%% //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしな... //&color(red){例：10人以上の会議には出ない。苦手なことは... ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2023.12.20 ***デザインの先行事例 -[[Pinterest>https://pin.it/2F83PlQ]] ~ ***メモ -学科・全体のお知らせ（色合い） ~ ***プロジェクトミーティング -[[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.12.13 ***デザインの先行事例 -[[Pinterest>https://pin.it/2F83PlQ]] ~ ***メモ -シンプルポップ -UI、メニューの表示 ~ ***プロジェクトミーティング -[[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.12.06 ***最終発表について -K'sライフのリンク（サイトからどう繋げるか） -空き教室情報は今ある情報をうまく活用する（引き継いだ人を... -サイを改修しやすいように仕様書を作成 -学科情報はトップページに必要か -更新について詳しく記載する -学科・全体の情報の色の使い方を決めておく ~ ***メモ -発表する際は自分が担当したところを言った方が良い ~ ***プロジェクトミーティング -[[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.11.29 ***作業 -スマホ版プロトタイプのイベントページ作成 -プロトタイプ全体の文体、幅統一（微調整） 調整前 #image(prototype.png) 調整後 #image(prototype2.png) ~ ***メモ -サイトのメインカラー決定（学科の色から各自選べる仕組みに... --赤（#DA7861） --青（#5EB4EF） --緑（#61D87D） --橙（#F2BE5C） --紫（#AA70E7） -メインビジュアル作成 -プロトタイプの最終調整 ~ ***プロジェクトミーティング -[[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.11.22 ***作業 -ワイヤーフレームのボタン変更 ***メモ -丸みをおびたボタンで統一 ~ ***プロジェクトミーティング -[[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.11.15 ***作業 -スマホ版ワイヤーフレーム制作改良 [[ワイヤーフレーム1>https://drive.google.com/file/d/1kZ5s... [[ワイヤーフレーム2>https://drive.google.com/file/d/1Eg2C... |#image(Pwa1.png)|#image(Pwa2.png)| ~ ***プロジェクトミーティング -[[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.11.08 ***作業 -スマホ版ワイヤーフレーム制作 [[ワイヤーフレーム1>https://drive.google.com/file/d/1yWSo... [[ワイヤーフレーム2>https://drive.google.com/file/d/1kUzD... ~ ***プロジェクトミーティング -[[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.11.01 -中間発表 プッシュ通知ではなく、プル型の通知にした方がいい 毎日見にきてもらうようにするためには？ →毎日更新するなど方法を考える ポータルサイトとしての役割を果たすようにする ワイヤーフレームのスマホ版 情報の集め方の工夫 学部の情報収集の仕組みを整えた方がいい →広報委員などを各学科で作る ~ ***メモ [[push型とpull型とは>https://design.kyusan-u.ac.jp/OpenSq... ~ ***プロジェクトミーティング -[[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.10.25 ***作業 -サイトメインカラー話し合い -サイトフォント案出し -サイトマップ更新 -ワイヤーフレーム更新 ~ ***プロジェクトミーティング -[[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.10.18 ***作業 -ロゴデザイン作成 -サイトマップ確認 -ワイヤーフレーム話し合い -ロゴ案決定 --[[シンボルマーク>https://drive.google.com/drive/folders... --[[ロゴタイプ>https://drive.google.com/drive/folders/1D8... ~ -サイトマップ [[サイトマップ>https://drive.google.com/file/d/1Gs-Kh_Tce... ~ ***プロジェクトミーティング -[[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.10.11 ***作業 サイトロゴアイデア出し #image(rogo1.png,50%) 九産大の９、パレット感、芸学の5色を入れたデザイン -ロゴデザイン試作 [[Googleドライブ>https://drive.google.com/drive/folders/1... ~ ***プロジェクトミーティング -[[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.10.04 ***作業 -スケジュール決め -ToDo確認 -メニュー構成案出し -サイトマップ制作 -ワイヤーフレーム制作 -タイトル決め #image(i1.png,70%) ~ ***メモ --タイトルロゴ（KSU Art Note / KAN） --レイアウト（スマホ、PC）　→ １人 --UI（ボタン、メニューバー etc.） --ビジュアル --ページ構成 -サイトの雰囲気、方向性案 --シンプルポップ　　&color(red){★}; -開発エンジン決め（10/15 〆切） -アンケート内容決め（10月末） ~ ***プロジェクトミーティング -[[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.09.27 ***作業 -ターゲット層決め -編集権限の範囲 -アンケート内容決定（生徒向け） -メニュー決め（必須事項のみ） -概要の明確化 -アンケート内容 -生徒 --K'slife利用頻度 (用途、利用しない理由) --Teamsの利用頻度 (用途、利用しない理由) --どこで芸術学部関連のイベントなどの情報を得ているか --他学科の情報を知りたいか --芸学サイトにあってほしい項目、理由 --その他要望 --興味ある人 -教師 --Teamsの利用頻度 (用途、利用しない理由) --HTML/CSS、Word Press、PukiWiki --芸学サイトにあってほしい項目、理由 --その他要望 --連絡先を掲載していいかの確認 ~ ***プロジェクトミーティング -[[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.09.20 ***メモ -PukiWiki、HTML・CSS、Word Pressなど、どのような環境で制... -サイトの基本の構成を考える -芸術学部生全体へのアンケートの制作 -アンケートから、足した方がいい項目を考える -サイトマップの制作 -ワイヤーフレームの制作 -役割を分担し、それぞれで活動する ~ ***テーマ案 -芸術学部内部用のWebサイト制作(グループ) -[[プロジェクトノート>Project/九芸パレット]] ~ ***先行事例の調査 -[[ソーシャルデザイン学科>https://design.kyusan-u.ac.jp/s... -[[九州産業大学 芸術学部>https://www.kyusan-u.ac.jp/kyuge... ~ ~ ~

ページ名: