LogoMark.png

出光美心/情報デザイン研究I のバックアップソース(No.16)

#author("2023-05-30T02:41:07+09:00","default:member","member")
*Pen Plan
楽しい手帳・・・・・・・・・・・・・・・・ 
#image(Pen-Plan.jpg)
-''Idemitsu Miko''
-'''Keywords：website, planer, analog, ・・・'''
-https://idmt-mk.github.io/Pen-Plan/
//-__[[相互評価シート>https://www.example.com]]__  ← ここからコメントをお願いします。
~
//-[[スケジュール管理についてのアンケート>https://docs.google.com/forms/d/e/1FAIpQLScx89M6SRmL_AVQe1eMvZapXW2TlSn9KQDwTx4Tlq-9JXTg7A/viewform?usp=sf_link]]
//↑よければご協力お願いします
~


**概要
***これは何？
//&color(red){これは何か・・を簡潔に};
誰でもダウンロードできる手帳のリフィルを公開しているWebサイト
~

***背景と目的
//&color(red){プロジェクトの背景と目的};
スケジュール管理をアプリで管理する人が増えている。確かにスケジュール管理は書き直しがしやすいデジタルのほうが無料で使えて、しかも使いやすく見やすい。しかしアプリでは、自分でカスタマイズできなかったり自分は使わない機能が多く入っていたり、不便な部分もある。そこで自分で書く手帳の楽しさや便利さ、手書きの良さを若い人に知ってもらうwebサイトを作る。

~

***コンセプト
//&color(red){基本的な考え方、枠組み、視点など};
手帳の良さに気づいてもらうためにスケジュール管理目的だけではない、一風変わったリフィルを配布することで手帳を使ってみたくなるようなきっかけを作るwebサイトとリフィルを作成する。
~

***成果物の仕様
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
Webサイト
ワイヤーフレーム
サイトマップ
リフィル数枚(バイブルサイズ 128mm×182mm)
~

//***メンバー
//&color(red){共同プロジェクトの場合のみ｜メンバーと役割分担を明記};
//~

***制作ツール
//&color(red){使用するツール｜ハードウエア・ソフトウエア};
procreate
Adobe Illustrator
Adobe InDesign
HTML
~

***プロジェクトの期間
//&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX };
~

***まとめ
//&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。};
~
~


**調査

***現状調査
//&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し};
~

***先行事例
//&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など};
-[[ほぼ日手帳Download City>https://www.1101.com/store/techo/ja/download/]]
-[[F-MEMO>https://f-memo.com/refill-daily-planner/]]
-[[ONLINE MARK'S>https://www.online-marks.com/Page/system-techo/download/]]
-[[nicotto>https://nicotto.buyshop.jp/]]
-[[TECHOUTIME>https://techo-mamacarrielife.shop/]]
リフィル制作、サイト作成の参考になりそう
~

***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関する調査};
|#youtube(YZz2VuYbcvg)|#youtube(sflCFVISzII)|
-[[手帳リフィル工房>https://refill-studio.com/2965.html]]
リフィル作成の参考になりそう

~
~

**プロジェクト管理

***スケジュール
//&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。};
[[スケジュール表>https://docs.google.com/spreadsheets/d/1fzPUl_0val9SuHtv1JiZVFSVCrXaD02jmKXlRREalr4/edit?usp=sharing]]
~

***ToDo
//&color(red){やるべきこと（タスク）を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};
-ワイヤーフレーム・サイトマップの作成
-サイト制作
-リフィルの内容決め
-リフィル制作

//***NotToDo
//&color(red){やらないこと：何をするかではなく「何をしないか」を考える};
//&color(red){例：10人以上の会議には出ない。苦手なことは誰かに頼む・・};

~
~

#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。};
#hr
~
~



//**20XX.XX.XX
//***XXXX
//-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
//-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯
//~
//***XXXXXXX
//-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
//-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
//~
//~
**2023.05.23
***中間発表で出た改善点
-アンケートのその他の結果が分かりやすいようにする
-リフィルを家のプリンターで印刷しやすいサイズにして使いやすくする
-実際に使ってみたところをサイトに載せる
-利用規約の変更する　IDをリフィルに入れて二次配布・商用利用禁止をなくす
-背景と目的を変更する　デジタル否定ではない分を考える
-デジタルでも使えそうな案を入れる
-サイトのダウンロードボタンをわかりやすく
~

-[[スケジュール管理についてのアンケート結果まとめ>https://docs.google.com/spreadsheets/d/1NbF-8tPbTgn19Vr4HtM7rg581mnWn-VtQtj1q-Ei8PA/edit?usp=sharing]]
~

***webサイトの作成
-[[GitHub>https://github.com/IDMT-MK/Pen-Plan.git]]
-[[現在の進捗>https://idmt-mk.github.io/Pen-Plan/]]
~

***リフィル作成
&image(推しプレイリスト.png,,30%);&image(推し活ライブレポート.png,,30%);
~
~

**2023.05.16
***webサイトの作成
-[[GitHub>https://github.com/IDMT-MK/Pen-Plan.git]]
-[[現在の進捗>https://idmt-mk.github.io/Pen-Plan/]]
~

***リフィル作成
&image(推し紹介シート.png,,30%);&image(ツイッター風日記.PNG,,30%);&image(インスタ風日記.PNG,,30%);&image(シール1.jpg,,30%);&image(シール2.jpg,,30%);
~
***シンボルマークとロゴタイプの作成
#image(Pen-Plan.jpg)
ロゴタイプだけだと堅苦しく面白味もなかったので、どんなものだろうと興味を持ってもらうためにシンボルマークを作成することにした。「pen」とペンギンをかけてシンボルマークにはペンギンにした。プランは手帳は英語で「planner」なので二つを合わせて「Pen　Plan」という名前にした。また、ロゴタイプのフォントには「Bukhari　Script(ブーカリ　スクリプト)」を使用している。平仮名の方は自分で作字した。
#clear
~
~

**2023.05.09
***webサイトの作成
-[[GitHub>https://github.com/IDMT-MK/NOTEBOOK2]]
-[[現在の進捗>https://idmt-mk.github.io/NOTEBOOK2/]]
~
~
**2023.05.02
***スケジュール表の作成
~
***webサイトの作成
[[GitHub>https://github.com/IDMT-MK/NOOTEBOOK.git]]
~
~
**2023.04.25
-[[スケジュール管理についてのアンケート>https://docs.google.com/forms/d/e/1FAIpQLScx89M6SRmL_AVQe1eMvZapXW2TlSn9KQDwTx4Tlq-9JXTg7A/viewform?usp=sf_link]]の作成
-[[サイトマップ>https://photos.app.goo.gl/nSsbo7wbgNeTqSMB9]]
-[[ワイヤーフレーム>https://photos.app.goo.gl/MMRUg4Rd9ZYA2NzbA]]
~
~
**2023.04.18
***先行事例
-[[ほぼ日手帳Download City>https://www.1101.com/store/techo/ja/download/]]
-[[F-MEMO>https://f-memo.com/refill-daily-planner/]]
-[[ONLINE MARK'S>https://www.online-marks.com/Page/system-techo/download/]]
-[[nicotto>https://nicotto.buyshop.jp/]]
-[[TECHOUTIME>https://techo-mamacarrielife.shop/]]
リフィル制作、サイト作成の参考になりそう
~
***技術的なものに関すること
|#youtube(YZz2VuYbcvg)|#youtube(sflCFVISzII)|
-[[手帳リフィル工房>https://refill-studio.com/2965.html]]
リフィル作成の参考になりそう
~
-[[TEMPLATE PARTY>https://template-party.com/]]
-[[HTML5UP>https://html5up.net/]]
サイトのテンプレートが無料で使えるサイト
~
-[[cacoo>https://cacoo.com/ja/templates]]
サイトマップ・ワイヤーフレーム作成に使えそうなツール
~
~
**2023.04.11
***先輩方の先行研究の調査
-[[鹿毛鈴菜さんの研究>http://design.kyusan-u.ac.jp/socialdesign/?%E9%B9%BF%E6%AF%9B%E9%88%B4%E8%8F%9C/%E6%83%85%E5%A0%B1%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E7%A0%94%E7%A9%B6I]]
商品を自分で考えてブランディングしている
-[[川村晋太郎さんの研究>http://design.kyusan-u.ac.jp/socialdesign/?%E5%B7%9D%E6%9D%91%E6%99%8B%E5%A4%AA%E9%83%8E/%E6%83%85%E5%A0%B1%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E7%A0%94%E7%A9%B6I]]
アニメーションの参考になりそう
-[[髙橋結さんの研究>http://design.kyusan-u.ac.jp/socialdesign/?%E9%AB%99%E6%A9%8B%E7%B5%90/%E6%83%85%E5%A0%B1%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E7%A0%94%E7%A9%B6I]]
フリーイラストサイトの制作の際に参考になりそう
-[[大隈莞名さんの研究>http://design.kyusan-u.ac.jp/socialdesign/?%E5%A4%A7%E9%9A%88%E8%8E%9E%E5%90%8D/%E6%83%85%E5%A0%B1%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E7%A0%94%E7%A9%B6I]]
手帳のリフィル制作やWebサイトの参考になりそう
~
***やりたいことの書き出し
-Webサイトを作りたい
-趣味の絵を描くことを活かしたい
-作った物の販売
-色んな人が使えるものが作りたい
-手帳のリフィルをダウンロード出来るサイト
-フリーイラストサイト
~
~

~