LogoMark.png

宮園晴日/情報デザイン演習IIA2 の変更点


#author("2025-07-14T13:58:49+09:00","default:member","member")
#author("2025-07-14T13:59:24+09:00","default:member","member")
*80,90's リリックス ザ・ベストテン
80,90年代の歌詞に特化したwebサイト
~
#image(ban.png) 
           
   

-''Miyazono Haru''
-'''Keywords:J-pop, music '''
//-https://www.example.com
//-[[相互評価シート>https://docs.google.com/spreadsheets/d/1iYvvIAmkvho4fkthnfS2jgGYTt7NAfIfH1LzfcI62VQ/edit?usp=sharing]] ← ここからコメントをお願いします。
//-__[[アンケート>https://docs.google.com/spreadsheets/d/1Om01W-bJBJxLbJhU4OcH1oa6WnMxKJwPUwbshN7ocME/edit?usp=sharing]]
~

//***CONTENTS
//#contents2_1
//~


**概要
***これは何?
80,90年代に発表された曲の歌詞の表現や言語化の素晴らしさを伝えるサイト
//&color(red){これは何か・・を簡潔に};
~

***背景と目的
80,90年代の曲の言語化の素晴らしさを、
たくさんの方に気づいて欲しいという目的
//&color(red){プロジェクトの背景と目的};
~

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

***成果物の仕様
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
//[[https://sites.google.com/view/80-90s/%E4%BB%8A%E9%80%B1%E3%81%AE%E3%82%B9%E3%83%9D%E3%83%83%E3%83%88%E3%83%A9%E3%82%A4%E3%83%88]]
-[[宮園晴日/限定]] ← 完成サイト掲載

~
|50|2|50|C
|#image(f.png)|
|#image(3.png)| |#image(two.png) |
~
~

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

**2025.07.07
-全体的の手直し(文字色の変更やサイズ変更)
-ホームの完成
-
~
~

**2025.06.30
-曲のジャケットを貼り付け、各サブスクにつながるリンクをつけた
-時代背景の概要の完成
-背景色の変更(白→小豆色)
~
~
**2025.06.23
***見出された問題点
-売上枚数の記載
-ランキングの被りをなくす
-曲の配信先のリンクや記載
~

***好評を得た点 > プロジェクトの特性として
-ベストテン風のランキング形式
-レトロ感のある雰囲気
-
~
~
**2025.06.16
***今回制作したプロトタイプ
-ワイヤーフレーム
#settableborder( none )
|49|2|49|c
|#image(p.png)||#image(b.png)|
~
-サイトマップ
#image(two.png)
 
~

***プロトタイプの説明
-Adobe Illustratorにて作成
-WEBサイトの最初のところにベストテンを貼る
-ランキングを最初に載せて各年代のページ下に行くほど高い順位にする 
5→4→3→2→1
~
~
**2025.06.09

***現状分析
-[[ヒット曲の歌詞に見る時代の変化!いま、一番使われている言葉は?>https://www.at-s.com/life/article/ats/1050904.html]]
-[[Z世代にも響く歌詞📖80,90年代邦楽>https://music.line.me/webapp/playlist/upi7nLrdtfvhxjzl_n1p3rE-Gw6z94iz9vNz]]
~
 
***課題定義
-1.歌詞をどう注目させるか
-2. ジャケット写真をどう載せるか
-3. 時代背景をどう説明するか
~

***制作上のアイデア(課題ごとに複数のアイデア)
-1. 歌詞をどう注目させるか
--全て載せるのではなく、部分的に載せるとともに
歌詞が刺さる線や太文字を使って強調する

-2. ジャケット写真をどう載せるか
--Youtube Musicに載せてある曲はリンクを貼ることで
必然的にサムネイルにジャケットが表示されるようにする

-3. 時代背景をどう説明するか
--歌詞の中に出てくるその時代に必要だったものの補足説明する
例:公衆電話、ポケベル....
~
~

**2025.06.02
***テーマ候補
--素晴らしい昭和の歌詞
--歌詞の素晴らしい言語化特集
--なぜ昭和、レトロブームが起きているのか
--好きなアーティスト紹介
~

***成果物の仕様
--形式:WEBサイト

~

***この演習を通して身につけたいスキル
--言語化力、語彙力
--トレンド把握力
--レイアウト、webサイト制作
~
~
~
~

~