菊池真桜/情報デザイン演習IIA2 をテンプレートにして作成

開始行:
*＆Lyric タイポグラフィで紹介する刺さる歌詞 サイト #image(＆Lyricsmn.jpg) -''Mao Kikuchi'' -'''Keywords：歌詞, タイポグラフィ, Webサイト, ''' -[[完成物(限定ページにてリンク公開)>https://design.kyusan... //-%%__[[相互評価シート>https://docs.google.com/spreadshe... //-[[''アンケート/みんなの思う刺さる歌詞を教えてください... ~ //***CONTENTS //#contents2_1 //~ **概要 ***これは何？ 心に響くと感じる曲の歌詞をタイポグラフィで表現し紹介するW... ~ ***背景と目的 最近の人気曲はショート動画で使用される回数に比例している... その影響で人が聞き入るような"曲調"が重視されがちな気がし... (もちろん歌詞も曲調も素晴らしい音楽はたくさんあるけど！) ~ だけど、曲の魅力はその先にある歌詞や世界観にあることも少... 明るいポップな曲調でも実は深いメッセージ性が込められてい... 元気の出るメロディーの中に、誰かの痛みが隠れている歌詞だ... ~ このサイトは曲の"歌詞"に注目して、歌詞から曲と出会える場... 歌詞を「音」だけでなく「目」で感じる形でさらに曲の良さを... ~ ***制作ツール -Visual Studio Code ~ ***成果物の仕様 -Webサイト ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2025.07.07 タイポグラフィの制作 ~ ~ ~ **2025.06.30 サイトの構成 ~ ~ ~ **2025.06.23 ***見出された問題点 -歌詞の解釈 -メニューバーにHOMEを追加させるべき ~ ***好評を得た点 ＞ プロジェクトの特性として -横画面のスライド形式 ~ ~ **2025.06.16 ***今回制作したプロトタイプ ~ ***プロトタイプの説明 -サイトマップ #image(sitemap.jpg) -[[ワイヤーフレーム(Figma)>https://www.figma.com/proto/7S... ↑Click ~ ~ **2025.06.09 ***現状分析 ''テーマ内容'' -刺さる歌詞とは --[[JPOPの歌詞はなぜ若者の共感を生むのか>https://www.jsta... --[["歌詞が良い"の種類>https://www.pops-pride.com/article... -音楽紹介記事 --[[10リスト連載一覧>https://rockinon.com/series/4]] --[[10リスト(RADWIMPSの名歌詞10)>https://rockinon.com/new... --[[心が元気になる曲>https://hitonokoto.net/self/energeti... --[[歌詞50選>https://note.com/kii_music/n/n599c229cb64f]] ~ ''表現形式'' -画面が横に移動する表現 --[[石の美術館>https://stonemuseum.jp/]] --[[MAISONCACAO>https://maisoncacao.com/valentine21/produ... ~ ***課題定義 -1.公開方法 -2.成果物のネーミング -3.成果物の形式（分量とサイズ） -4.成果物の構成 -5.素材（イラスト・写真・記事等）の入手方法・生成方法 -6.著作権について ~ ***制作上のアイデア（課題ごとに複数のアイデア） -1. 公開方法 --限定公開サイト --htmlにベーシック認証(パスワード)をかける -2. 成果物のネーミング -3. 成果物の形式（分量とサイズ） --Webサイト(HTML,CSS,JavaScript) -4.成果物の構成 -5.素材（イラスト・写真・記事等）の入手方法・生成方法 --タイポグラフィ(Adobe Illustrator , Clips studio paint) --バックグラウンド素材(写真orパターンイラスト) -6.著作権について --ウェブサイトでの掲載: 歌詞のワンフレーズ程度であれば、引用ルールにのっとって正... ~ ~ **2025.06.02 ***テーマ候補 -色の組み合わせを見つけるサイト -タイポグラフィ× 美しい日本語 -''タイポグラフィ× 歌詞 '' -猫が寄ってきてくれるアイテム集 ~ ***成果物の仕様 -形式：Webサイト ~ ***この演習を通して身につけたいスキル -HTML,CSS,JavaScript -Adobe Illustrator -アイデアの幅を広げる ~ ~ ~

終了行:
*＆Lyric タイポグラフィで紹介する刺さる歌詞 サイト #image(＆Lyricsmn.jpg) -''Mao Kikuchi'' -'''Keywords：歌詞, タイポグラフィ, Webサイト, ''' -[[完成物(限定ページにてリンク公開)>https://design.kyusan... //-%%__[[相互評価シート>https://docs.google.com/spreadshe... //-[[''アンケート/みんなの思う刺さる歌詞を教えてください... ~ //***CONTENTS //#contents2_1 //~ **概要 ***これは何？ 心に響くと感じる曲の歌詞をタイポグラフィで表現し紹介するW... ~ ***背景と目的 最近の人気曲はショート動画で使用される回数に比例している... その影響で人が聞き入るような"曲調"が重視されがちな気がし... (もちろん歌詞も曲調も素晴らしい音楽はたくさんあるけど！) ~ だけど、曲の魅力はその先にある歌詞や世界観にあることも少... 明るいポップな曲調でも実は深いメッセージ性が込められてい... 元気の出るメロディーの中に、誰かの痛みが隠れている歌詞だ... ~ このサイトは曲の"歌詞"に注目して、歌詞から曲と出会える場... 歌詞を「音」だけでなく「目」で感じる形でさらに曲の良さを... ~ ***制作ツール -Visual Studio Code ~ ***成果物の仕様 -Webサイト ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2025.07.07 タイポグラフィの制作 ~ ~ ~ **2025.06.30 サイトの構成 ~ ~ ~ **2025.06.23 ***見出された問題点 -歌詞の解釈 -メニューバーにHOMEを追加させるべき ~ ***好評を得た点 ＞ プロジェクトの特性として -横画面のスライド形式 ~ ~ **2025.06.16 ***今回制作したプロトタイプ ~ ***プロトタイプの説明 -サイトマップ #image(sitemap.jpg) -[[ワイヤーフレーム(Figma)>https://www.figma.com/proto/7S... ↑Click ~ ~ **2025.06.09 ***現状分析 ''テーマ内容'' -刺さる歌詞とは --[[JPOPの歌詞はなぜ若者の共感を生むのか>https://www.jsta... --[["歌詞が良い"の種類>https://www.pops-pride.com/article... -音楽紹介記事 --[[10リスト連載一覧>https://rockinon.com/series/4]] --[[10リスト(RADWIMPSの名歌詞10)>https://rockinon.com/new... --[[心が元気になる曲>https://hitonokoto.net/self/energeti... --[[歌詞50選>https://note.com/kii_music/n/n599c229cb64f]] ~ ''表現形式'' -画面が横に移動する表現 --[[石の美術館>https://stonemuseum.jp/]] --[[MAISONCACAO>https://maisoncacao.com/valentine21/produ... ~ ***課題定義 -1.公開方法 -2.成果物のネーミング -3.成果物の形式（分量とサイズ） -4.成果物の構成 -5.素材（イラスト・写真・記事等）の入手方法・生成方法 -6.著作権について ~ ***制作上のアイデア（課題ごとに複数のアイデア） -1. 公開方法 --限定公開サイト --htmlにベーシック認証(パスワード)をかける -2. 成果物のネーミング -3. 成果物の形式（分量とサイズ） --Webサイト(HTML,CSS,JavaScript) -4.成果物の構成 -5.素材（イラスト・写真・記事等）の入手方法・生成方法 --タイポグラフィ(Adobe Illustrator , Clips studio paint) --バックグラウンド素材(写真orパターンイラスト) -6.著作権について --ウェブサイトでの掲載: 歌詞のワンフレーズ程度であれば、引用ルールにのっとって正... ~ ~ **2025.06.02 ***テーマ候補 -色の組み合わせを見つけるサイト -タイポグラフィ× 美しい日本語 -''タイポグラフィ× 歌詞 '' -猫が寄ってきてくれるアイテム集 ~ ***成果物の仕様 -形式：Webサイト ~ ***この演習を通して身につけたいスキル -HTML,CSS,JavaScript -Adobe Illustrator -アイデアの幅を広げる ~ ~ ~

ページ名: