LogoMarkWhite.png

諸琳/博士前期/デザイン総合研究II のバックアップソース(No.5)

#author("2022-04-22T11:14:00+09:00","default:inoue.ko","inoue.ko")
* 日日是好日
自然のパターンを活用したWebカレンダーの制作

  
 
             Main Visual / CurrentStatus
             プロジェクトの最新の状態を視覚的に掲載
 
   

-''[[諸琳]]''
-'''''Keywords:'''''花・動くウェブ・カレンダー・・・
-https://orangecatmo.github.io/calender1-2/

~
~


//CENTER:&scale(150){''日日是好日''};
//自然のパターンを活用したWebカレンダーの制作
//~
//~
//~

**第1章 序論
***1.1. 研究の背景
(日日是好日の発想について)
-社会背景:
-個人背景:
~
***1.2. 研究目的
~
***1.3. 国内外研究現状(先行研究)

~
~

**第2章 研究方法
***2.1. アンケート調査
(調査と分析)
~

***2.2. カレンダー制作の参考リンク
(参考リンク・アプリケーションなど)
~

***2.3. サイトの仕様
~

***2.4. カレンダーの情報を収集する
(時間と色の分類)
~


***2.5. 12月自然物の観察、素材を収集する
~
~


**第3章 制作方法

***3.1. 制作ツール 
-Photoshop:写真を調整
-Adobe Illustrator:カレンダー・イラスト・アイコン・LOGOを作成
-Adobe After Effects:イラスト・アイコン動的な表現

-開発言語
--HTML:ページの構造
--CSS:ページのビジュアルデザイン
--JavaScript:ページの動的変更
~

***3.2. グラフィック表現の研究 
-イラストの作成
制作ツール:Photoshop、Adobe Illustrator
~

-カレンダーの制作
毎月のカラー:季節に応じて適切な色を選ぶ
制作ツール:Adobe Illustrator
~

-アイコンの作成
#image(諸琳/WorkLog2021/LG01.jpg,,50%)
size:210x 297cm
制作ツール:Adobe Illustrator
写真やイラスト、認識度の高い図形をアイコンとして描く。
~
--アイコンのデザインプロセス
#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%)
~

***3.3. Webの表現の研究 
-動くイラスト・アイコンの作成
-動くページ制作
互動性と機能性
~
***3.4. XXXXX
~
~

**第4章 研究成果(制作物の現状)
***4.1. コンセプト
~
***4.2. 作品の展示
~
~

**第5章 結論と展望
***5.1. まとめ
~

***5.2. 今後の課題
~
~

**参考文献・資料
~
~
~
~
~
~


**APPENDIX
***レイアウトサンプル
論文執筆に利用するソフトウエアには指定はありません。InDesign、Word等、以下を参考に執筆して下さい。
//-&ref(論文等執筆要領/論文レイアウトサンプル.pdf);
-&ref(論文等執筆要領/レポートレイアウトサンプル.pdf);
~

***InDesign 入力用
上記のサンプルの InDesign(idml)データです。表題等を書き換えるとともに、ページを追加する形でご利用下さい。
-&ref(論文等執筆要領/論文フォーム.idml);
~
~