#author("2022-05-16T20:49:28+09:00","default:art-gs","art-gs") * 日日是好日 自然のパターンを活用したWebカレンダーの制作 Main Visual / CurrentStatus プロジェクトの最新の状態を視覚的に掲載 -''[[諸琳]]'' -'''''Keywords:'''''植物・動くウェブ・カレンダー・・・ -https://orangecatmo.github.io/calender1-2/ ~ ~ //CENTER:&scale(150){''日日是好日''}; //自然のパターンを活用したWebカレンダーの制作 //~ //~ //~ ***CONTENTS #contents2_1 ~ ~ **第1章 序論 ***1.1. 研究目的 自然に隠されたテクスチャーやその類似性を探究し、応用することは、視覚と機能に新しい可能性を持っていると考える。それは私たちが見落としていた自然の真の美しいスペクタクルの再発見、個性などの情報容認に繋がり、新しい表現につながるだろう。そこで本研究では、__自然のテクスチャー__を利用して視覚的、機能的なユーザー体験を実現する__カレンダー__を制作する。 ~ ***1.2. 研究の背景 -自然のテクスチャー·パターンについて 日常生活には多くの創作起因があるが、自然のテクスチャー·パターンもデザインに多くのインスピレーションを与えている。多くの伝統的なパターンでも同様だ。例えば、八代目の将軍徳川吉宗の故郷、紀州徳川家が使用した鮫小紋はサメの肌のテクスチャーを小さな点と弧状の模様で描いている。平面の造形だが質感を感じさせるもので、シンプルながらも長く愛される模様だ。 しかし、自然なテクスチャーは伝統的なパターンの具現化であるだけでなく、それ自身のテクスチャーを通して新しい視覚的表現に適用することができる。現代でも三宅一生のPLEATS PLEASEを元としたデザイン展開がそうだ。佐藤卓はPLEATS PLEASEの色彩の基本系列をインスピレーションにし、生地を一枚一枚の山茶花(サザンカ)、梅花、チューリップ、ポピー、バラ、スイートピーなどと模擬した。また、食物、海洋生物など、服装のテクスチャーを生活と自然を結びつけることで、視覚的にも機能的にも新しいデザインを生み出していった。 |33|33|33|c |#image(1-1.png)|#image(2-1.jpg)|#image(2-2.jpg)| ~ -カレンダーについて 時間計画は常に重要である。自分に実用的なカレンダーがあれば便利だ。どのように自分に合うカレンダーを選ぶか、 アンケートを通じてユーザーのニーズを理解し、より多くのユーザーにとって可用性・実用性の高いカレンダーをデザインする。 ~ ***1.3. 国内外研究現状(先行研究) 使用度の高いカレンダーの調査: -Googleカレンダーのユーザーは、異なるタスクを明確に区別できるブラウジングデザインを好みます。 -小米カレンダーは独特のシンプルなスタイルを持っている。 -iOSカレンダーのユーザは,彼らが設定したイベント地点時間に応じて通知を取得することが非常に有用であると考えている。 -Peek カレンダー:https://www.peekcalendar.com/design.html --色と音効果 --インタラクション:フロントカメラを遮ると,スクリーンの上端に黒い影が現れ,現在の時間が表示される --世界を風靡したシェイク機能にもPeek Calendarが入っており、スマートフォンを振ると、癒し系のビジュアルのスケジュールがランダムに生成され、どんなにクールな顔をしていても笑ってしまいます。 https://fullcalendar.io https://blog.csdn.net/zwxic/article/details/108790498 ~ ***1.4. 検討項目 - システムが機能を実現する流れが合理的かどうか,ユーザの基本的なニーズを満たすことができるかどうか。 - 情報の伝達や美学的要因は,使用時にユーザに快適さを感じさせるかどうか。 -インタラクション機能の追加: --一月一肌:touch月に動的パターンが出現し期待感を増加させる --一日一くじ:面白さを増やす --メモの設定:毎月やっていることをユーザーに直接知ってもらうことができる ~ ~ **第2章 調査研究 ***2.1. アンケート調査 -調査情報 --人数:30人 --年齢層:基本20代 --性別:それぞれ半50分 -&color(green){カレンダーの気になる点のアンケートの問題}; --Q 1 毎日カレンダーを使いますか。 --Q 2:カレンダーは主にどのタイプを使いますか。 紙(手帳)、パソコン、スマートフォン、その他 --Q 3:表示形式は以下のどのパターンが好きですか。 年単位、月単位、週単位、1日単位 --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.2. アンケートの結果 |50|50|c |#image(2w.jpg)|#image(3w.jpg)| |#image(4w.jpg)|#image(6w.jpg)| |#image(5w.jpg)|#image(7w.jpg)| ~ ***2.2. アンケートの分析 -基本機能以外にも,月単位のカレンダー使用率に対する需要が最も高かった。カレンダーを開けて毎月何日くらいやるべきかを直接知ることができる傾向が高い -祝日を重視し、簡単な形式に傾いていることが分かった -カレンダーのスタイルやレイアウトが気になる。 -休日にもっと明確な注釈が出る -アンケートの結果に基づいて、カレンダーに関するウェブサイトを制作して、利用者の反応を見る ~ ~ **第3章 制作概要 ***3.1. カレンダーの情報を収集する ''''' 時間と色の分類''''' 1年12か月、52週間、365日 一月一物 、一週一色、 一日一籤 ~ ***3.2. 一月一物 12ヶ月の代表的な植物の選択 --梅の花|1月 --椿(つばき)|2月 --チューリップ|3月 --桜|4月 --タンポポ|5月 --紫陽花|6月 --アサガオ|7月 --ひまわり|8月 --ラベンダー|9月 --モクセイの花|10月 --かえで|11月 --イチョウ|12月 ***3.3. 一週一色(いっしゅういっしょく) -カラーの選択 #image(諸琳/WorkLog2021/カラー.jpg)50% --カラーの制作 #image(諸琳/WorkLog2021/365.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. 一日一籤(いちにちいちくじ) いい言葉を收集、日日是好日のコンセプトを展示する ~ ***3.5. 12月自然物の観察、素材を収集する -視覚的なデザイン:季節の自然物や色によって今を表現する月を表す。 毎月の散歩や毎月の食材などの情報を提供して、ユーザーがその月の特色を知るのに便利だ。 ~ ~ ***3.6. サイトの仕様 トップページ ~ ~ **第4章 制作方法 ***4.1. 制作ツール -Photoshop:写真を調整 -Adobe Illustrator:カレンダー・イラスト・アイコン・LOGOを作成 -Adobe After Effects:イラスト・アイコン動的な表現 -開発言語 --HTML:ページの構造 --CSS:ページのビジュアルデザイン --JavaScript:ページの動的変更 ~ ***4.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%) ~ ***4.3. Webの表現の研究 -動くイラスト・アイコンの作成 -動くページ制作 互動性と機能性 ~ ***4.4. XXXXX ~ ~ **第5章 研究成果(制作物の現状) ***5.1. コンセプト 「日日是好日」という言葉は禅語の一つである。意味として、生活の善し悪しは決して絶対性はなく、常に1人の心境及び物事への認識に関係があると考えられている。 日々、嬉しいこともあれば悲しいこともある。しかし、善し悪しにかかわらず、いずれも成長の経歴になるはずである。すべての日を素晴らしき日という理念で考え、大自然のテクスチャを素材にし、身近に隠されている美を見つけた上で、籤を抽選するような形を以て、素晴らしき一日を始めることにしよう。日々、少しながら期待する気分を以て、生活を体験すれば、日常生活も多様多彩になるのであろう。 ~ ***5.2. 作品の展示 ~ ~ **第6章 結論と展望 ***6.1. まとめ ~ ***6.2. 今後の課題 ~ ~ **参考文献・資料 ~ ~ ~ ~ ~ ~ **APPENDIX ***レイアウトサンプル 論文執筆に利用するソフトウエアには指定はありません。InDesign、Word等、以下を参考に執筆して下さい。 //-&ref(論文等執筆要領/論文レイアウトサンプル.pdf); -&ref(論文等執筆要領/レポートレイアウトサンプル.pdf); ~ ***InDesign 入力用 上記のサンプルの InDesign(idml)データです。表題等を書き換えるとともに、ページを追加する形でご利用下さい。 -&ref(論文等執筆要領/論文フォーム.idml); ~ ~