• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 山田真央/情報デザイン演習IIA2 へ行く。
  • 1 (2025-05-26 (月) 17:49:26)
  • 2 (2025-06-02 (月) 15:53:30)
  • 3 (2025-06-23 (月) 13:07:12)
  • 4 (2025-06-23 (月) 15:33:17)
  • 5 (2025-07-07 (月) 14:12:10)
  • 6 (2025-07-14 (月) 05:08:11)
  • 7 (2025-07-14 (月) 05:11:18)

---

よるさんぽ

〜幻想的で非日常な「深夜」を歩くサイト〜

• 山田真央
• Keywords：深夜, 散歩, web
• 完成作品

概要

これは何？

• 眠れない憂鬱な夜を楽しくするためのサイト
  
  

背景と目的

• 背景：深夜徘徊は非日常が味わえる楽しい体験ができるため、深夜徘徊の楽しさを発信したいと考えた。

• 目的：夜眠れなくて気を病んでいる人に、夜は楽しいと伝える。

制作ツール

• canva
• レフカメラ
  
  

成果物の仕様

• webサイト
  
  
  
  

---

---

2025.07.07

成果物

作業

• webサイト制作
  
  
  
  

2025.06.30

作業

• サイト内写真資料集め
• 文章書き出し
• webサイト制作
  
  
  
  

2025.06.23

相互評価シート ←ご協力ありがとうございました

問題点

• 危険性の注意書き
• マップ要素を設ける
• 世界観の演出
  
  

好評点

• 深夜の散歩好きな人が多く共感を呼べる点
  
  
  
  

2025.06.16

今回制作したプロトタイプ

• サイトマップ
  
• ワイヤーフレーム
• topとaboutの２ページ構成
• 写真をクリックすると写真と紹介文が見れる
  
  
  

プロトタイプの説明

• サイトマップ：Excel
• ワイヤーフレーム：Adobe XD
  
  
  
  

2025.06.09

現状分析

• テーマ内容の先行事例
  • 深夜徘徊について

• 表現形式の先行事例
  • 写真がメインのwebサイト
  • 写真作品が見られるwebサイト集

• 技術
  • 写真で魅せるwebサイトの作り方
    
    

課題定義

1. 何を伝えたいか
2. 構成決め
3. 素材集め
4. デザインの設計・色調整
5. 仕上げ・実装
   
   

制作上のアイデア

1. 伝えたいことを興味を引き出す制作を目指す
   • 深夜徘徊の楽しいポイントまとめる
   • 時間軸で分けてみる

1. 写真をメインに置いた構成

1. コンセプトを決め、雰囲気を統一した写真の撮影
   • 電気の付いてない街
   • 人・車がいない道路
   • 夜営業してるビカビカの商業施設

1. デザインの設計・色調整
   • コンセプトにあった配色・フォント選出
   • デザイン思考に基づいたレイアウト
     
     
     
     

2025.06.02

テーマ候補

• 知識
  • 化粧品成分徹底解説
  • ボーカロイド辞典
• ファッション
  • サブカルファッション
  • ピアスのかわいい紹介
• 娯楽
  • 電波ソング
  • 販売終了した駄菓子
  • 深夜徘徊
    
    

成果物の仕様

• 電子冊子
• webサイト
  
  

この演習を通して身に着けたいスキル

• デザイン思考
• 情報整理能力（レイアウト・フォント）