#author("2023-07-17T03:18:45+09:00","default:member","member") #author("2023-07-17T03:24:00+09:00","default:member","member") *Pen Plan 楽しい手帳 #slider(center,100%,h1,3000,2000,slider1.jpg,slider2.jpg,slider3.jpg,slider6.jpg,slider4.jpg,slider5.jpg) -''Idemitsu Miko'' -'''Keywords：website, planer, analog, ・・・''' -https://idmt-mk.github.io/Pen-Plan/ -[[リフィル(B6サイズB5サイズ)とその他画像>https://drive.google.com/drive/folders/1A46QU7nXEDrLw6GgajI9-dE_crNLLE2z?usp=sharing]] //-__[[相互評価シート>https://www.example.com]]__ ← ここからコメントをお願いします。 ~ ~ **概要 ***これは何？ //&color(red){これは何か・・を簡潔に}; 誰でもダウンロードできる手帳のリフィルを公開しているWebサイト ~ ***背景と目的 //&color(red){プロジェクトの背景と目的}; スケジュールをアプリで管理する人が増えている。確かにスケジュール管理は書き直しがしやすいデジタルのほうが無料で使えて、しかも使いやすく見やすい。しかしアプリでは、自分でカスタマイズできなかったり自分は使わない機能が多く入っていたり、不便な部分もある。そこで自分で書く手帳の楽しさや便利さ、手書きの良さを若い人に知ってもらうwebサイトを作る。 ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; 手帳の良さに気づいてもらうためにスケジュール管理目的だけではない、一風変わったリフィルを配布することで手帳を使ってみたくなるようなきっかけを作るwebサイトとリフィルを作成する。 また、スマホを使っている人でも興味を持ってもらえるようにデジタルでもリフィルを配布する。 ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -[[Webサイト>https://idmt-mk.github.io/Pen-Plan/]] -[[リフィル(B6サイズB5サイズ)とその他画像>https://drive.google.com/drive/folders/1A46QU7nXEDrLw6GgajI9-dE_crNLLE2z?usp=sharing]] -ワイヤーフレーム &image(ワイヤーフレーム1.jpg,,25%);&image(ワイヤーフレーム2.jpg,,25%);&image(ワイヤーフレーム3.jpg,,25%);&image(ワイヤーフレーム4.jpg,,25%); -サイトマップ #image(サイトマップ.png) ~ //***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割分担を明記}; //~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; procreate Adobe Illustrator Adobe InDesign HTML ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX }; プロジェクトの期間｜2023.04.11 - 2023.07.11 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; 今回の研究では、使う側のことをもっと具体的に細かく想像して制作する必要があると学んだ。アンケートやwebサイトのデザインなど使ってもらう側のことを詳細に想像して制作する必要があると感じた。 リフィルを知人に使ってもらったところ、スケジュール管理のように書かなければいけないという義務感がなくなったため始めやすいと感想をもらった。他にも趣味のことだと書きやすい、好きなリフィルを自分で選べるのが良いと感想をもらった。 webサイトの制作でつまづいた時などは、本やインターネットで調べたり先生方に助言をいただいたり、webサイトの開発者調査ツールでどんな風にコードが書かれているか調査することで問題を解決した。 まだまだWebサイトやadobeの知識が自分のやりたいことをやるために足りていないので、これからの制作で実際に作りながらもっと深く学んでいきたい。 ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; 自分で行ったアンケート調査 -[[スケジュール管理についてのアンケート結果まとめPDF>https://drive.google.com/file/d/1A6pB2KVtAfAdbwsCo_YlqNP10RxxQiVT/view?usp=sharing]] -[[スケジュール管理についてのアンケート結果まとめ(自分でスプレッドシートでまとめたもの)>https://docs.google.com/spreadsheets/d/1NbF-8tPbTgn19Vr4HtM7rg581mnWn-VtQtj1q-Ei8PA/edit?usp=sharing]] その他の回答はスプレッドシートのほうが見やすいかもしれません ~ その他手帳について調査しているサイト -[[【LINEリサーチ】手帳の使用率、「紙派」と「デジタル/アプリ派」は約4割でほぼ同じ割合 紙は「使い慣れているから」、デジタル/アプリは「いつでもアクセスできる」が使う理由のTOPに >https://prtimes.jp/main/html/rd/p/000002837.000001594.html]] ~ ***先行事例 //&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.07.11 ***webサイトの作成 -[[GitHub>https://github.com/IDMT-MK/Pen-Plan.git]] -[[現在の進捗>https://idmt-mk.github.io/Pen-Plan/]] 変更した点 -スマホはPDFからPNGに変更 -ヘッダー画像をクリックするとホーム画面に飛べるように変更 -スムーズスクロールを追加 -スムーススクロールを追加 ~ ~ **2023.07.04 ***webサイトの作成 -[[GitHub>https://github.com/IDMT-MK/Pen-Plan.git]] -[[現在の進捗>https://idmt-mk.github.io/Pen-Plan/]] スライダー用の画像の追加 #image(slider6.jpg,,50%) ~ ~ **2023.06.27 ***最終発表の改善点 -JavaScriptが読み込めていない -スマホはJPGまたはPNGがよい -メニューとは別でホーム画面に飛べるようにする -アレンジの例も載せる(カラフルにしたもの) -学科サイトの文章を考え直し ***webサイトの作成 -[[GitHub>https://github.com/IDMT-MK/Pen-Plan.git]] -[[現在の進捗>https://idmt-mk.github.io/Pen-Plan/]] ~ ~ **2023.06.20 ***webサイトの作成 -[[GitHub>https://github.com/IDMT-MK/Pen-Plan.git]] -[[現在の進捗>https://idmt-mk.github.io/Pen-Plan/]] -サイトの最終調整 ~ ~ **2023.06.13 ***webサイトの作成 -[[GitHub>https://github.com/IDMT-MK/Pen-Plan.git]] -[[現在の進捗>https://idmt-mk.github.io/Pen-Plan/]] -スライダー用の画像と使用例の作成 ~ ~ **2023.06.06 ***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.30 ***webサイトの作成 -[[GitHub>https://github.com/IDMT-MK/Pen-Plan.git]] -[[現在の進捗>https://idmt-mk.github.io/Pen-Plan/]] ~ ***リフィル・アイコン作成 リフィル掲載の仕方を変更。それに伴いアイコンを作成 &image(シールシート3.jpg,,30%);&image(推し活リフィルアイコン.jpg,,30%);&image(おふざけリフィルアイコン.jpg,,30%);&image(シールシートアイコン.jpg,,30%); ~ ~ **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サイトを作りたい -趣味の絵を描くことを活かしたい -作った物の販売 -色んな人が使えるものが作りたい -手帳のリフィルをダウンロード出来るサイト -フリーイラストサイト ~ ~ ~