研究経過報告
ToDo
- カレンダーのwebサイトの制作
- CSSの学習
- テクスチャー素材の制作
- Webページの実践
2021.11.26
webサイトの制作中
動的なイラストの制作中(桜と椿)
2021.11.12
テクスチャーのイラストを更新しました!
- 梅の花|1月
- 椿(つばき)|2月
- チューリップ|3月
- 桜|4月
- タンポポ|5月
- 紫陽花|6月
- アサガオ|7月
- ひまわり|8月-1
- ハスの葉|8月-2
- ラベンダー|9月
- モクセイの花|10月
- かえで|11月
- イチョウの葉|12月
- すべてのイラストを集める
動的なイラストは佐藤先生の課程で作っています
webサイトの制作を作っています
2021.11.05
12ヶ月の代表的な植物のイラストは、植物の自然状態の特徴に応じて動するイラスト。
- 梅の花
- 椿(つばき)
- 桜
- 紫陽花
- タンポポ
- アサガオ
- ひまわり
- ハスの葉
- ラベンダー
- モクセイの花
- かえで
- イチョウの葉
2021.10.29
SiteMap
ページのレイアウトサンプル
テクスチャーの制作
- 梅の花
- イチョウの葉
- ラベンダー
- ハスの葉
- ひまわり
- タンポポ
- 紫陽花
- 桜
2021.10.22
テクスチャー素材の制作
1~12月のテクスチャーの選択。(12のテクスチャー)まだ考えます
テクスチャーのイラスト
桜・紫陽花・イチョウの葉(サンプル)
1つのカラーブロックを押すと、画面がボロボロになります
イラストを作るテクスチャーまたは動的なテクスチャの変化
2021.10.08
カレンダーの制作
homeページのサンプル
具体の制作
https://orangecatmo.github.io/CalenderHome0/
2级ページのサンプル
- 月のカレンダーのレイアウトデザイン
- 季節に関する情報
- 祝日と節気の注意
- 当日はテクスチャーの図形を追加しております
2021.09.30
カレンダーのwebサイトの制作
カレンダーのデザインのサンプル(まだ、考えます)
- ホームページのレイアウト:アンケートによると,トップページの月選択を色と数字で簡単に区別する
具体的ページのレイアウト
カレンダーデザインの考え
- 1、調査結果によると、カレンダー使用月に対する使用率が最も高く、祝日を重視し、簡単な形式に傾いていることが分かった。したがって、休日には専門的なページと注釈が作られる
- 2、後でテクスチャ—の素材を追加することを検討します。季節や祝日などに応じて自然物を決め、テクスチャーの素材の制作を行います
- 3、最後にいい言葉を入れてテーマを表現する日日是好日です
>参考:Wikipedia:日日是好日
2021.09.23
デザイン総合研究Iの更新
諸琳/デザイン総合研究I?
アンケートの分析について
- 1、人数:30人、年齢層:基本20代、性別:それぞれ半50分。
- 2、主に携帯電話でカレンダーを使うことが多いが、サラリーマンはパソコン用カレンダー記事が好き。
- 3、簡単な形でカレンダーを見る傾向がある。
- 4、カレンダーのスタイルやレイアウトが気になる。
- 5、記事や祝日の機能が気になる。
2021.07.16 tongtong ページの制作
tongtongの情報の変更
https://orangecatmo.github.io/tongtong
進行中のアンケート
アンケート
シングルページ参考
WORK
2021.07.09 ページの制作
HTML学習
https://orangecatmo.github.io/tongtong
レスポンシブデザイン参考
Google アンケート調査の作成
https://forms.gle/rtxmucEpjsNFvFiN9
2021.07.02 カレンダーについての考え
Google アンケート調査の変更
とんとんのwebの制作
https://orangecatmo.github.io/tongtong/
2021.06.18 カレンダーについての考え
アンケート調査について
ユーザーインタビューを行い、カレンダーを使う過程で他の人の意見や意見を知るための表を作成するつもりです。
- カレンダーの気になる点のアンケートの問題
(まだ、考えています)
- 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://docs.google.com/forms/d/e/1FAIpQLScLM-kaWDpgqqDRvwrp_v-9S4T5unu-DgvSO966hAv_U-vHIQ/viewform?usp=sf_link
- 参考リンク
2021.06.11 カレンダーについての考え
カレンダーの調査について
- 考えられる点
- 1. システムが機能を実現する流れが合理的かどうか,ユーザの基本的なニーズを満たすことができるかどうか。
- 2. 情報の伝達や美学的要因は,使用時にユーザに快適さを感じさせるかどうかである。
- 使用度の高いカレンダーの調査:
- Googleカレンダーのユーザーは、異なるタスクを明確に区別できるブラウジングデザインを好みます。
- 小米カレンダーは独特のシンプルなスタイルを持っている。
- iOSカレンダーのユーザは,彼らが設定したイベント地点時間に応じて通知を取得することが非常に有用であると考えている。
カレンダーの気になる点のアンケート調査(まだ、考えています)
ユーザーインタビューを行い、カレンダーを使う過程で他の人の意見や意見を知るための表を作成するつもりです。
- 1 毎日カレンダーを使いますか?
- 2 カレンダーはパソコンで使いますか?
- 3 カレンダーのスタイルを重視しますか?
- 4 タスクおよびイベントの追加機能を求めますか(必要としますか)?
- 5 高いインタラクティブ性を求めますか(必要としますか)?
- 6 過去、現在、未来の明確な視覚的区別を求めますか(必要としますか)?
- 7 スケジュールイベントの他者との共有を求めますか(必要としますか)?
- 8 季節や祝日などの重要なイベントの掲載を求めますか(必要としますか)?
- 9 ...
カレンダー制作の参考リンク
2021.06.03「日日是好日」
カレンダーの制作について
時間と色の分類
時間:2022年
色の選択:季節、旧暦、自然物、季節で一般的に選択されている着こなしなどによって選ばれたカラーブロック。グラデーションの使用。
月→週→日
- 週→日: 52週365日:毎週毎日の色が含まれている。
- Webデザインについての考え方:
まずページは月から始まり、次は具体的なカレンダーページに行きます。
2つ目は具体的な毎週の色に応じて肌を選ぶ。テクスチャーに関する視覚表現を作成する。最後のおみくじの使用。
2021.05.28
「日日是好日(にちにちこれこうじつ)」
「日日是好日」という言葉は禅語の一つである。意味として、生活の善し悪しは決して絶対性はなく、常に1人の心境及び物事への認識に関係があると考えられている。
映画『日日是好日』
喫茶文化の学者として知られている日本有名人の森下典子は「日日是好日」を映画化にした。主人公の典子は茶道を介して自由及び生活の面白みを見出した物語という映画である。同じく、これも作者本人の人生経歴だったのである。
まだまだ多くの人が良い日だとは思っていませんが、その後のお茶会では、武田先生の言葉も「一期一会」という文を深く解釈しました。
「いちごいちえ」
映画に出てきている四季の変化、節気の変動、風ないし雨の音という二十四節の変化にともなって物語が推進されてきたのである。「日日是好日」がかけてある武田先生の和式茶室は和式美学を反映している極端的な表現である。時下は永久であり、日々を有意義に過ごすことは極めて重要である。
日日是好日の発想について
一月一色 、一週一肌、 一日一籤
日々、嬉しいこともあれば悲しいこともある。しかし、善し悪しにかかわらず、いずれも成長の経歴になるはずである。すべての日を素晴らしき日という理念で考え、大自然のテクスチャを素材にし、身近に隠されている美を見つけた上で、籤を抽選するような形を以て、素晴らしき一日を始めることにしよう。日々、少しながら期待する気分を以て、生活を体験すれば、日常生活も多様多彩になるのであろう。
具体的方法:情報の収集と並べ替え
- 一月一色(いっかげついっしょく): 時間と色の分類
時間:1年12か月、52週間、365日。
色:色情報を並べ替えて、毎月テーマの色を開始します。
色の参考リンク
https://color.uisdc.com/
https://webgradients.com/
https://uigradients.com/
https://webkul.github.io/coolhue/
https://nipponcolors.com/#kohbai
https://colrd.com/palette/
- 一週一肌(いっしゅういちはだ): テクスチャーの収集と分類
テクスチャーの色とテクスチャー種類と時間に関連する自然物によって分類されます。(たとえば、春のスペシャル:花、イチゴ、梅雨など。)
具体的方法:(最初の考え、まだ決まっていない)
マクロレンズの使用:写真を撮る,顕微鏡下で感じがあります。
1つのカラーブロックを押すと、画面がボロボロになります
イラストを作るテクスチャーまたは動的なテクスチャの変化(まだ決まっていない)
- 一日一籤(いちにちいちくじ): テキストの収集とレイアウト
いい言葉を收集。日日是好日のコンセプトを展示します。
2021.05.21
日日是好日の発想について
映画『日日是好日(にちにちこれこうじつ)』
テクスチュアの分類方法
例えば: 自然的テクスチャー:オレンジ色
自然なテクスチャーの分類:海、動物の皮、木、石、都市、果物、ハーブ、水の波紋、光と影、空など。
制作スタイル
1日1つのテクスチャー
Web上のインターフェイスのアイデア
1つのカラーブロックを押すと、画面がボロボロになります
その他参考
2021.05.14
自然のテクスチャー・パターンの視覚表現に関する研究
テクスチャーの視覚化を表現する:ウェブデザイン・アプリデザイン
1.水分子の五感のテクスチャー:水リップル、液体、海水(key word)
ビジュアル:カラー、 水分子(ぶんし)、 水リップル
触覚:氷(こおり)、雪、雨
聴覚:雨の音、流れる水の音、潮の音
味覚(みかく):弱い(環境の影響、甘い湧(わ)き水、塩のかいすい)
嗅觉(きゅうかく):潮の香り・
2.日日是好日
1日1つのテクスチャー
自然に隠された美しい質感を発見する。カレンダー、生活を記録する。
2021.05.07
1、テクスチャーの発見
触覚のテクスチャー: 纸、物など
味覚のテクスチャー : みずみずしい、さらさらなど
ビジュアルのテクスチャー:都市(人文)と自然のテクスチャーなど
情緒のテクスチャー: テクスチャーは私たちが見て、触って、感じることができるものが、同時に人間の感情にもテクスチャーがある。
2、葉のテクスチャーについて
|
|
|
バナナの葉 | 蓮の葉 | サポテン |
|
|
|
ポプラの葉 | 銀杏 | ココナッツの木 |
- 「呼吸」葉の脈絡
葉の脈絡。「呼吸(こきゅう)」という言葉から展開しますと、人の肌にしても、葉の脈絡(みゃくらく)にしても、間違えなく、役割(やくわり)は呼吸です。ですから、呼吸感はこれらの呼吸からやってくることになりました。
- 葉のイラストを作る ( ココナッツの木、紅葉 、ニレの葉、銀杏、ポプラ、サボテンなど )
参考リンク
2021.04.16
テクスチャーと情報の発想
テクスチャー = 符号 = 情報
深澤直人さんは、消費者が直接わかるように、果物のかわを使ったパッケージデザインをおこなった。
テクスチャーにもさまざまな情報があります。また、 テクスチャーの質感によって感じ方も違って来る。テクスチャーによって情報が違うので、 情報や人に関する内容のテクスチャーを入れて、 テクスチャーを使って情報の識別度を上げる。
参考リンク