LogoMark.png

太田糸音/情報デザイン演習IIA の変更点


#author("2023-07-31T19:43:08+09:00","default:member","member")
#author("2023-07-31T19:48:47+09:00","default:member","member")
*&color(#a9a9a9){𝐬𝐡𝐞𝐚𝐫𝐢𝐧𝐠𝐦𝐮𝐬𝐢𝐜};
感情で決めるミュージック  
 
#image(Toppage-1.jpg)
 
-''𝐬𝐡𝐢𝐨𝐧 𝐨𝐭𝐚''
-'''Keywords:WEBsite,CDjacket,emotions,color'''
-https://sites.google.com/view/shearingmusic
~

***相互評価 2023.05.15
%%[[プロトタイプ評価シート>https://docs.google.com/spreadsheets/d/1mzzcIZs9m7Or-IWIdEM3z-vEwobqUk-VGOakEdVIJJQ/edit?usp=sharing]] %%    ← コメントありがとうございました。

~
~
**𝐎𝐯𝐞𝐫𝐯𝐢𝐞𝐰
*** 𝐖𝐡𝐚𝐭 𝐢𝐬 𝐓𝐡𝐢𝐬
”今の感情”と”音楽”を共有することができるWebsite
~

***𝐁𝐚𝐜𝐤𝐠𝐫𝐨𝐮𝐧𝐝 𝐚𝐧𝐝 𝐏𝐮𝐫𝐩𝐨𝐬𝐞
「今はこの気分だな〜」と音楽を探そうとしても、なかなか自分の気分にあった曲を見つけて聴くことができず、モヤモヤする時があると思います。そこで”今の自分に合った音楽”を視覚的に認識し、音楽とリンクすることでモチベーションを保ってもらいたいと考えました。
~

***𝐎𝐮𝐭𝐩𝐮𝐭
-Googlesite
~

***𝐓𝐨𝐨𝐥𝐬
-AdobeIllustrator
-Googlesite
~

***𝐓𝐞𝐫𝐦
2023.04.10-2023.07.10
~
~

**𝐏𝐫𝐨𝐣𝐞𝐜𝐭 𝐌𝐚𝐧𝐚𝐠𝐞𝐦𝐞𝐧𝐭
***𝐒𝐜𝐡𝐞𝐝𝐮𝐥𝐞
[[スケジュール表>https://docs.google.com/spreadsheets/d/1j4Dkeb4rrpjat8dZWZsbLFGjPqbtHoc-qOTc5IU4wPg/edit?usp=sharing]]
~

***𝐓𝐨𝐃𝐨
-%%スケジュール作成%%
-%%どの感情をイメージしてどんな色が合うのか%%
-%%アイデアスケッチ%%
-%%サイトを準備%%
-どの曲を載せるかアンケートをとる
 その中から12〜16選び、並べる




~
~
~

#hr
CENTER:''𝐰𝐨𝐫𝐤𝐥𝐨𝐠''
#hr
**
**2023.07.03
~
-楽曲を選択し、全てを埋め込み完成☆
**2023.06.26
~
他の音楽サイトを見て、より”音楽サイト”になるよう「おすすめ」を追加
-参考リンク
[[レコチョク>https://recochoku.jp/]]
[[Apple Music>https://music.apple.com/jp/browse]]

**2023.06.19
~
-Spotifyの埋め込みをしました
横に3つしか並べられなかったので3×4=12で考える
~
**2023.06.12
~
-サイトのフォントや色味を統一しました
&color(#b7b7b7){#b7b7b7};
&color(#f3afdf){#f3afdf};
~
**2023.06.05
~
-モノクロ=無で作ろうと思いましたが、無に感情が存在するのか?
と、引っかかったのでやめました
~
%%[[&color(red){アンケートのご協力お願いします};>https://docs.google.com/spreadsheets/d/1PZ1ePhCEIe1R6qno7qAtJgBrVqrg7Q7BNLDExfUKENs/edit?usp=sharing]]%%
~
**2023.05.29
~
-サイトイメージを2つ作りました
#settableborder( none )
|49|2|49|c
|#image(siteimage-1.png)||#image(siteimage.png)|
~
**2023.05.22
***今回制作したプロトタイプ
~
&size(30){楽};
#image(enjoy-1.png)
~
~

**2023.05.15
***今回制作したプロトタイプ
~
&size(30){哀};
#image(sad-1.png)
~
~

**2023.05.08
***今回制作したプロトタイプ
~
&size(30){怒};
#image(anger-2.png)
~
~

**2023.05.01
***今回制作したプロトタイプ
~
&size(30){喜/幸};
#image(Happy-1.png)
~
~
***プロトタイプ制作の方法
-AdobeIllustrator
-AdobePhotoshop
~
~
#hr
~
~
***指摘された問題点
-WEBサイトの構成を詳しく示す
~

***好評価を得た点
-テーマが良かった 
~

***その他
-利用する人のことを考えてみる
~
~
#hr
***ワイヤーフレーム
#image(toppage.jpg)
~
#image(manepage.jpg)
~
~

**2023.04.24
アイデアの量産 > 絞り込み
~
***𝐖𝐞𝐛𝐬𝐢𝐭𝐞の公開方法
-Googlesite
~
***𝐖𝐞𝐛𝐬𝐢𝐭𝐞の内容(素材ネタ)
-音楽サイトにリンクしたQR
-Website
--Toppage
--中身
---1つ目 喜/幸せ(ピンク〜黄)
---2つ目 怒(暗め赤)
---3つ目 哀(青、青紫)
---4つ目 楽(黄〜オレンジ)
~
***𝐖𝐞𝐛サイトのネーミング
𝐬𝐡𝐞𝐚𝐫𝐢𝐧𝐠𝐦𝐮𝐬𝐢𝐜
~
***𝐖𝐞𝐛𝐬𝐢𝐭𝐞の構成
-Topページ
-曲紹介
~
***𝐖𝐞𝐛𝐬𝐢𝐭𝐞の制作環境と方法
-googlesite
~
~

**2023.04.17
***現状調査|テーマ内容の先行事例
-[[プレイリストの作り方>https://gerbera-music.agency/blog/playlist-fashion/]]
-[[感情に対する色>https://swingroot.com/plutchik-emotion/]]
~

***現状調査|表現形式の先行事例
-[[音楽の埋め込み>https://dankantakeshi.hatenablog.com/entry/way-to-share-spotify-music]]
~

***現状調査|時間軸(対象の歴史的知見)
-[[平成の音楽シーン>https://natalie.mu/music/column/332826]]
-[[色彩心理学>https://www.c-c-j.com/course/psychology/colortherapy/column/column06/]]
~

***現状調査|空間軸(対象の地理的知見)
-[[歴史に残るCDジャケットを作ったデザイナー>https://www.extreme-lab.com/historic_cd-jacket_designer/]]
-[[芸術品としてのジャケット>https://note.com/ecostorerecords/n/ndeddec9cfc60]]
~

***現状調査|技術
-[[gr@phic>https://www.graphic.jp/lineup/disc_media/dvd_jacket_offset]]
~

***解決すべき課題
-曲がランダムに流れるため、CDjacketをわざわざ見ない
-感情にあった色遣いをしないとしっくりこない
~
~

**2023.04.10
***プロジェクトのテーマ候補(10件以上)
-オリジナルCDジャケット
-曲から連想した物語の表紙
-季節の花(花言葉)
-電車 
-かわいい、アイドルの特徴
-パール、リボン、レース
-My hairの歴史
-パステルカラー
-紅茶の色々
-風邪を引いた時の暇の潰し方
-空港に大量発生する置き傘
~

***参考リンク
-[[CDジャケットの作り方>https://www.canva.com/ja_jp/create/album-covers/]]
-[[春〜初夏にかけて咲く花>https://garden-vision.net/flower/spring_earlys_flower04.html]]
-[[ビニール傘捨てられ問題>https://lifehugger.jp/column/stop-plastic-umbrellas-waste/]]
~
~