展覧会のウェブページ制作
準備中・・・
Keywords：生成AI, Figma, HTML, CSS
ウェブページリンク (準備中)
タイトル
緑の残響
概要
植物が持つ「生命のリズム」や「記憶」をテーマにした現代アート展。
目には見えにくいけれど確かに存在する植物たちの時間の流れ、成長と衰退、自然と人間の関係を、インスタレーションや映像・写真・サウンドアートで表現。
会場
福岡・六本松文化ギャラリー「TERRA Room」
会期
2025年6月10日〜7月15日（一般：500円／学生：無料）
進捗記録
2025.04.21 - Figma の操作方法を調査
レスポンシブ UI を作成する3つのポイント
- 文字スタイルを設定
- コンポーネントを作成
- オートレイアウトで時短
参考: Figma初心者でも大丈夫！ レスポンシブWebデザインをFigmaで作るための3つのポイント
2025.04.20 - ベンチマーク調査
- The Museum of Modern Art (ニューヨーク近代美術館)
- メインビジュアルは館内の様子の映像
- サイト内は展示品の画像が多め
- 画像を目立たせるために白基調
- 北九州市立美術館内にあるカフェ
- ホバーアニメーションが洗練されていて好み
講義メモ
2025.04.21
2025.04.14
- 架空の展覧会のウェブページを制作
- 画像生成AIを用いて掲載する画像を作成
- 複数の画像生成AIで作成された画像の比較
- プロトタイプは Figma を使用
- UX の5段階モデル
- 表層: 視覚的デザイン
- 骨格: デザインに落とし込むための設計図
- 構造: 構造マップや情報の配置計画、コンテンツの流れなどの情報設計
- 要件: コンテンツや機能を具体的に検討する
- 戦略: アプリ制作の目的やコンセプト、ターゲットを設定する
