#author("2023-10-18T15:18:12+09:00;2023-07-18T10:52:43+09:00","default:member","member") #author("2024-03-08T16:30:10+09:00;2023-07-18T10:52:43+09:00","default:inoue.ko","inoue.ko") *届けよう 手紙のデザインをまとめるサイト //SubTitle ・・・・・・・・・・・・・・・・ #image(tegami-main3.png) -''渡辺 侑貴'' -'''Keywords:Letter,template,design''' -http://myideasite.wp.xdomain.jp //-__[[手紙テンプレートサイトについて>https://docs.google.com/forms/d/e/1FAIpQLSdw2ScH3erpqRbmPAp_SUxi7CNoDaOux7Dr_vNvfgN6K8-n-Q/viewform?usp=sharing]]__ //↑ここからアンケート入力をお願いします。 //-回答にご協力ありがとうございました。 //[[アンケート結果>https://docs.google.com/spreadsheets/d/1U6Jdg5BytgxeU61ibA5rK3KMBK9O00PzWAFq9QCqyME/edit?usp=sharing]] //-__[[相互評価シート>https://www.example.com]]__ ← ここからコメントをお願いします。 ~ //RIGHT:[[▶︎ 動画解説>渡辺侑貴/Subject]] //***CONTENTS //#contents2_1 //~ **概要 ***これは何? 手紙のデザインテンプレートをまとめたWebサイト //&color(red){これは何か・・を簡潔に}; ~ ***背景と目的 -背景 手紙離れが増えてきている --スマホやインターネットが普及した今、手紙を書く人が減ってきている。 -目的 手紙を書きたくなるようなデザイン制作 --デザインによってジャンル分けし、印刷しやすいように画像を掲載する。 //&color(red){プロジェクトの背景と目的}; ~ ***コンセプト -手紙を書きたくなるようなデザイン -見やすく分かりやすいWebサイト //&color(red){基本的な考え方、枠組み、視点など}; ~ ***成果物の仕様 -[[webサイト>http://myideasite.wp.xdomain.jp]] -サイトマップ #image(sitemap2.png,70%) -ワイヤーフレーム |#image(wf7.png)|#image(wf8.png)|#image(wf9.png)| -__[[手紙テンプレート>https://drive.google.com/drive/folders/1Zz0uFKmqvWX2w026FqVSBVWtxYrz3HJd?usp=sharing]]__ //&color(red){&small(成果物の形式・サイズ・時間尺等);}; ~ //***メンバー //&color(red){共同プロジェクトの場合のみ|メンバーと役割分担を明記}; ~ ***制作ツール -WordPress -Adobe Illustrator -Mac -アイビス //&color(red){使用するツール|ハードウエア・ソフトウエア}; ~ ***プロジェクトの期間 2023.04.11~ 2023.07.11 //&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX }; ~ ***まとめ 今回手紙のテンプレートサイトを作るにあたって、アンケート調査をすることで手紙離れの現状をより詳しく知ることができた。手紙のデザインはある程度柄を決め、色違いを意識した。 アンケート結果を参考に完成品をダウンロード画面に掲載することで、完成品の想像がつきやすいサイトになった。 //5W2H //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; ~ ~ **調査 ***現状調査 手紙をもらう人、書く人が少ない 手紙のテンプレートサイトはいくつかある __[[アンケート結果>https://docs.google.com/spreadsheets/d/1U6Jdg5BytgxeU61ibA5rK3KMBK9O00PzWAFq9QCqyME/edit?usp=sharing]]__ |#image(a1.png)|#image(a2.png)| |#image(sa1.png)|#image(sa2.png)|#image(sa3.png)| //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; ~ ***先行事例 [[手紙のテンプレート>https://www.canva.com/ja_jp/letters/templates/]] [[便箋テンプレート>https://www.design-ac.net/free-template/letters]] [[【印刷可】便箋テンプレートが無料でダウンロードできるサイトのまとめ!>https://blog.marswee.com/entry/letter-template-free]] //下に書いた先行事例をまとめ直す //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; ~ //***技法・技術情報チャレンジしたことない技術や知識の場合書かなくていい //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; ~ ~ **プロジェクト管理 ***スケジュール [[スケジュール表>https://docs.google.com/spreadsheets/d/1RGoBhDpGJvQ0A_QvLxRR3Stnk51dXxNYkUlmFHt6hmQ/edit?usp=sharing]] //&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。}; ~ ***ToDo -%%テーマ決め%% -%%スケジュール制作%% -%%キーワードを書き、アイデアを3案%% -%%WordPress制作%% -%%サイトマップ制作%% -%%ワイヤーフレーム制作%% -%%メインビジュアル制作%% //-ポスター作り //-PV作り //&color(red){やるべきこと(タスク)を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」}; //***NotToDo //- //&color(red){やらないこと:何をするかではなく「何をしないか」を考える}; //&color(red){例:10人以上の会議には出ない。苦手なことは誰かに頼む・・}; ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。}; #hr ~ **2023.07.18 ***進捗状況 -__[[テンプレートサイズ修正>https://drive.google.com/drive/folders/1Zz0uFKmqvWX2w026FqVSBVWtxYrz3HJd?usp=sharing]]__ -手紙デザイン変更 -サイト編集 -まとめ書き直し -メインビジュアル変更 #image(tegami-main3.png,50%) ~ ***最終発表 -サイトにaboutページを作る -ダウンロードを分かりやすく -pngからpdf配布に変更(画質がよくなる) -完成品をサイトに載せる |#image(haru1.jpg)|#image(natu1.jpg)|#image(aki1.jpg)| |#image(fuyu1.jpg)|#image(si1.jpg)|#image(meda1.jpg)| ~ ***アンケート結果 |#image(sa1.png)|#image(sa2.png)|#image(sa3.png)| ~ ~ **2023.07.07 ***進捗状況 -[[テンプレートサイズ修正>https://drive.google.com/drive/folders/122QPBR_O3so6acVbl1bO5itV9JF9IjDq?usp=sharing]] -メインビジュアル変更 #image(tegami-main2.png,50%) ~ ***メモ -フチ無し印刷推奨 ~ ~ **2023.06.27 ***進捗状況 -サイト編集 -記事投稿 -__[[手紙テンプレート>https://drive.google.com/drive/folders/1u3vG0cHrkbwHZxtZGlgBLdTpMkUjBTAE?usp=sharing]]__ -メインビジュアル変更 #image(tegami-main1.png,50%) ~ ***メモ -デザイン案(七宝つなぎ、春、夏、秋、冬) -色違い -七宝つなぎとは…円形が永遠に連鎖し繋がるこの柄に、円満、調和、ご縁などの願いが込められた縁起の良い柄 -洋型2号のサイズに変更する -封筒素材館 ~ ~ **2023.06.20 ***進捗状況 -%%カテゴリー表記の非表示%% -サイト編集 -記事投稿 ~ ***メモ -前期のまとめをし、後期取り組むことの確認 -ロゴだけではなく実物の写真も載せる -追加CSS以外にコードを入力するとバグる -他サイトと比較 ~ ~ **2023.06.19 ***進捗状況 -デザイン案3個(スケッチブック) -サイトマップ制作 #image(sitemap2.png,50%) ~ -ワイヤーフレーム制作 |#image(wf7.png)|#image(wf8.png)|#image(wf9.png)| -サイト編集 -[[洋型2号(フライパンの便箋)>https://drive.google.com/file/d/1YdV42Hrpzg42eG3RijEnxNCsfpUXih6A/view?usp=sharing]] ~ ***メモ -アナログで書く手紙の良さについて再考 ~ ~ **2023.06.13 ***進捗状況 -[[枠線>https://drive.google.com/file/d/1PWwSgGFBDvqQpYl2lARpXQKrgCg4VwB9/view?usp=sharing]] -封筒試作(洋型2号) ~ ***メモ -書き出し→Web用に保存→PNG-24 -枠線テンプレート -A4の半分がA5(便箋の大きさ) -封筒は定形封筒、洋形2号(162×114)、A5二つ折り -25g以内は84円切手 -[[封筒のサイズ>https://www.daiichiinsatsu.co.jp/200_support/2306_fuutou.htm]] -[[封筒の作り方>https://instructivesite.net/2806.html]] -画像をサイトからダウンロードすると小さくなる→パソコンの場合一度デスクトップ上に置いて印刷すると、画像サイズは元のままになる。 ~ ~ **2023.06.09 ***進捗状況 __[[アンケート結果>https://docs.google.com/spreadsheets/d/1U6Jdg5BytgxeU61ibA5rK3KMBK9O00PzWAFq9QCqyME/edit?usp=sharing]]__ ~ ***メモ -用途によってジャンル分け --誕生日、おめでたい時、その他 -手紙のサイズ、枠線 ~ ~ **2023.06.06 ***進捗状況 -[[手紙デザイン>https://drive.google.com/drive/folders/1e4uz0CKpzN88aIj_U6jsVPUioXjv6pFf?usp=share_link]] ~ ***中間まとめ -研究内容が決まり本格的にサイト作りに取り組めた -手紙のデザインがまだ出来ていないので、10案ほど考え完成次第テンプレートを投稿していく ~ ~ **2023.05.30 ***進捗状況 -メインビジュアル・ロゴ制作 #image(tegami-main.png,50%) 手紙が誰かに届けられる流れ、手紙をもらい嬉しい気持ちを表現 ~ -サイトマップ制作 #image(sitemap1.png,50%) ~ -ワイヤーフレーム制作 |#image(wf4.png)|#image(wf5.png)|#image(wf6.png)| -手紙デザイン 目玉焼き #image(medamayaki.jpg,30%) 便箋2、封筒1(A4、2枚) -[[A4の紙で封筒の作り方>https://youtu.be/dtThlbOtkXs]] ~ ***メモ -前期5個、後期5個 ~ ~ **2023.05.23 ***進捗状況 -ワイヤーフレーム制作 |#image(wf1.png)|#image(wf2.png)|#image(wf3.png)| ~ ***手紙について -[[手紙の歴史>Wikipedia:手紙]] -[[日本の手紙の歴史>https://intojapanwaraku.com/rock/culture-rock/7296/]] ~ ***アンケート結果 |#image(a1.png)|#image(a2.png)| 手紙を書く時便箋にこだわりますか?という質問に約74%の人がこだわると答えた。 ~ ~ **2023.05.16 ***進捗状況 -アンケート調査 -仮メインビジュアル掲載 -サイトマップ制作 #image(sitemap.png,50%) ~ ***先行研究の調査 -[[flying letter>https://gigazine.net/news/20111121_flying_letter/]] -[[バター風レター メッセージカード>https://yamadastationery.jp/cobato__バター風レター_メッセージカード-cobato(コバト)/p/10004754/]] -[[堀田七海/情報デザイン研究I]] -[[渡部楓花/情報デザイン研究I]] ~ ~ **2023.05.09 ***進捗状況 -テーマ決め -デザインの案出し -サイト更新 -Googleフォームの制作 ~ ***先行研究の調査 -[[手紙のテンプレート>https://www.canva.com/ja_jp/letters/templates/]] -[[便箋テンプレート>https://www.design-ac.net/free-template/letters]] -[[【印刷可】便箋テンプレートが無料でダウンロードできるサイトのまとめ!>https://blog.marswee.com/entry/letter-template-free]] -[[「手紙に関する意識調査」結果発表!>https://www.kumon.ne.jp/kumonnow/topics/vol228/]] ~ ***メモ -アンケート実施 ~ ~ **2023.05.02 ***進捗状況 -WordPressでサイト制作 -仮のメインビジュアル掲載 ~ ***メモ -見た人がどう感じるか -おおまかなテーマを決めて、それに沿ってアイデア出し ~ ~ **2023.04.25 ***先行研究の調査 -[[減災デザイン>https://gensai-design.com]] -[[減災デザイン&プランニング・konnpe2021>https://gensai-design.com/GDPC/result2021design/]] ~ ***メモ -設置する場所、管理等 -アイデアをまとめるサイト -減災デザイン ~ ~ **2023.04.18 ***キーワード #image(keyword_0418.png,70%) ~ ***アイデア -回す人がわくわくするようなガチャガチャ制作 --実物を学内に置いて遊んでもらう -ポイ捨て防止のポスター、ゴミ箱を制作 --景観に合うようなゴミ箱 --リサイクルまでの流れをわかりやすくまとめる -オリジナルの推し応援グッズ制作 --WEBサイトで掲載 --オリジナルキャラクター作成 ~ ***先行研究の調査 -[[ガチャリティ>hhttps://www.facebook.com/Gacharity/]] -[[タンガチャリティ>https://www.kyusan-u.ac.jp/faculty/geijutsu/news/tangaichiba_2022/]] -[[投票式吸い殻入れ>https://eleminist.com/article/1967]] -[[激減!たばこのポイ捨て>https://www.youtube.com/watch?v=4ArVTIx3V14]] -[[推しのいる生活>https://shop.sanrio.co.jp/special/oshilife]] ~ ***メモ -Web上で掲載するもの -実物をダンボールなどで制作 - ~ ~ **2023.04.11 ***テーマ候補 -WEB上で掲載する --フォント・ロゴ・イラスト・映像・小説 --ゲームラボで制作したもの ~ ***先行研究の調査 -[[貝瀬泉実/情報デザイン研究I]] -[[堺由加子/卒業研究II]] ~ ***メモ -WordPressやhtmlなどで掲載 ~ ~ ~ ~