#author("2026-07-20T16:54:46+09:00;2026-07-20T16:39:02+09:00","default:member","member") #author("2026-07-20T16:56:31+09:00;2026-07-20T16:39:02+09:00","default:member","member") *2026福岡 夏のイベント特集✨ 充実した夏休みを送るために #image(メインビジュアル.png) -''Oshima Shieri'' -'''Keywords：Webデザイン, 視覚デザイン, html, css''' -https://cherrrys2.github.io/2026summer_events/ //-%%相互評価シート%%← ご協力ありがとうございました。// ~ **概要 ***背景と目的 夏休みという長期期間を楽しめるように、福岡の夏のイベントをまとめたサイトを作ろうと思った。１Qの時は成果物をPDFで制作したので、今回はwebサイトで制作しようと思った。 ~ ***成果物の仕様 WEBサイト ~ ***制作ツール サイト：HTML, CSS, JavaScript, GitHub メインビジュアル：Adobe Illustrator ~ #hr CENTER:''進捗記録'' #hr ~ ~ **2026.07.20 ***成果報告 -__[[完成サイト>https://cherrrys2.github.io/2026summer_events/]]__ ***改善点 -トップページのデザイン ~ ~ **2026.07.13 すること -%%メインビジュアルの作成%% ~ ~ **2026.07.06 すること -%%サイトマップの掲載%% -webサイトの概要欄作成 -%%目的と背景の内容%% ~ ~ **2026.06.29 ***見出された問題点 -イベントだけでなく、おすすめのスポットも紹介する。 -サイトを見ただけで必要最低限の情報がわかるように工夫する。 ~ ~ ***好評を得た点 ＞ プロジェクトの特性として -１つのサイトでイベント情報がまとめられている点。 ~ ~ **2026.06.22 ***今回制作したプロトタイプ -サイトマップ #image(サイトマップ.png) -ワイヤーフレーム #image( レイアウト.jpg) ~ ~ ***プロトタイプの説明 -画像とイベントの名前を見るだけで、イベントのイメージが湧くデザインを目指す。 ~ ~ **2026.06.15 ***現状分析 -夏にあるイベントをリサーチする ***参考リンク -＿＿[[デザイン>https://www.eventstudio.jp/]]＿＿ -＿＿[情報>https://www.crossroadfukuoka.jp/feature/summer-festival]]＿＿ ~ ~ ***課題定義 -1. シンプルなレイアウトを採用する。 -2. HTMLでページ構成を作成し、CSSでデザインを整える。 -3. スマホでも見やすいレスポンシブデザインにする。 ~ ~ ***制作上のアイデア（課題ごとに複数のアイデア） -1. デザイン --夏が楽しみになるように、青や黄色を基調にしたデザインにする。 --文字の大きさに統一感を出す。 →強調したい部分は色を変える。 ~ ~ -2. webサイト --webデザイン演習で学んだことを活かしてサイトを作る。 --少ないページで情報が完結するようにする。 --ハンバーガーメニューを作成する。 ~ ~ **2026.06.08 ***テーマ候補 -%%スタバおすすめカスタム一覧%% -%%貯金可視化サイト%% -2026年 福岡の夏休みイベント 紹介サイト(大学生向け) -%%おすすめの朝活%% ~ ~ ***成果物の仕様 -形式：webサイト ~ ~ ***この演習を通して身につけたいスキル -visual studio code -レイアウト -情報を完結にまとめて伝える力 ~ ~