諸琳/博士前期/デザイン総合研究II をテンプレートにして作成

開始行:
* 日日是好日 ー 植物の色と形をモチーフにした Webカレンダーの制作 #image(諸琳/WorkLog2022/sample.gif) -''[[諸琳]]'' -'''''Keywords：'''''植物・動くウェブ・カレンダー・・・ -https://orangecatmo.github.io/calendar/ ~ ~ //CENTER:&scale(150){''日日是好日''}; //自然のパターンを活用したWebカレンダーの制作 //~ //~ //~ ***CONTENTS #contents2_1 ~ ~ **第１章　序論 ***1.1. 研究目的 時間計画は常に重要である。自分に実用的なカレンダーがあれ... 自然に隠されたパターン探究し、応用することは、視覚と機能... 本研究では、__自然のパターン__を利用して視覚的、機能的な... ~ ***1.2. 研究の背景 -自然のパターン·テクスチャーについて 
日常生活には多くの創作起因があるが、自然のパターン·テク... |49|2|49|c |#image(kk.jpeg,,60%)|#image(1-1.png)| |Fig.1|Fig.2| 　しかし、自然なテクスチャーは伝統的なパターンの具現化で... 　 |49|2|49|c |#image(2-1.jpg,,80%))|#image(2-2.jpg,,80%)| |Fig.3|Fig.4| ~ ***1.3. コンセプト「日日是好日」 本研究では、サイトの情報構成に関わるコンセプトして「日日... 日々、嬉しいこともあれば悲しいこともある。しかし、善し悪... ＞参考：[[Wikipedia:日日是好日]] ~ ***1.4. サイトのデザインのあたって 本研究では、以下の点に配慮しつつ、サイトのデザインに取り... - システムが機能を実現する流れが合理的かどうか。 -ユーザの基本的なニーズを満たすことができるかどうか。 - 情報の伝達や美学的要因は、使用時にユーザに快適さを感じ... -インタラクション機能の追加が必要かどうか。 ~ ~ **第２章　調査研究 今日、国内および海外において、カレンダーに関わるアプリが... ~ ***2.1. 国内外のカレンダーの現状調査 ここでは、主に「使用度の高いカレンダー」、「面白いカレン... -使用度の高いカレンダーの調査： --Googleカレンダーのユーザーは、異なるタスクを明確に区別... --小米カレンダー((小米（しょうまい）カレンダーのユーザー... --iOSカレンダーのユーザは、彼らが設定したイベント地点時間... -面白いカレンダーの調査： --Peek カレンダー：https://www.peekcalendar.com/design.html ---色と音効果がある。 ---インタラクション：フロントカメラを遮ると，スクリーンの... ---世界を風靡したシェイク機能にもPeek Calendarが入ってお... https://fullcalendar.io https://blog.csdn.net/zwxic/article/details/108790498 -動Webページ先行調査： --高尾山599博物館：https://www.takao599museum.jp 登山を豊かで面白いものにする博物館サイト 。普通の Webデザ... |#image(2101.jpeg)|#image(2022.jpeg)| ~ ***2.2. アンケート調査 カレンダーのユーザー体験を目的として、アンケート調査を行... -調査の概要 --対象：20代の学生および社会人 --人数：30名（男性15名、女性15名） --調査期間：2021年7月〜9月 --調査方法：インターネット調査（Googleフォーム） -&color(green){質問項目}; --Q 1 毎日カレンダーを使いますか。 --Q 2：カレンダーは主にどのタイプを使いますか（選択式）。 紙（手帳）、パソコン、スマートフォン、その他 --Q 3：表示形式は以下のどのパターンが好きですか（選択式）。 年単位、月単位、週単位、１日単位 --Q 4：多機能な電子カレンダーが必要ですか。 --Q 5：カレンダーのスタイルを重視しますか。 --Q 6：タスクおよびイベントの追加機能を求めますか（必要と... --Q 7：高いインタラクティブ性を求めますか（必要としますか... --Q 8：過去、現在、未来の明確な視覚的区別を求めますか（必... --Q 9：スケジュールイベントの他者との共有を求めますか（必... --Q 10：季節や祝日などの重要なイベントの掲載を求めますか... --Q 11：トップページにどの機能をご希望ですか。 --Q 12：以下の機能ですが、トップページにはどのような機能... --Q 13：あなたの現在の仕事(オープンな問題): -実際のアンケートフォーム（Googleフォーム） -https://forms.gle/rtxmucEpjsNFvFiN9 ~ ***2.3. アンケートの結果 アンケートの結果を図1に示す。 |50|50|c |#image(2w.jpg,,80%)|#image(3w.jpg,,80%)| |#image(4w.jpg,,80%)|#image(6w.jpg,,80%)| |#image(5w.jpg,,80%)|#image(7w.jpg,,80%)| 図.1 ~ ***2.4. アンケートの分析 アンケートの結果をまとめると、以下のように要約できる。 -月・週・日で比較すると、月単位のカレンダーの使用率が最も... -カレンダーの初期画面には、当日の日付等が表示されるものが... -祝日を重視し、シンプルな表示を求める傾向が見られる。 -カレンダーのスタイルやレイアウトが重視されている。 -休日にはさらに詳細な情報の表示が求められている。 --メモの設定：毎月やっていることをユーザーに直接知っても... これらの要件にもとづき、Webカレンダーを制作する。 ~ **第３章 制作概要 「日日是好日」のテーマに沿って、カレンダーにかかわる情報... -１）情報の収集をし、とりわけホームページに関するカレンダ... -２）サイトマップを作成する。ホームページの構造設計を行う。 -３）各ページのワーヤーフレームを設計する。 -４）基本的なデザイン要素の制作を行う。 //--ロゴ //--イラスト：カレンダーの情報収集およびイラストとなる花... -５）素材の動き、振る舞いなど、インタラクティブなサイトに... -６）基本的なプロトタイプを制作した後、ユーザーの反応を見... -７）デザインが完成したら、個別のページに記事を挿入して完... //出来上がった挿絵を用いてアイコンを作成し、サイズを最適... //最後は、カレンダーの情報を整理し、様式の設計を編成する... ~ ***3.1. 時間の分類 &color(green){一月一植物 、一週一色、 一日一籤}; -1年12か月、52週間、365日。調査結果から分析するには年，月... ~ ***3.2. 一月一植物 12ヶ月の代表的な植物、動的パターンが出現し期待感を増加さ... -梅の花｜１月 -椿（つばき）｜２月 -チューリップ｜３月 -桜｜４月 -タンポポ｜５月 -紫陽花｜６月 -アサガオ｜７月 -ひまわり｜８月 -ラベンダー｜９月 -モクセイの花｜10月 -かえで｜11月 -イチョウ｜12月 植物をデジタル写真として記録した。 -撮影場所：公園、花園。 -撮影期間：2021年4月〜2022年3月 #settableborder(none) |33|33|33|c |#image(諸琳/デザイン総合研究I/x1.jpg)|#image(諸琳/デザイ... |1月-梅の花|2月-椿|3月-チューリップ| |#image(諸琳/デザイン総合研究I/x4.jpg)|#image(諸琳/デザイ... | 4月-桜|5月--タンポポ|6月-紫陽花| |#image(諸琳/デザイン総合研究I/x7.jpg)|#image(諸琳/デザイ... | 7月-アサガオ |8月-ひまわり|9月-ラベンダー| |#image(諸琳/デザイン総合研究I/x10.jpg)|#image(諸琳/デザ... | 10月-モクセイの花|11月-かえで|12月-イチョウの葉| ~ ~ ***3.3. 一週一色（いっしゅういっしょく） -カラーの選択: 週の違いは色で区別する。 #image(co1.jpg,,50%) -色の参考リンク https://www.japandesign.ne.jp/books/2016/05/14449/ http://www.seigensha.com/books/978-4-86152-734-0 https://color.uisdc.com/ https://webgradients.com/ https://uigradients.com/ https://webkul.github.io/coolhue/ https://nipponcolors.com/#kohbai https://colrd.com/palette/ ~ ***3.4. 一日一籤（いちにちいちくじ） 「ことわざ」を收集、日日是好日のコンセプトを掲載する。面... #image(4-2.jpg,,80%)| ~ **第４章　制作方法 Webカレンダーのインターフェイス要素として、新規性のある「... ~ ***4.1. 制作環境　 Webカレンダーの制作に関わるアプリケーションと開発言語は以... -アプリケーション --Photoshop：写真の調整 --Adobe Illustrator：カレンダー・イラスト・アイコン・LOGO... --Adobe After Effects：イラスト・アイコン動的な表現 --Adobe XD：プロトタイプ制作 --Atom：コーディング -開発言語 --HTML：ページの構造 --CSS：ページのビジュアルデザイン --JavaScript：ページの動的変更 ~ ***4.2. グラフィック表現の研究 グラフィックデザインの目的は情報を伝えることだ。情報をス... 本研究では，研究方向を決定した後，自然界の毎月咲く花を素... ~ ***4.2.1 イラストの作成 植物の形態やテクスチャを観察して記録することで、それを応... #image(5.1.jpg,,50%) -制作ツール：Adobe Illustrator --Adobe PhotoShop -size：210x 297cｍ ~ ***4.2.2. カラーとカレンダーの制作 季節に応じて適切な色を選ぶ。 #image(3-2.jpg,,50%) -制作ツール --Adobe Illustrator -size：210x 297cｍ ***4.2.3. アイコンの作成 写真やイラスト、認識度の高い図形をアイコンとして描く。 #image(ailon.jpg,,50%) ~ -アイコンのデザインプロセス #image(諸琳/WorkLog2021/LG02.jpg,,50%) #image(諸琳/WorkLog2021/LG03.jpg,,50%) #image(諸琳/WorkLog2021/LG04.jpg,,50%) #image(諸琳/WorkLog2021/LG05.jpg,,50%) #image(諸琳/WorkLog2021/LG06.jpg,,50%) #image(諸琳/WorkLog2021/LG07.jpg,,50%) #image(諸琳/WorkLog2021/LG09.jpg,,50%) #image(諸琳/WorkLog2021/LG08.jpg,,50%) #image(諸琳/WorkLog2021/LG010.jpg,,50%) #image(諸琳/WorkLog2021/LG013.jpg,,50%) #image(諸琳/WorkLog2021/LG012.jpg,,50%) #image(諸琳/WorkLog2021/LG011.jpg,,50%) -制作ツール：Adobe Illustrator -size：210x 297cｍ ~ ***4.3. Webの表現の研究 ***4.3.1. SiteMap #image(17.jpeg) ~ ***4.3.2. 動くアイコンの作成 植物の自然状態の特徴に応じて動するイラスト、自然物の状態... 自然のパターンに隠された形の魅力を改めて探究して、現代のw... #youtube(tTf-FfpDvmU) #image(諸琳/WorkLog2022/sample.gif) 梅の花｜１月 椿（つばき）｜２月 チューリップ｜３月 桜｜４月 タンポポ｜５月 紫陽花｜６月 アサガオ｜７月 ひまわり｜８月 ラベンダー｜９月 モクセイの花｜10月 かえで｜11月 イチョウ｜12月 -制作ツール --Adobe Illustrator --Adobe After Effects --Adobe Premiere Pro -size：210x 297cｍ ~ ***4.3.3. サイトの仕様 サイトマップと、主たるページの概要を以下に示す。 -Top page 制作： #image(p1.jpg,,50%) --12ヶ月を明確に区別する --日時情報の掲載 --くじの掲載 --地図の掲載 -サブページ： --月のカレンダー #image(p2.jpg,,50%) ---当月の祝日情報 ---その月の歳時記 ---&color(red){その月の月の状態}; ---その月の食材 ~ --Holiday（祝日） #image(p4.jpg,,50%) ~ --Almanac：通年のカレンダー #image(p5.jpg,,50%) ~ --Note メモを書き込んでサーバーに記憶させるといった仕様にはなっ... ~ -制作ツール： --Adobe Illustrator、 --Adobe After Effects、 --Adobe XS --HTML: ページの構造 --CSS：ページのビジュアルデザイン、動的変更 JavaScript: ページの動的変更 --jQuery: ページの動的変更 --jQuery : プラグイン:様々な表現機能 ~ **第５章　研究成果（制作物の現状） ***5.1.作品概要 - 作品概要(デザイン説明) 自然と人類は密接に絡み合い、互いに影響し合っている。 メインカラーはダークブルーと黄色をデザインしておる。ダー... 「日日是好日」は禅語の一つである。意味として、生活の善し... 私たちは無秩序な世界にいるので、秩序を渇望している。私た... 良い花は必ず咲き、良い景色は必ずあり、日日是好日である。 ~ ***5.2. 成果の公開 #image(諸琳/WorkLog2022/sample.gif) -Top page 一覧掲載 ~ -サブページ 一覧掲載 ~ ~ 制作したカレンダーは、GitHub上にソースを公開するとともに... -https://orangecatmo.github.io/cla-05/ ~ ~ **第６章　結論と展望 ***6.1. まとめ 本研究の分析調査から実践を通じて、Webデザインには多くのア... 自然のパターンをデザインに落とし込み、自然のパターの知ら... ~ ***6.2. 今後の課題 デザインの本質について佐藤（2017）は次のように述べている(... デザインの本質は、物や事をカッコよく飾る付加価値ではあり... 今回の研究課題を通して、自然界の季節の植物をテーマにした... 情報時代には、事物の発展変化の速度がきわめて速く，様々な... ~ **参考文献・資料 ***参考文献 -1. 木村直司 編集 (2009)「ゲーテ形態学論 」 -2. 本田総一郎(2004)『日本の家紋大全(日本語)』[M]、梧桐書... -3. 向井周太郎(2003)『かたちの詩学』[M]、美術出版社 -4. iyamadesign (著)（2016）「季節を感じる配色パターン」... -5. 佐藤 卓（2017）「塑する思考」 新潮社出版 -6. 佐藤 卓（2006）「クジラは潮を吹いていた」トランスアート -7. 永井一正(2004)「 KAZUMASA NAGAI デザイン LIFE 1951-20... -8. 原研 哉（2008）「白」中央公論新社 -9. コロナ・ブックス(編集)（2007）「日本のかたち」 平凡社... -10. 須永剛司(著)（2019）「デザインの知恵」フィルムアート... -11. 黄洪瀾(2006)「テクスチャーはグラフィックデザインにお... -12. ~ ***参考資料（アプリ、アプリ） -1. Googleカレンダー -2. 小米カレンダー -3. iOSカレンダー -4. Peek カレンダー https://www.peekcalendar.com/design.... -5. 高尾山599博物馆 https://www.takao599museum.jp ~ ***情報提供 -地図：https://maps.google.com/ -一般財団法人 日本気象協会 -季節の歳時記: --毎月の参考情報：https://japanese-food.net/january-2/ --https://www.i-nekko.jp/meguritokoyomi/ --https://allabout.co.jp/gm/gc/461988/ ~ ~ **APPENDIX ***レイアウトサンプル 論文執筆に利用するソフトウエアには指定はありません。InDes... //-&ref(論文等執筆要領/論文レイアウトサンプル.pdf); -&ref(論文等執筆要領/レポートレイアウトサンプル.pdf); ~ ***InDesign 入力用 上記のサンプルの InDesign（idml）データです。表題等を書き... -&ref(論文等執筆要領/論文フォーム.idml); ~ ~

終了行:
* 日日是好日 ー 植物の色と形をモチーフにした Webカレンダーの制作 #image(諸琳/WorkLog2022/sample.gif) -''[[諸琳]]'' -'''''Keywords：'''''植物・動くウェブ・カレンダー・・・ -https://orangecatmo.github.io/calendar/ ~ ~ //CENTER:&scale(150){''日日是好日''}; //自然のパターンを活用したWebカレンダーの制作 //~ //~ //~ ***CONTENTS #contents2_1 ~ ~ **第１章　序論 ***1.1. 研究目的 時間計画は常に重要である。自分に実用的なカレンダーがあれ... 自然に隠されたパターン探究し、応用することは、視覚と機能... 本研究では、__自然のパターン__を利用して視覚的、機能的な... ~ ***1.2. 研究の背景 -自然のパターン·テクスチャーについて 
日常生活には多くの創作起因があるが、自然のパターン·テク... |49|2|49|c |#image(kk.jpeg,,60%)|#image(1-1.png)| |Fig.1|Fig.2| 　しかし、自然なテクスチャーは伝統的なパターンの具現化で... 　 |49|2|49|c |#image(2-1.jpg,,80%))|#image(2-2.jpg,,80%)| |Fig.3|Fig.4| ~ ***1.3. コンセプト「日日是好日」 本研究では、サイトの情報構成に関わるコンセプトして「日日... 日々、嬉しいこともあれば悲しいこともある。しかし、善し悪... ＞参考：[[Wikipedia:日日是好日]] ~ ***1.4. サイトのデザインのあたって 本研究では、以下の点に配慮しつつ、サイトのデザインに取り... - システムが機能を実現する流れが合理的かどうか。 -ユーザの基本的なニーズを満たすことができるかどうか。 - 情報の伝達や美学的要因は、使用時にユーザに快適さを感じ... -インタラクション機能の追加が必要かどうか。 ~ ~ **第２章　調査研究 今日、国内および海外において、カレンダーに関わるアプリが... ~ ***2.1. 国内外のカレンダーの現状調査 ここでは、主に「使用度の高いカレンダー」、「面白いカレン... -使用度の高いカレンダーの調査： --Googleカレンダーのユーザーは、異なるタスクを明確に区別... --小米カレンダー((小米（しょうまい）カレンダーのユーザー... --iOSカレンダーのユーザは、彼らが設定したイベント地点時間... -面白いカレンダーの調査： --Peek カレンダー：https://www.peekcalendar.com/design.html ---色と音効果がある。 ---インタラクション：フロントカメラを遮ると，スクリーンの... ---世界を風靡したシェイク機能にもPeek Calendarが入ってお... https://fullcalendar.io https://blog.csdn.net/zwxic/article/details/108790498 -動Webページ先行調査： --高尾山599博物館：https://www.takao599museum.jp 登山を豊かで面白いものにする博物館サイト 。普通の Webデザ... |#image(2101.jpeg)|#image(2022.jpeg)| ~ ***2.2. アンケート調査 カレンダーのユーザー体験を目的として、アンケート調査を行... -調査の概要 --対象：20代の学生および社会人 --人数：30名（男性15名、女性15名） --調査期間：2021年7月〜9月 --調査方法：インターネット調査（Googleフォーム） -&color(green){質問項目}; --Q 1 毎日カレンダーを使いますか。 --Q 2：カレンダーは主にどのタイプを使いますか（選択式）。 紙（手帳）、パソコン、スマートフォン、その他 --Q 3：表示形式は以下のどのパターンが好きですか（選択式）。 年単位、月単位、週単位、１日単位 --Q 4：多機能な電子カレンダーが必要ですか。 --Q 5：カレンダーのスタイルを重視しますか。 --Q 6：タスクおよびイベントの追加機能を求めますか（必要と... --Q 7：高いインタラクティブ性を求めますか（必要としますか... --Q 8：過去、現在、未来の明確な視覚的区別を求めますか（必... --Q 9：スケジュールイベントの他者との共有を求めますか（必... --Q 10：季節や祝日などの重要なイベントの掲載を求めますか... --Q 11：トップページにどの機能をご希望ですか。 --Q 12：以下の機能ですが、トップページにはどのような機能... --Q 13：あなたの現在の仕事(オープンな問題): -実際のアンケートフォーム（Googleフォーム） -https://forms.gle/rtxmucEpjsNFvFiN9 ~ ***2.3. アンケートの結果 アンケートの結果を図1に示す。 |50|50|c |#image(2w.jpg,,80%)|#image(3w.jpg,,80%)| |#image(4w.jpg,,80%)|#image(6w.jpg,,80%)| |#image(5w.jpg,,80%)|#image(7w.jpg,,80%)| 図.1 ~ ***2.4. アンケートの分析 アンケートの結果をまとめると、以下のように要約できる。 -月・週・日で比較すると、月単位のカレンダーの使用率が最も... -カレンダーの初期画面には、当日の日付等が表示されるものが... -祝日を重視し、シンプルな表示を求める傾向が見られる。 -カレンダーのスタイルやレイアウトが重視されている。 -休日にはさらに詳細な情報の表示が求められている。 --メモの設定：毎月やっていることをユーザーに直接知っても... これらの要件にもとづき、Webカレンダーを制作する。 ~ **第３章 制作概要 「日日是好日」のテーマに沿って、カレンダーにかかわる情報... -１）情報の収集をし、とりわけホームページに関するカレンダ... -２）サイトマップを作成する。ホームページの構造設計を行う。 -３）各ページのワーヤーフレームを設計する。 -４）基本的なデザイン要素の制作を行う。 //--ロゴ //--イラスト：カレンダーの情報収集およびイラストとなる花... -５）素材の動き、振る舞いなど、インタラクティブなサイトに... -６）基本的なプロトタイプを制作した後、ユーザーの反応を見... -７）デザインが完成したら、個別のページに記事を挿入して完... //出来上がった挿絵を用いてアイコンを作成し、サイズを最適... //最後は、カレンダーの情報を整理し、様式の設計を編成する... ~ ***3.1. 時間の分類 &color(green){一月一植物 、一週一色、 一日一籤}; -1年12か月、52週間、365日。調査結果から分析するには年，月... ~ ***3.2. 一月一植物 12ヶ月の代表的な植物、動的パターンが出現し期待感を増加さ... -梅の花｜１月 -椿（つばき）｜２月 -チューリップ｜３月 -桜｜４月 -タンポポ｜５月 -紫陽花｜６月 -アサガオ｜７月 -ひまわり｜８月 -ラベンダー｜９月 -モクセイの花｜10月 -かえで｜11月 -イチョウ｜12月 植物をデジタル写真として記録した。 -撮影場所：公園、花園。 -撮影期間：2021年4月〜2022年3月 #settableborder(none) |33|33|33|c |#image(諸琳/デザイン総合研究I/x1.jpg)|#image(諸琳/デザイ... |1月-梅の花|2月-椿|3月-チューリップ| |#image(諸琳/デザイン総合研究I/x4.jpg)|#image(諸琳/デザイ... | 4月-桜|5月--タンポポ|6月-紫陽花| |#image(諸琳/デザイン総合研究I/x7.jpg)|#image(諸琳/デザイ... | 7月-アサガオ |8月-ひまわり|9月-ラベンダー| |#image(諸琳/デザイン総合研究I/x10.jpg)|#image(諸琳/デザ... | 10月-モクセイの花|11月-かえで|12月-イチョウの葉| ~ ~ ***3.3. 一週一色（いっしゅういっしょく） -カラーの選択: 週の違いは色で区別する。 #image(co1.jpg,,50%) -色の参考リンク https://www.japandesign.ne.jp/books/2016/05/14449/ http://www.seigensha.com/books/978-4-86152-734-0 https://color.uisdc.com/ https://webgradients.com/ https://uigradients.com/ https://webkul.github.io/coolhue/ https://nipponcolors.com/#kohbai https://colrd.com/palette/ ~ ***3.4. 一日一籤（いちにちいちくじ） 「ことわざ」を收集、日日是好日のコンセプトを掲載する。面... #image(4-2.jpg,,80%)| ~ **第４章　制作方法 Webカレンダーのインターフェイス要素として、新規性のある「... ~ ***4.1. 制作環境　 Webカレンダーの制作に関わるアプリケーションと開発言語は以... -アプリケーション --Photoshop：写真の調整 --Adobe Illustrator：カレンダー・イラスト・アイコン・LOGO... --Adobe After Effects：イラスト・アイコン動的な表現 --Adobe XD：プロトタイプ制作 --Atom：コーディング -開発言語 --HTML：ページの構造 --CSS：ページのビジュアルデザイン --JavaScript：ページの動的変更 ~ ***4.2. グラフィック表現の研究 グラフィックデザインの目的は情報を伝えることだ。情報をス... 本研究では，研究方向を決定した後，自然界の毎月咲く花を素... ~ ***4.2.1 イラストの作成 植物の形態やテクスチャを観察して記録することで、それを応... #image(5.1.jpg,,50%) -制作ツール：Adobe Illustrator --Adobe PhotoShop -size：210x 297cｍ ~ ***4.2.2. カラーとカレンダーの制作 季節に応じて適切な色を選ぶ。 #image(3-2.jpg,,50%) -制作ツール --Adobe Illustrator -size：210x 297cｍ ***4.2.3. アイコンの作成 写真やイラスト、認識度の高い図形をアイコンとして描く。 #image(ailon.jpg,,50%) ~ -アイコンのデザインプロセス #image(諸琳/WorkLog2021/LG02.jpg,,50%) #image(諸琳/WorkLog2021/LG03.jpg,,50%) #image(諸琳/WorkLog2021/LG04.jpg,,50%) #image(諸琳/WorkLog2021/LG05.jpg,,50%) #image(諸琳/WorkLog2021/LG06.jpg,,50%) #image(諸琳/WorkLog2021/LG07.jpg,,50%) #image(諸琳/WorkLog2021/LG09.jpg,,50%) #image(諸琳/WorkLog2021/LG08.jpg,,50%) #image(諸琳/WorkLog2021/LG010.jpg,,50%) #image(諸琳/WorkLog2021/LG013.jpg,,50%) #image(諸琳/WorkLog2021/LG012.jpg,,50%) #image(諸琳/WorkLog2021/LG011.jpg,,50%) -制作ツール：Adobe Illustrator -size：210x 297cｍ ~ ***4.3. Webの表現の研究 ***4.3.1. SiteMap #image(17.jpeg) ~ ***4.3.2. 動くアイコンの作成 植物の自然状態の特徴に応じて動するイラスト、自然物の状態... 自然のパターンに隠された形の魅力を改めて探究して、現代のw... #youtube(tTf-FfpDvmU) #image(諸琳/WorkLog2022/sample.gif) 梅の花｜１月 椿（つばき）｜２月 チューリップ｜３月 桜｜４月 タンポポ｜５月 紫陽花｜６月 アサガオ｜７月 ひまわり｜８月 ラベンダー｜９月 モクセイの花｜10月 かえで｜11月 イチョウ｜12月 -制作ツール --Adobe Illustrator --Adobe After Effects --Adobe Premiere Pro -size：210x 297cｍ ~ ***4.3.3. サイトの仕様 サイトマップと、主たるページの概要を以下に示す。 -Top page 制作： #image(p1.jpg,,50%) --12ヶ月を明確に区別する --日時情報の掲載 --くじの掲載 --地図の掲載 -サブページ： --月のカレンダー #image(p2.jpg,,50%) ---当月の祝日情報 ---その月の歳時記 ---&color(red){その月の月の状態}; ---その月の食材 ~ --Holiday（祝日） #image(p4.jpg,,50%) ~ --Almanac：通年のカレンダー #image(p5.jpg,,50%) ~ --Note メモを書き込んでサーバーに記憶させるといった仕様にはなっ... ~ -制作ツール： --Adobe Illustrator、 --Adobe After Effects、 --Adobe XS --HTML: ページの構造 --CSS：ページのビジュアルデザイン、動的変更 JavaScript: ページの動的変更 --jQuery: ページの動的変更 --jQuery : プラグイン:様々な表現機能 ~ **第５章　研究成果（制作物の現状） ***5.1.作品概要 - 作品概要(デザイン説明) 自然と人類は密接に絡み合い、互いに影響し合っている。 メインカラーはダークブルーと黄色をデザインしておる。ダー... 「日日是好日」は禅語の一つである。意味として、生活の善し... 私たちは無秩序な世界にいるので、秩序を渇望している。私た... 良い花は必ず咲き、良い景色は必ずあり、日日是好日である。 ~ ***5.2. 成果の公開 #image(諸琳/WorkLog2022/sample.gif) -Top page 一覧掲載 ~ -サブページ 一覧掲載 ~ ~ 制作したカレンダーは、GitHub上にソースを公開するとともに... -https://orangecatmo.github.io/cla-05/ ~ ~ **第６章　結論と展望 ***6.1. まとめ 本研究の分析調査から実践を通じて、Webデザインには多くのア... 自然のパターンをデザインに落とし込み、自然のパターの知ら... ~ ***6.2. 今後の課題 デザインの本質について佐藤（2017）は次のように述べている(... デザインの本質は、物や事をカッコよく飾る付加価値ではあり... 今回の研究課題を通して、自然界の季節の植物をテーマにした... 情報時代には、事物の発展変化の速度がきわめて速く，様々な... ~ **参考文献・資料 ***参考文献 -1. 木村直司 編集 (2009)「ゲーテ形態学論 」 -2. 本田総一郎(2004)『日本の家紋大全(日本語)』[M]、梧桐書... -3. 向井周太郎(2003)『かたちの詩学』[M]、美術出版社 -4. iyamadesign (著)（2016）「季節を感じる配色パターン」... -5. 佐藤 卓（2017）「塑する思考」 新潮社出版 -6. 佐藤 卓（2006）「クジラは潮を吹いていた」トランスアート -7. 永井一正(2004)「 KAZUMASA NAGAI デザイン LIFE 1951-20... -8. 原研 哉（2008）「白」中央公論新社 -9. コロナ・ブックス(編集)（2007）「日本のかたち」 平凡社... -10. 須永剛司(著)（2019）「デザインの知恵」フィルムアート... -11. 黄洪瀾(2006)「テクスチャーはグラフィックデザインにお... -12. ~ ***参考資料（アプリ、アプリ） -1. Googleカレンダー -2. 小米カレンダー -3. iOSカレンダー -4. Peek カレンダー https://www.peekcalendar.com/design.... -5. 高尾山599博物馆 https://www.takao599museum.jp ~ ***情報提供 -地図：https://maps.google.com/ -一般財団法人 日本気象協会 -季節の歳時記: --毎月の参考情報：https://japanese-food.net/january-2/ --https://www.i-nekko.jp/meguritokoyomi/ --https://allabout.co.jp/gm/gc/461988/ ~ ~ **APPENDIX ***レイアウトサンプル 論文執筆に利用するソフトウエアには指定はありません。InDes... //-&ref(論文等執筆要領/論文レイアウトサンプル.pdf); -&ref(論文等執筆要領/レポートレイアウトサンプル.pdf); ~ ***InDesign 入力用 上記のサンプルの InDesign（idml）データです。表題等を書き... -&ref(論文等執筆要領/論文フォーム.idml); ~ ~

ページ名: