LogoMarkWhite.png

諸琳/博士前期/デザイン総合研究I の変更点


#author("2022-05-13T12:23:35+09:00","default:art-gs","art-gs")
*「自然のテクスチャー・パターンの視覚表現に関する研究」

#author("2022-06-24T12:19:08+09:00;2022-05-13T12:23:35+09:00","default:inoue.ko","inoue.ko")
* 日日是好日
自然のパターンを活用したWebカレンダーの制作
  
 
             Main Visual / CurrentStatus
             プロジェクトの最新の状態を視覚的に掲載
 
   

-''コンセプト:日日是好日''
-'''Keywords:テクスチャー, カレンダー, ウェブ, ・・・'''
-https://www.example.com

~
~

**研究の背景と目的
***社会背景

時間計画は常に重要である。自分に実用的なカレンダーがあれば必要だ。どのように自分に合うカレンダーを選ぶか、 アンケートを通じてユーザーのニーズを理解し、カレンダーのデザイン、カレンダーの可用性を増やす、実用性、より多くのユーザーを満たす。日常生活は多くの創作起因となっているが、自然のテクスチャー·パターンもデザインに多くのインスピレーションを与えている。多くの伝統的なパターンでも同様だ。例えば、八代目の将軍徳川吉宗の故郷の紀州である徳川家が使用した鮫小紋はサメの肌のテクスチャーを小さな点と弧状の模様で描いている。平面だが質感を感じさせる、シンプルながらも長く愛される模様だ。
そしてテクスチャーを通して新しい視覚的表現に適用することができる。佐藤卓は三宅一生のPLEATS PLEASEを元の色彩の基本系列をインスピレーションにし、生地のテクスチャーを山茶花、梅花、ポピー、又は海洋生物などを模擬デザインした。
~
***コンセプト
日々、嬉しいこともあれば悲しいこともある。しかし、善し悪しにかかわらず、いずれも成長の経歴になるはずである。すべての日を素晴らしき日という理念で考え、大自然のテクスチャを素材にし、身近に隠されている美を見つけた上で、籤を抽選するような形を以て、素晴らしき一日を始めることにしよう。日々、少しながら期待する気分を以て、生活を体験すれば、日常生活も多様多彩になるのであろう。
~

***研究目的
自然に隠されたテクスチャーやその類似性を探究し、応用することは、視覚と機能に新しい可能性を持っていると考える。それは私たちが見落としていた自然の真の美しいスペクタクルの再発見、個性などの情報容認に繋がり、新しい表現につながるだろう。自然のテクスシャーを利用して視覚的、機能的にユーザーの体験を満たすカレンダーを作る
~
~

**研究方法(制作方法)
***調査研究
-まず自然のテクスチャーを分類し、選択し、そして類似性を比較
-アンケート調査の作成、整理とデータ分析 > 済
-動くポスターなどアプリ、WEBデザインによってその表現方法を模索
~

***実験研究
*** アンケート調査について
https://forms.gle/rtxmucEpjsNFvFiN9
-&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:あなたの現在の仕事(オープンな問題):
ユーザーインタビューを行い、カレンダーを使う過程で他の人の意見や意見を知るための表を作成する

~

***制作ツール(技法)
-Photoshop:写真を調整
-Adobe Illustrator:イラストを作成
-HTML:ページの構造
-CSS:ページのビジュアルデザイン
-Adobe After Effects:動的な表現
~
~

**研究結果
***  アンケートの分析について
-アンケートの結果に基づいて、カレンダーに関するウェブサイトを制作して、利用者の反応を見る。
#image(2w.jpg)50%
#image(3w.jpg)50%
#image(4w.jpg)50%
#image(6w.jpg)50%
#image(5w.jpg)50%
#image(7w.jpg)50%
~
--基本機能以外にも,月単位のカレンダー使用率に対する需要が最も高かった。カレンダーを開けて毎月何日くらいやるべきかを直接知ることができる傾向が高い
--祝日を重視し、簡単な形式に傾いていることが分かった
--休日にもっと明確な注釈が出る
~
-視覚的なデザイン:季節の自然物や色によって今を表現する月を表す。
毎月の散歩や毎月の食材などの情報を提供して、ユーザーがその月の特色を知るのに便利だ。
-インタラクション機能の追加:
-一月一肌:touch月に動的パターンが出現し期待感を増加させる。
-一日一くじ:面白さを増やす。
-メモの設定:毎月やっていることをユーザーに直接知ってもらうことができる
~
~

**考察(まとめ)
***12月自然物の調査分析する
#settableborder(none)
|33|33|33|c
|#image(x1.jpg)|#image(x2.jpg)|#image(x3.jpg)|
|1月-梅の花|2月-椿|3月-チューリップ|
|#image(x4.jpg)|#image(x5.jpg)|#image(x6 .jpg)|
| 4月-桜|5月--タンポポ|6月-紫陽花|
|#image(x7.jpg)|#image(x8.jpg)|#image(x9.jpg)|
| 7月-アサガオ |8月-ひまわり|9月-ラベンダー|
|#image(x10.jpg)|#image(x11.jpg)|#image(x12.jpg)|
| 10月-モクセイの花|11月-かえで|12月-イチョウの葉|
~
~
~

**作品概要
2021.09.24 暫定案
~

***時間と色の分類
一月一色 、一週一肌、 一日一籤 とする。
#image(2022mini.jpg)50%

~

***色彩の設定
-季節の観察:十二月の季節
-色の観察:季節、旧暦、自然物、季節で一般的に選択されている着こなしなどによって選ばれたカラーブロック。グラデーションの使用。
#image(12月.jpg)50%

~

***テクスチャー素材の制作
-1~12月のテクスチャーの選択肢し、イラスト
を作た
#image(00001.jpg)50%00001
~
-12ヶ月の代表的な植物のイラストは、植物の自然状態の特徴に応じて動するイラスト。
https://youtu.be/tTf-FfpDvmU
#YOUTUBE(tTf-FfpDvmU)

~


***webサイトの制作
-SiteMap
#image(本0.jpg)50%
***動くテクスチャーがwebサイトの制作
-動くテクスチャーがwebサイトに入っています!
https://orangecatmo.github.io/Home-page2021/
-1月のページ レイアウトサンプル
https://orangecatmo.github.io/1-01-month/

~
~


**参考資料
~
~
~
~
~
~
~