諸琳/博士前期/WorkLog2021 をテンプレートにして作成

開始行:
#setheadercolor(white,"linear-gradient(to top, #a8edea 0%... *[[諸琳]] 研究経過報告 2021 https://github.com/orangecatmo ~ //***CONTENTS //#contents2_1 **2021.12.17 ***デザイン総合研究Iの更新 [[諸琳/デザイン総合研究I]] ~ ***動的なイラストの制作が終わりました #YOUTUBE(tTf-FfpDvmU) ~ ***動くテクスチャーがwebサイトに入りしました https://orangecatmo.github.io/Home-page2021/ ~ ***冬休みのToDo - 毎月(12個)のページの制作 - ホームページ視覚の修正 - 動的ロゴの作成 - メモ添加と毎日の日付変換 ~ ~ ~ **2021.12.10 ***動くテクスチャーがwebサイトを更新します（９個） https://orangecatmo.github.io/Home-page2021/ ***1月のページ レイアウトサンプル（制作中） ページ修正は，自由に変更することができる https://orangecatmo.github.io/1-01-month/ Jsの学習中は，インタラクション機能を加える予定であり，メ... -参考リンク https://github.com/nhn/tui.calendar **2021.12.03 ***動くテクスチャーがwebサイトに入っています！（制作中） https://orangecatmo.github.io/home01/ ***1月のページ レイアウトサンプル https://orangecatmo.github.io/home1-01/ ~ ~ ~ **2021.11.26 ***webサイトの制作中 -HTMLとCSSの学習：月単位のカレンダー https://orangecatmo.github.io/CalenderHome0/ https://orangecatmo.github.io/date01/ -JSの学習：JSの試みでは，赤は日付によってループするが，We... https://orangecatmo.github.io/js-date-01/ ***動的なイラストの制作中 -制作ツール（技法） -Adobe Illustrator：イラストを作成 -Adobe After Effects：動的な表現自然物の変化の特徴に基づ... ~ ~ ~ **2021.11.12 ***テクスチャーのイラストを更新しました！ -梅の花｜１月 #image(D1.jpg)50% -椿（つばき）｜２月 #image(D2.jpg)50% -チューリップ｜３月 #image(D3.jpg)50% -桜｜４月 #image(D4.jpg)50% -タンポポ｜５月 #image(D5.jpg)50% -紫陽花｜６月 #image(D6.jpg)50% -アサガオ｜７月 #image(D7.jpg)50% -ひまわり｜８月-１ #image(D8.jpg)50% -ハスの葉｜８月-２ #image(80.jpg)50% -ラベンダー｜９月 #image(D9.jpg)50% -モクセイの花｜10月 #image(D10.jpg)50% -かえで｜11月 #image(D11.jpg)50% #image(D12.jpg)50% -イチョウの葉｜12月 #image(D13.jpg)50% #image(D14.jpg)50% -すべてのイラストを集める #image(e44.jpg)50% 動的なイラストは佐藤先生の課程で作っています ~ ***webサイトの制作を作っています #image(e1.jpg)50% ~ ~ **2021.11.05 12ヶ月の代表的な植物のイラストは、植物の自然状態の特徴に... --梅の花 #image(10.jpg)50% --椿（つばき） #image(20.jpg)50% --桜 #image(30.jpg)50% --紫陽花 #image(40.jpg)50% --タンポポ #image(50.jpg)50% --アサガオ #image(60.jpg)50% --ひまわり #image(70.jpg)50% --ハスの葉 #image(80.jpg)50% --ラベンダー #image(90.jpg)50% --モクセイの花 #image(100.jpg)50% --かえで #image(110.jpg)50% --イチョウの葉 #image(120.jpg)50% ~ ~ **2021.10.29 ***SiteMap ~ #image(本0.jpg)50% ~ ***ページのレイアウトサンプル #image(2x.jpg)50% ~ ~ ***テクスチャーの制作 --梅の花 #image(p01.jpg)50% --イチョウの葉 #image(p02.jpg)50% --ラベンダー #image(p03.jpg)50% --ハスの葉 #image(p04.jpg)50% --ひまわり #image(p05.jpg)50% --タンポポ #image(p6.jpg)50% --紫陽花 #image(p7.jpg)50% --桜 #image(p8.jpg)50% ~ ~ **2021.10.22 '''''テクスチャー素材の制作''''' ***1~12月のテクスチャーの選択。（12のテクスチャー）まだ考... -春の花 --二月：桃の花 --三月：桜 --四月：紫陽花・チューリップ -夏の海 --六月：海・雨 --七月：蝉(せみ) -秋の落ち葉 --八月：ラベンダー --九月：ハスの葉 --十月：もみじの葉 -冬天の木 --十一月：イチョウの葉 --十二月：竹・松の木 --一月：梅の花 ~ -参考リンク https://ganref.jp/subject/flower/09_september.html ***テクスチャーのイラスト 桜・紫陽花・イチョウの葉（サンプル） #image(22.jpg)50% '''''1つのカラーブロックを押すと、画面がボロボロになりま... イラストを作るテクスチャーまたは動的なテクスチャの変化 ~ ~ **2021.10.08 **カレンダーの制作 ***homeページのサンプル #image(001.jpeg)50% ~ ***具体の制作 https://orangecatmo.github.io/CalenderHome0/ ~ ***2级ページのサンプル - 月のカレンダーのレイアウトデザイン - 季節に関する情報 - 祝日と節気の注意 -当日はテクスチャーの図形を追加しております ~ #image(1x.jpg)50% ~ ~ **2021.09.30 '''''カレンダーのwebサイトの制作''''' カレンダーのデザインのサンプル（まだ、考えます） -ホームページのレイアウト：アンケートによると，トップペー... #image(q2.jpg)50% ~ 具体的ページのレイアウト #image(q3.jpg)50% ~ ~ #image(q1.jpg)50% ***カレンダーデザインの考え -1、調査結果によると、カレンダー使用月に対する使用率が最... -2、後でテクスチャ—の素材を追加することを検討します。季節... -3、最後にいい言葉を入れてテーマを表現する日日是好日です ＞参考：[[Wikipedia:日日是好日]] ~ ~ **2021.09.23 *** デザイン総合研究Iの更新 [[諸琳/デザイン総合研究I]] ~ *** アンケートの分析について #image(2w.jpg)50% #image(3w.jpg)50% #image(4w.jpg)50% #image(6w.jpg)50% #image(5w.jpg)50% #image(7w.jpg)50% -1、人数：30人、年齢層：基本20代、性別：それぞれ半50分。 -2、主に携帯電話でカレンダーを使うことが多いが、サラリー... -3、簡単な形でカレンダーを見る傾向がある。 -4、カレンダーのスタイルやレイアウトが気になる。 -5、記事や祝日の機能が気になる。 ~ ~ **2021.07.16 tongtong ページの制作 *** tongtongの情報の変更 https://orangecatmo.github.io/tongtong ***進行中のアンケート [[__アンケート__>https://docs.google.com/forms/d/1q5lNGhx... ~ ***シングルページ参考 -DEMO：https://koichi-inoue.github.io/SinglePage/ -CODE：https://github.com/koichi-inoue/SinglePage ~ ***WORK -[[入門サンプル>https://design.kyusan-u.ac.jp/OpenSquareJ... -事例1-6 --DEMO：https://koichi-inoue.github.io/JS_Sample_01/ --CODE：https://github.com/koichi-inoue/JS_Sample_01 -事例7-12 --DEMO：https://koichi-inoue.github.io/JS_Sample_02/ --CODE：https://github.com/koichi-inoue/JS_Sample_02 -BOMを含めた事例 --DEMO：https://koichi-inoue.github.io/JS_Sample_03/ --CODE：https://github.com/koichi-inoue/JS_Sample_03 -その他 --https://design.kyusan-u.ac.jp/OpenSquareJP/?JavaScript/... --https://design.kyusan-u.ac.jp/OpenSquareJP/?JavaScript/... --https://design.kyusan-u.ac.jp/OpenSquareJP/?JavaScript/... ~ ~ **2021.07.09 ページの制作 ~ ***HTML学習 https://orangecatmo.github.io/tongtong - 新しいページが作成されました - ページジャンプ ***レスポンシブデザイン参考 -DEMO：https://koichi-inoue.github.io/responsive01_JS/ -CODE：https://github.com/koichi-inoue/responsive01_JS ~ ***Google　アンケート調査の作成 ~https://forms.gle/rtxmucEpjsNFvFiN9 ~ ~ **2021.07.02　カレンダーについての考え ~ *** Google　アンケート調査の変更 - ホームページ：https://docs.google.com/forms/d/e/1FAIpQ... ~ ***とんとんのwebの制作 https://orangecatmo.github.io/tongtong/ ~ ~ ~ **2021.06.18　カレンダーについての考え ~ *** アンケート調査について ユーザーインタビューを行い、カレンダーを使う過程で他の人... -&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://docs.google.com/forms/d/e/1FAIpQLScLM-kaWDpgqqD... ~ ~ -参考リンク |面白いデザイン| --https://www.design-ah-exhibition.jp ~ #youtube(MG2z_yTnqMc) ~ ~ **2021.06.11　カレンダーについての考え ~ *** カレンダーの調査について -考えられる点 --1. システムが機能を実現する流れが合理的かどうか，ユーザ... --2. 情報の伝達や美学的要因は，使用時にユーザに快適さを感... ~ -使用度の高いカレンダーの調査： --Googleカレンダーのユーザーは、異なるタスクを明確に区別... --小米カレンダーは独特のシンプルなスタイルを持っている。 --iOSカレンダーのユーザは，彼らが設定したイベント地点時間... ~ *** カレンダーの気になる点のアンケート調査（まだ、考えて... ユーザーインタビューを行い、カレンダーを使う過程で他の人... -1　毎日カレンダーを使いますか？ -2　カレンダーはパソコンで使いますか？ -3　カレンダーのスタイルを重視しますか？ -4　タスクおよびイベントの追加機能を求めますか（必要とし... -5　高いインタラクティブ性を求めますか（必要としますか）？ -6　過去、現在、未来の明確な視覚的区別を求めますか（必要... -7　スケジュールイベントの他者との共有を求めますか（必要... -8　季節や祝日などの重要なイベントの掲載を求めますか（必... -9 ... ~ ~ ***カレンダー制作の参考リンク -'''''Peek 日历''''' https://www.peekcalendar.com/design.html 面白い点 --1、色と音効果 --2、インタラクション：フロントカメラを遮ると，スクリーン... --3、全国を風靡した“振る”機能にもPeek Calendarが入ってお... https://fullcalendar.io https://blog.csdn.net/zwxic/article/details/108790498 ~ -色の参考リンク https://www.japandesign.ne.jp/books/2016/05/14449/ http://www.seigensha.com/books/978-4-86152-734-0 ~ ~ **2021.06.03「日日是好日」 *** カレンダーの制作について ~ 時間と色の分類 時間：2022年 色の選択：季節、旧暦、自然物、季節で一般的に選択されてい... ~ *** 月→週→日 ~ -1月から12月までの代表色　 色パターン：RGB #image(uu.jpg)50% ~旧暦の説明: http://www.i-nekko.jp/meguritokoyomi/zasset... - 週→日: 52週365日:毎週毎日の色が含まれている。 #image(2022.jpg)50% - Webデザインについての考え方： まずページは月から始まり、次は具体的なカレンダーページに... 2つ目は具体的な毎週の色に応じて肌を選ぶ。テクスチャーに関... ~ ~ **2021.05.28 ***「日日是好日（にちにちこれこうじつ）」 ~「日日是好日」という言葉は禅語の一つである。意味として、... ~ ***映画『日日是好日』 ~喫茶文化の学者として知られている日本有名人の森下典子は「... まだまだ多くの人が良い日だとは思っていませんが、その後の... #image(027.jpg)50% 「いちごいちえ」 ~映画に出てきている四季の変化、節気の変動、風ないし雨の音... #image(034.jpg)50% ~ ***日日是好日の発想について '''''一月一色 、一週一肌、 一日一籤''''' ~日々、嬉しいこともあれば悲しいこともある。しかし、善し悪... ~ ***具体的方法：情報の収集と並べ替え ~ -'''''一月一色（いっかげついっしょく）'''''：　時間と色の... 時間：1年12か月、52週間、365日。 色：色情報を並べ替えて、毎月テーマの色を開始します。 #image(88.jpg)50% 色の参考リンク ~https://color.uisdc.com/ ~https://webgradients.com/ ~https://uigradients.com/ ~https://webkul.github.io/coolhue/ ~https://nipponcolors.com/#kohbai ~https://colrd.com/palette/ ~ -'''''一週一肌（いっしゅういちはだ）'''''：　テクスチャー... ~テクスチャーの色とテクスチャー種類と時間に関連する自然物... ~具体的方法：（最初の考え、まだ決まっていない） マクロレンズの使用：写真を撮る,顕微鏡下で感じがあります。 #settableborder(none) |33|33|33|33|c |#image(19.jpg)|#image(13.jpg)|#image(17.jpg)| |キュウリ|オニオン|エンドウ| '''''1つのカラーブロックを押すと、画面がボロボロになりま... イラストを作るテクスチャーまたは動的なテクスチャの変化（... ~ -'''''一日一籤（いちにちいちくじ）'''''：　テキストの収集... いい言葉を收集。日日是好日のコンセプトを展示します。 ~ ~ ~ ~ **2021.05.21 ***日日是好日の発想について 映画『日日是好日（にちにちこれこうじつ）』 #image(2.jpg)50% ~ ***テクスチュアの分類方法 -色（オレンジ、青・・・・） --自然の素材（海、動物の皮、木、石・・・） ~ 例えば： 自然的テクスチャー：オレンジ色 #settableborder(none) |33|33|33|c |#image(4.jpg)|#image(77.jpg)|#image(32.jpg)| |さびた壁|葉|蝶の羽| 自然なテクスチャーの分類：海、動物の皮、木、石、都市、果... ~ ***制作スタイル '''''1日1つのテクスチャー''''' ~ -参考リンク |#image(82.jpg)| ~ ***Web上のインターフェイスのアイデア '''''1つのカラーブロックを押すと、画面がボロボロになりま... ~ -参考リンク |#image(835.jpg)| |#image(W.jpg)| |面白いカレンダー| ~ ***その他参考 -https://81-web.com/ ~ ~ **2021.05.14 ***自然のテクスチャー・パターンの視覚表現に関する研究 ~テクスチャーの視覚化を表現する：ウェブデザイン・アプリデ... -今まで２つの提案があります。 ***1.水分子の五感のテクスチャー：水リップル、液体、海水（... ~ビジュアル：カラー、 水分子（ぶんし）、 水リップル ~触覚：氷（こおり）、雪、雨 ~聴覚：雨の音、流れる水の音、潮の音 ~味覚（みかく）：弱い（環境の影響、甘い湧（わ）き水、塩の... ~嗅觉（きゅうかく）：潮の香り・ ***2.日日是好日 ~1日1つのテクスチャー 自然に隠された美しい質感を発見する。カレンダー、生活を記... ~ ~ **2021.05.07 ***１、テクスチャーの発見 ~触覚のテクスチャー： 纸、物など~ ~味覚のテクスチャー ： みずみずしい、さらさらなど ~ビジュアルのテクスチャー：都市（人文）と自然のテクスチャ... ~情緒のテクスチャー: テクスチャーは私たちが見て、触って... ~ ***２、葉のテクスチャーについて ~ #settableborder(none) |33|33|33|c |#image(01.jpg)|#image(04.jpg)|#image(8.jpg)| |バナナの葉|蓮の葉|サポテン| |#image(03.jpg)|#image(066.jpg)|#image(07.jpg)| | ポプラの葉|銀杏|ココナッツの木| ~ -「呼吸」葉の脈絡 葉の脈絡。「呼吸（こきゅう）」という言葉から展開しますと... -葉のイラストを作る ( ココナッツの木、紅葉 、ニレの葉、... ~ ***参考リンク -[[原研哉的デザイン-IDEA 白について>https://www.nitesha.c... 白ごとに相関のデザインがある：梅田病院の優しさ白、松屋銀... ~ ~ **2021.04.16 ***テクスチャーと情報の発想 ~ CENTER:'''''テクスチャー　＝　符号　＝　情報''''' ~ ~ -テクスチャーには象徴性がある。 深澤直人さんは、消費者が直接わかるように、果物のかわを使... テクスチャーにもさまざまな情報があります。また、 テクスチ... ~ ***参考リンク -◯◯◯◯◯◯◯◯◯◯◯◯◯◯◯◯◯ -[[深澤直人さんのデザイン>https://www.google.com/search?s... ~ ~

終了行:
#setheadercolor(white,"linear-gradient(to top, #a8edea 0%... *[[諸琳]] 研究経過報告 2021 https://github.com/orangecatmo ~ //***CONTENTS //#contents2_1 **2021.12.17 ***デザイン総合研究Iの更新 [[諸琳/デザイン総合研究I]] ~ ***動的なイラストの制作が終わりました #YOUTUBE(tTf-FfpDvmU) ~ ***動くテクスチャーがwebサイトに入りしました https://orangecatmo.github.io/Home-page2021/ ~ ***冬休みのToDo - 毎月(12個)のページの制作 - ホームページ視覚の修正 - 動的ロゴの作成 - メモ添加と毎日の日付変換 ~ ~ ~ **2021.12.10 ***動くテクスチャーがwebサイトを更新します（９個） https://orangecatmo.github.io/Home-page2021/ ***1月のページ レイアウトサンプル（制作中） ページ修正は，自由に変更することができる https://orangecatmo.github.io/1-01-month/ Jsの学習中は，インタラクション機能を加える予定であり，メ... -参考リンク https://github.com/nhn/tui.calendar **2021.12.03 ***動くテクスチャーがwebサイトに入っています！（制作中） https://orangecatmo.github.io/home01/ ***1月のページ レイアウトサンプル https://orangecatmo.github.io/home1-01/ ~ ~ ~ **2021.11.26 ***webサイトの制作中 -HTMLとCSSの学習：月単位のカレンダー https://orangecatmo.github.io/CalenderHome0/ https://orangecatmo.github.io/date01/ -JSの学習：JSの試みでは，赤は日付によってループするが，We... https://orangecatmo.github.io/js-date-01/ ***動的なイラストの制作中 -制作ツール（技法） -Adobe Illustrator：イラストを作成 -Adobe After Effects：動的な表現自然物の変化の特徴に基づ... ~ ~ ~ **2021.11.12 ***テクスチャーのイラストを更新しました！ -梅の花｜１月 #image(D1.jpg)50% -椿（つばき）｜２月 #image(D2.jpg)50% -チューリップ｜３月 #image(D3.jpg)50% -桜｜４月 #image(D4.jpg)50% -タンポポ｜５月 #image(D5.jpg)50% -紫陽花｜６月 #image(D6.jpg)50% -アサガオ｜７月 #image(D7.jpg)50% -ひまわり｜８月-１ #image(D8.jpg)50% -ハスの葉｜８月-２ #image(80.jpg)50% -ラベンダー｜９月 #image(D9.jpg)50% -モクセイの花｜10月 #image(D10.jpg)50% -かえで｜11月 #image(D11.jpg)50% #image(D12.jpg)50% -イチョウの葉｜12月 #image(D13.jpg)50% #image(D14.jpg)50% -すべてのイラストを集める #image(e44.jpg)50% 動的なイラストは佐藤先生の課程で作っています ~ ***webサイトの制作を作っています #image(e1.jpg)50% ~ ~ **2021.11.05 12ヶ月の代表的な植物のイラストは、植物の自然状態の特徴に... --梅の花 #image(10.jpg)50% --椿（つばき） #image(20.jpg)50% --桜 #image(30.jpg)50% --紫陽花 #image(40.jpg)50% --タンポポ #image(50.jpg)50% --アサガオ #image(60.jpg)50% --ひまわり #image(70.jpg)50% --ハスの葉 #image(80.jpg)50% --ラベンダー #image(90.jpg)50% --モクセイの花 #image(100.jpg)50% --かえで #image(110.jpg)50% --イチョウの葉 #image(120.jpg)50% ~ ~ **2021.10.29 ***SiteMap ~ #image(本0.jpg)50% ~ ***ページのレイアウトサンプル #image(2x.jpg)50% ~ ~ ***テクスチャーの制作 --梅の花 #image(p01.jpg)50% --イチョウの葉 #image(p02.jpg)50% --ラベンダー #image(p03.jpg)50% --ハスの葉 #image(p04.jpg)50% --ひまわり #image(p05.jpg)50% --タンポポ #image(p6.jpg)50% --紫陽花 #image(p7.jpg)50% --桜 #image(p8.jpg)50% ~ ~ **2021.10.22 '''''テクスチャー素材の制作''''' ***1~12月のテクスチャーの選択。（12のテクスチャー）まだ考... -春の花 --二月：桃の花 --三月：桜 --四月：紫陽花・チューリップ -夏の海 --六月：海・雨 --七月：蝉(せみ) -秋の落ち葉 --八月：ラベンダー --九月：ハスの葉 --十月：もみじの葉 -冬天の木 --十一月：イチョウの葉 --十二月：竹・松の木 --一月：梅の花 ~ -参考リンク https://ganref.jp/subject/flower/09_september.html ***テクスチャーのイラスト 桜・紫陽花・イチョウの葉（サンプル） #image(22.jpg)50% '''''1つのカラーブロックを押すと、画面がボロボロになりま... イラストを作るテクスチャーまたは動的なテクスチャの変化 ~ ~ **2021.10.08 **カレンダーの制作 ***homeページのサンプル #image(001.jpeg)50% ~ ***具体の制作 https://orangecatmo.github.io/CalenderHome0/ ~ ***2级ページのサンプル - 月のカレンダーのレイアウトデザイン - 季節に関する情報 - 祝日と節気の注意 -当日はテクスチャーの図形を追加しております ~ #image(1x.jpg)50% ~ ~ **2021.09.30 '''''カレンダーのwebサイトの制作''''' カレンダーのデザインのサンプル（まだ、考えます） -ホームページのレイアウト：アンケートによると，トップペー... #image(q2.jpg)50% ~ 具体的ページのレイアウト #image(q3.jpg)50% ~ ~ #image(q1.jpg)50% ***カレンダーデザインの考え -1、調査結果によると、カレンダー使用月に対する使用率が最... -2、後でテクスチャ—の素材を追加することを検討します。季節... -3、最後にいい言葉を入れてテーマを表現する日日是好日です ＞参考：[[Wikipedia:日日是好日]] ~ ~ **2021.09.23 *** デザイン総合研究Iの更新 [[諸琳/デザイン総合研究I]] ~ *** アンケートの分析について #image(2w.jpg)50% #image(3w.jpg)50% #image(4w.jpg)50% #image(6w.jpg)50% #image(5w.jpg)50% #image(7w.jpg)50% -1、人数：30人、年齢層：基本20代、性別：それぞれ半50分。 -2、主に携帯電話でカレンダーを使うことが多いが、サラリー... -3、簡単な形でカレンダーを見る傾向がある。 -4、カレンダーのスタイルやレイアウトが気になる。 -5、記事や祝日の機能が気になる。 ~ ~ **2021.07.16 tongtong ページの制作 *** tongtongの情報の変更 https://orangecatmo.github.io/tongtong ***進行中のアンケート [[__アンケート__>https://docs.google.com/forms/d/1q5lNGhx... ~ ***シングルページ参考 -DEMO：https://koichi-inoue.github.io/SinglePage/ -CODE：https://github.com/koichi-inoue/SinglePage ~ ***WORK -[[入門サンプル>https://design.kyusan-u.ac.jp/OpenSquareJ... -事例1-6 --DEMO：https://koichi-inoue.github.io/JS_Sample_01/ --CODE：https://github.com/koichi-inoue/JS_Sample_01 -事例7-12 --DEMO：https://koichi-inoue.github.io/JS_Sample_02/ --CODE：https://github.com/koichi-inoue/JS_Sample_02 -BOMを含めた事例 --DEMO：https://koichi-inoue.github.io/JS_Sample_03/ --CODE：https://github.com/koichi-inoue/JS_Sample_03 -その他 --https://design.kyusan-u.ac.jp/OpenSquareJP/?JavaScript/... --https://design.kyusan-u.ac.jp/OpenSquareJP/?JavaScript/... --https://design.kyusan-u.ac.jp/OpenSquareJP/?JavaScript/... ~ ~ **2021.07.09 ページの制作 ~ ***HTML学習 https://orangecatmo.github.io/tongtong - 新しいページが作成されました - ページジャンプ ***レスポンシブデザイン参考 -DEMO：https://koichi-inoue.github.io/responsive01_JS/ -CODE：https://github.com/koichi-inoue/responsive01_JS ~ ***Google　アンケート調査の作成 ~https://forms.gle/rtxmucEpjsNFvFiN9 ~ ~ **2021.07.02　カレンダーについての考え ~ *** Google　アンケート調査の変更 - ホームページ：https://docs.google.com/forms/d/e/1FAIpQ... ~ ***とんとんのwebの制作 https://orangecatmo.github.io/tongtong/ ~ ~ ~ **2021.06.18　カレンダーについての考え ~ *** アンケート調査について ユーザーインタビューを行い、カレンダーを使う過程で他の人... -&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://docs.google.com/forms/d/e/1FAIpQLScLM-kaWDpgqqD... ~ ~ -参考リンク |面白いデザイン| --https://www.design-ah-exhibition.jp ~ #youtube(MG2z_yTnqMc) ~ ~ **2021.06.11　カレンダーについての考え ~ *** カレンダーの調査について -考えられる点 --1. システムが機能を実現する流れが合理的かどうか，ユーザ... --2. 情報の伝達や美学的要因は，使用時にユーザに快適さを感... ~ -使用度の高いカレンダーの調査： --Googleカレンダーのユーザーは、異なるタスクを明確に区別... --小米カレンダーは独特のシンプルなスタイルを持っている。 --iOSカレンダーのユーザは，彼らが設定したイベント地点時間... ~ *** カレンダーの気になる点のアンケート調査（まだ、考えて... ユーザーインタビューを行い、カレンダーを使う過程で他の人... -1　毎日カレンダーを使いますか？ -2　カレンダーはパソコンで使いますか？ -3　カレンダーのスタイルを重視しますか？ -4　タスクおよびイベントの追加機能を求めますか（必要とし... -5　高いインタラクティブ性を求めますか（必要としますか）？ -6　過去、現在、未来の明確な視覚的区別を求めますか（必要... -7　スケジュールイベントの他者との共有を求めますか（必要... -8　季節や祝日などの重要なイベントの掲載を求めますか（必... -9 ... ~ ~ ***カレンダー制作の参考リンク -'''''Peek 日历''''' https://www.peekcalendar.com/design.html 面白い点 --1、色と音効果 --2、インタラクション：フロントカメラを遮ると，スクリーン... --3、全国を風靡した“振る”機能にもPeek Calendarが入ってお... https://fullcalendar.io https://blog.csdn.net/zwxic/article/details/108790498 ~ -色の参考リンク https://www.japandesign.ne.jp/books/2016/05/14449/ http://www.seigensha.com/books/978-4-86152-734-0 ~ ~ **2021.06.03「日日是好日」 *** カレンダーの制作について ~ 時間と色の分類 時間：2022年 色の選択：季節、旧暦、自然物、季節で一般的に選択されてい... ~ *** 月→週→日 ~ -1月から12月までの代表色　 色パターン：RGB #image(uu.jpg)50% ~旧暦の説明: http://www.i-nekko.jp/meguritokoyomi/zasset... - 週→日: 52週365日:毎週毎日の色が含まれている。 #image(2022.jpg)50% - Webデザインについての考え方： まずページは月から始まり、次は具体的なカレンダーページに... 2つ目は具体的な毎週の色に応じて肌を選ぶ。テクスチャーに関... ~ ~ **2021.05.28 ***「日日是好日（にちにちこれこうじつ）」 ~「日日是好日」という言葉は禅語の一つである。意味として、... ~ ***映画『日日是好日』 ~喫茶文化の学者として知られている日本有名人の森下典子は「... まだまだ多くの人が良い日だとは思っていませんが、その後の... #image(027.jpg)50% 「いちごいちえ」 ~映画に出てきている四季の変化、節気の変動、風ないし雨の音... #image(034.jpg)50% ~ ***日日是好日の発想について '''''一月一色 、一週一肌、 一日一籤''''' ~日々、嬉しいこともあれば悲しいこともある。しかし、善し悪... ~ ***具体的方法：情報の収集と並べ替え ~ -'''''一月一色（いっかげついっしょく）'''''：　時間と色の... 時間：1年12か月、52週間、365日。 色：色情報を並べ替えて、毎月テーマの色を開始します。 #image(88.jpg)50% 色の参考リンク ~https://color.uisdc.com/ ~https://webgradients.com/ ~https://uigradients.com/ ~https://webkul.github.io/coolhue/ ~https://nipponcolors.com/#kohbai ~https://colrd.com/palette/ ~ -'''''一週一肌（いっしゅういちはだ）'''''：　テクスチャー... ~テクスチャーの色とテクスチャー種類と時間に関連する自然物... ~具体的方法：（最初の考え、まだ決まっていない） マクロレンズの使用：写真を撮る,顕微鏡下で感じがあります。 #settableborder(none) |33|33|33|33|c |#image(19.jpg)|#image(13.jpg)|#image(17.jpg)| |キュウリ|オニオン|エンドウ| '''''1つのカラーブロックを押すと、画面がボロボロになりま... イラストを作るテクスチャーまたは動的なテクスチャの変化（... ~ -'''''一日一籤（いちにちいちくじ）'''''：　テキストの収集... いい言葉を收集。日日是好日のコンセプトを展示します。 ~ ~ ~ ~ **2021.05.21 ***日日是好日の発想について 映画『日日是好日（にちにちこれこうじつ）』 #image(2.jpg)50% ~ ***テクスチュアの分類方法 -色（オレンジ、青・・・・） --自然の素材（海、動物の皮、木、石・・・） ~ 例えば： 自然的テクスチャー：オレンジ色 #settableborder(none) |33|33|33|c |#image(4.jpg)|#image(77.jpg)|#image(32.jpg)| |さびた壁|葉|蝶の羽| 自然なテクスチャーの分類：海、動物の皮、木、石、都市、果... ~ ***制作スタイル '''''1日1つのテクスチャー''''' ~ -参考リンク |#image(82.jpg)| ~ ***Web上のインターフェイスのアイデア '''''1つのカラーブロックを押すと、画面がボロボロになりま... ~ -参考リンク |#image(835.jpg)| |#image(W.jpg)| |面白いカレンダー| ~ ***その他参考 -https://81-web.com/ ~ ~ **2021.05.14 ***自然のテクスチャー・パターンの視覚表現に関する研究 ~テクスチャーの視覚化を表現する：ウェブデザイン・アプリデ... -今まで２つの提案があります。 ***1.水分子の五感のテクスチャー：水リップル、液体、海水（... ~ビジュアル：カラー、 水分子（ぶんし）、 水リップル ~触覚：氷（こおり）、雪、雨 ~聴覚：雨の音、流れる水の音、潮の音 ~味覚（みかく）：弱い（環境の影響、甘い湧（わ）き水、塩の... ~嗅觉（きゅうかく）：潮の香り・ ***2.日日是好日 ~1日1つのテクスチャー 自然に隠された美しい質感を発見する。カレンダー、生活を記... ~ ~ **2021.05.07 ***１、テクスチャーの発見 ~触覚のテクスチャー： 纸、物など~ ~味覚のテクスチャー ： みずみずしい、さらさらなど ~ビジュアルのテクスチャー：都市（人文）と自然のテクスチャ... ~情緒のテクスチャー: テクスチャーは私たちが見て、触って... ~ ***２、葉のテクスチャーについて ~ #settableborder(none) |33|33|33|c |#image(01.jpg)|#image(04.jpg)|#image(8.jpg)| |バナナの葉|蓮の葉|サポテン| |#image(03.jpg)|#image(066.jpg)|#image(07.jpg)| | ポプラの葉|銀杏|ココナッツの木| ~ -「呼吸」葉の脈絡 葉の脈絡。「呼吸（こきゅう）」という言葉から展開しますと... -葉のイラストを作る ( ココナッツの木、紅葉 、ニレの葉、... ~ ***参考リンク -[[原研哉的デザイン-IDEA 白について>https://www.nitesha.c... 白ごとに相関のデザインがある：梅田病院の優しさ白、松屋銀... ~ ~ **2021.04.16 ***テクスチャーと情報の発想 ~ CENTER:'''''テクスチャー　＝　符号　＝　情報''''' ~ ~ -テクスチャーには象徴性がある。 深澤直人さんは、消費者が直接わかるように、果物のかわを使... テクスチャーにもさまざまな情報があります。また、 テクスチ... ~ ***参考リンク -◯◯◯◯◯◯◯◯◯◯◯◯◯◯◯◯◯ -[[深澤直人さんのデザイン>https://www.google.com/search?s... ~ ~

ページ名: