• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• バックアップ を表示
• 興梠媛愛/情報デザイン研究I へ行く。
  • 1 (2024-04-02 (火) 15:26:21)
  • 2 (2024-04-09 (火) 16:17:00)
  • 3 (2024-04-09 (火) 16:17:00)
  • 4 (2024-04-09 (火) 16:17:00)
  • 5 (2024-04-16 (火) 15:22:56)
  • 6 (2024-04-16 (火) 15:22:56)
  • 7 (2024-04-16 (火) 15:22:56)
  • 8 (2024-04-16 (火) 15:22:56)
  • 9 (2024-04-23 (火) 14:44:44)
  • 10 (2024-04-23 (火) 14:44:44)
  • 11 (2024-04-26 (金) 18:30:31)
  • 12 (2024-04-30 (火) 13:52:26)
  • 13 (2024-04-30 (火) 16:40:59)
  • 14 (2024-04-30 (火) 16:40:59)
  • 15 (2024-05-07 (火) 15:53:17)
  • 16 (2024-05-08 (水) 15:20:20)
  • 17 (2024-05-08 (水) 15:25:50)
  • 18 (2024-05-08 (水) 15:25:50)
  • 19 (2024-05-08 (水) 15:25:50)
  • 20 (2024-05-14 (火) 14:00:04)
  • 21 (2024-05-14 (火) 14:00:04)

#author("2024-04-13T16:21:42+09:00;2024-04-09T16:17:00+09:00","default:member","member")
*MainTitle
SubTitle ・・・・・・・・・・・・・・・・ 

  
 
             メインビジュアル、あるいは
             プロジェクトの最新の状態を視覚的に掲載
 
   

-''興梠 媛愛''
-'''Keywords：・・, ・・・, ・・・, ・・・'''
//-https://www.example.com
//-__[[相互評価シート>https://www.example.com]]__  ← ここからコメントをお願いします。

~
~


**概要
***これは何？
//&color(red){これは何か・・を簡潔に};
~

***背景と目的
//&color(red){プロジェクトの背景と目的};
~

***コンセプト
//&color(red){基本的な考え方、枠組み、視点など};
~

***成果物の仕様
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
~

***メンバー
//&color(red){共同プロジェクトの場合のみ｜メンバーと役割分担を明記};
~

***制作ツール
//&color(red){使用するツール｜ハードウエア・ソフトウエア};
~

***プロジェクトの期間
//&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX };
~

***まとめ
//&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。};
~
~


**調査

***現状調査
//&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し};
~

***先行事例
//&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など};
~

***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関する調査};

~
~

**プロジェクト管理

***スケジュール
//&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。};
~

***ToDo
//&color(red){やるべきこと（タスク）を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};

~
~

#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。};
#hr
~
~



**2024.04.09
***調査
-[[2024年のWebデザイントレンド>https://www.gohp.jp/blog/design/3952/]]
--2024年のWebデザインでは操作する側への配慮が重要視される
--目的・技法別のWebサイト紹介
-[[国内のWebデザイン参考サイト集>https://sankoudesign.com]]
-Webアニメーションコーディング
--[[CSSとJavascriptで作る美しいテキストアニメーション10選>https://photopizza.design/css_textanimation/]]

~
***キーワード
-Web 動きのあるサイトデザイン　見せるサイトと魅せるサイト
--Webサイトには、情報を正確に早く伝えるためのデザインと、見る人の感情を動かすようなデザインが存在している
--感情を刺激するデザイン
---喜びや楽しみ、安らぎなどプラスの感情
---不安や恐怖などのマイナスの感情
--参考サイト
---[[名古屋造形短大卒展>http://www.nzu.ac.jp/gex/2018/]]
　・背景の人の動きや時間の流れがのどかさ、楽しさを刺激する
　・アニメーションがあるためローディングが長い
---[[TBS>https://innovation.tbs.co.jp/?world=akasaka]]
　・スクロールによって場所が変わり、楽しさを刺激する
　・アニメーションがあるためローディングが長い
---[[Panasonic>https://saiyou.jpn.panasonic.com/world/]]
　・マップ上の数字にカーソルを合わせると追加情報が出る
　・アニメーションがあるためローディングが長い
---[[卒業制作　Peep>猪本結衣/卒業研究II]]
　・部屋の様子が時間の流れによって変化する
　・カーソルの色が変わる部分をクリックすると状況が変化する
　・ゆっくりする時間を体感できる
---[[卒業制作　Normotion Graphics>小森丈/卒業研究II]]
　・ドラッグ&ドロップで映像を動かすパズルのようになっている
　・実際に動かすという行動によって楽しさを刺激できる
---[[情報デザイン研究I　黒い金魚>紀野はるか/情報デザイン研究I]]
　・スライドすることによって進む物語
　・場面ごとに背景のアニメーションが変化する

-待ち時間を安らぎにするローディングのデザイン
--待ち時間を少なくするためのデザインまたは、待ち時間が苦にならないようなアニメーション
--参考サイト
---[[架空のケーキショップ>https://graziexxparlor.onedesign-eno.com]]
　・独自のクリックマークと同じパターンになっている
---[[TAPE YOU ALL! 使用情報>https://www.nittocs.co.jp/recruit/]]
　・青いテープが横に転がっていくアニメーション
---[[ZOOM>https://www.zoom-japan.com]]
　・横スクロールのデザインはあまりみたことがない
　・ローディングの画面がスタイリッシュ
---[[折り紙レター>https://sdgsstory.global.brother/j/special/origami/]]
　・折り紙を折っているアニメーションが入っている
---[[SMBC DESIGN>https://www.smbc-careers.com/design/]]
　・図形が動いている
　・HP内で使用している図形と一致していて一体感がある

-AIを使用したデザイン
--Adobe IllustratorやPhotoshop　に搭載されているAIの機能を使用
--何か仮想の目的をもとに雰囲気の異なるものをどれくらい生成できるのか
~
~

~