MainTitle
タイポグラフィで紹介する刺さる歌詞 サイト
メインビジュアル、あるいは
プロジェクトの最新の状態を視覚的に掲載
概要
これは何？
心に響くと感じる曲の歌詞をタイポグラフィで表現し紹介するWebサイト
背景と目的
制作ツール
成果物の仕様
進捗記録
2025.06.16
今回制作したプロトタイプ
画像等を掲載して下さい。
プロトタイプの説明
- ◯◯◯◯◯◯◯、◯◯◯◯◯◯
- ◯◯◯◯◯、◯◯◯◯◯◯
2025.06.09
現状分析
テーマ内容
表現形式
課題定義
- 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
- アイデアの幅を広げる
