• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 山田真央/情報デザイン演習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：・・, ・・・, ・・・, ・・・
• https://www.example.com

概要

これは何？

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

背景と目的

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

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

制作ツール

• canva
  
  

成果物の仕様

• webサイト
  
  
  
  

---

---

2025.06.16

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

• サイトマップ

  #image(): Usage:([pagename/]attached-file-name[,parameters, ... ][,title])

• ワイヤーフレーム

  #image(): Usage:([pagename/]attached-file-name[,parameters, ... ][,title])

  
  

プロトタイプの説明

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

2025.06.09

現状分析

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

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

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

課題定義

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

制作上のアイデア

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

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

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

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

2025.06.02

テーマ候補

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

成果物の仕様

• 電子冊子
• webサイト
  
  

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

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