2026福岡 夏のイベント特集✨
充実した夏休みを送るために〜
- Oshima Shieri
- Keywords：Webデザイン, 視覚デザイン, html, css
相互評価シート← ご協力ありがとうございました。
概要
背景と目的
夏休みという長期期間にみんなが楽しめるように、福岡の夏のイベントをまとめたサイトを作ろうと思った。１Qの時は成果物をPDFで製作したので、今回はwebサイトで制作しようと思った。
成果物の仕様
WEBサイト
制作ツール
HTML,CSS
進捗記録
2026.07.20
2026.07.13
すること
2026.07.06
すること
- サイトマップの掲載
- webサイトの概要欄作成
- 目的と背景の内容
2026.06.29
見出された問題点
- イベントだけでなく、おすすめのスポットも紹介する。
- サイトを見ただけで必要最低限の情報がわかるように工夫する。
好評を得た点 ＞ プロジェクトの特性として
2026.06.22
今回制作したプロトタイプ
プロトタイプの説明
- 画像とイベントの名前を見るだけで、イベントのイメージが湧くデザインを目指す
2026.06.15
現状分析
課題定義
- 1. シンプルなレイアウトを採用する。
- 2. HTMLでページ構成を作成し、CSSでデザインを整える。
- 3. スマホでも見やすいレスポンシブデザインにする。
制作上のアイデア（課題ごとに複数のアイデア）
- 1. デザイン
- 夏が楽しみになるように、青や黄色を基調にしたデザインにする。
- 文字の大きさに統一感を出す。
→強調したい部分は色を変える。
- 2. webサイト
- webデザイン演習で学んだことを活かしてサイトを作る。
- 少ないページで情報が完結するようにする。
2026.06.08
テーマ候補
スタバおすすめカスタム一覧貯金可視化サイト- 2026年 福岡の夏休みイベント 紹介サイト(大学生向け)
おすすめの朝活
成果物の仕様
この演習を通して身につけたいスキル
- visual studio code
- レイアウト
- 情報を完結にまとめて伝える力
