#author("2025-07-14T13:44:54+09:00","default:member","member") #author("2025-07-14T13:58:50+09:00","default:member","member") *よるさんぽ 〜幻想的で非日常な「深夜」を歩くサイト〜 〜幻想的な「深夜」を歩くWebサイト〜 #image(yoru.png) -''山田真央'' -'''Keywords：深夜, 散歩, web''' -[[完成作品>https://yanikakeikaku.my.canva.site/dagsdcpbsrc]] ~ //***CONTENTS //#contents2_1 //~ **概要 ***これは何？ -眠れない憂鬱な夜を楽しくするためのサイト ~ ***背景と目的 -背景：深夜徘徊は非日常が味わえる楽しい体験ができるため、深夜徘徊の楽しさを発信したいと考えた。 -目的：夜眠れなくて気を病んでいる人に、夜は楽しいと伝える。 ~ ***制作ツール -canva -カメラ ~ ***成果物の仕様 -webサイト ~ ~ #hr CENTER:''進捗記録'' webサイト制作 #hr ~ ~ **2025.07.07 ***成果物 -[[完成作品>https://yanikakeikaku.my.canva.site/dagsdcpbsrc]] ~ ***作業 -webサイト制作 ~ ~ **2025.06.30 ***作業 -サイト内写真資料集め -文章書き出し -webサイト制作 ~ ~ **2025.06.23 %%[[相互評価シート>https://docs.google.com/spreadsheets/d/1skkuopZxoqyfoyB2Ht_kuq1tKELQc7AWqNoObTSh6R4/edit?usp=sharing]]%% ←ご協力ありがとうございました ~ ***問題点 -危険性の注意書き -マップ要素を設ける -世界観の演出 ~ ***好評点 -深夜の散歩好きな人が多く共感を呼べる点 ~ ~ **2025.06.16 ***今回制作したプロトタイプ -サイトマップ #image(sitemap2.jpg) -ワイヤーフレーム -topとaboutの２ページ構成 -写真をクリックすると写真と紹介文が見れる #image(waiya.png) ~ ***プロトタイプの説明 -サイトマップ：Excel -ワイヤーフレーム：Adobe XD ~ ~ **2025.06.09 ***現状分析 -テーマ内容の先行事例 --[[深夜徘徊について>https://watablg.com/1657]] -表現形式の先行事例 --[[写真がメインのwebサイト>https://atarimae-kanko.com/]] --[[写真作品が見られるwebサイト集>https://studio-prologue.com/photomedia_list/]] -技術 --[[写真で魅せるwebサイトの作り方>https://www.mongoroid.com/blog/design/photo_website_20180911]] ~ ***課題定義 +何を伝えたいか +構成決め +素材集め +デザインの設計・色調整 +仕上げ・実装 ~ ***制作上のアイデア +伝えたいことを興味を引き出す制作を目指す --深夜徘徊の楽しいポイントまとめる --時間軸で分けてみる +写真をメインに置いた構成 +コンセプトを決め、雰囲気を統一した写真の撮影 --電気の付いてない街 --人・車がいない道路 --夜営業してるビカビカの商業施設 +デザインの設計・色調整 --コンセプトにあった配色・フォント選出 --デザイン思考に基づいたレイアウト ~ ~ **2025.06.02 ***テーマ候補 -知識 --化粧品成分徹底解説 --ボーカロイド辞典 -ファッション --サブカルファッション --ピアスのかわいい紹介 -娯楽 --電波ソング --販売終了した駄菓子 --&color(red){''深夜徘徊''}; ~ ***成果物の仕様 -電子冊子 -webサイト ~ ***この演習を通して身に着けたいスキル -デザイン思考 -情報整理能力（レイアウト・フォント） ~ ~