丸石樹/情報デザイン演習IIA_01

淡色のある暮らし帖

淡色についていろんな視点で紹介するWebサイト 　

• 丸石樹
• '''Keywords：淡色.ファッション.サイト
• 相互評価シート← ご協力ありがとうございました。
  
  
  ☟🤎Click🤎☟
  淡色のある暮らし帖
  
  

概要

背景と目的

近年、SNSを中心に淡色系のインテリアやファッションが人気になっている。
しかし、情報がさまざまな場所に分かれており、まとめてみられるサイトはない。
なので、淡色をテーマにした情報を発信し、淡色が好きな人が参考にできる、見やすく統一感のあるサイトを作ることを目的とする。

成果物の仕様

・Webサイト

制作ツール

・チャットgpt
・Wix

2026.05.28

改善点

• 上のメニューのボタンとトップ画面のボタンの順番が違う
  
  
  

2026.05.25

作業の記録

• 四季別にaiにイラストを作ってもらった
• 一番下から一番上に戻るボタン
• 文字のフォント、大きさを揃える
  
  

MEMO（ToDo項目など）

• 見てる人が見やすいサイトに
• イラストを可愛く
• 項目増やす
  
  

2026.05.18

作業の記録

• AIに入れた内容
  • 淡色のある暮らし帖は、淡い色合いのある生活を紹介するウェブサイトを作成します。サイトの中もページは主に４個でまずはトップページ。トップページにはまず淡色の物で溢れかえっている写真がある。次に淡色とは何かを文章でわかりやすく表現。次に淡色の代表色を１０こくらい出して、その色の画像と、カラーコードをつける。次のページには淡色を基調としたサイトを紹介する。サイトはmizuya,みちくさアート,丸森町の３個を紹介する。サイト名と、URL、そのサイトの特徴を簡潔に書く。を内容にする。次のページには淡色を基調としたブランドを紹介する。ブランドはGeeRA,ma jestic legon,retorogire３個を紹介する。ブランドの名前、ブランドのサイトのURL、どんなものが売っているのか（画像込み）、ブランドの紹介。を内容にする。最後のページは、淡色のコーデを紹介する。コーデは全部で４個紹介する。春夏秋冬の４個の季節にあった淡色コーデを紹介。内容は、コーデのイラストは絶対入れて欲しい。イラストは、女の子がその全身コーデの服を着ているイラストで細部までこだわって欲しい。また、イラストは手書きみたいな感じでお願い。あと、どんなコーデなのか、なんでこのコーデにしたのか、このコーデに取り入れられている服の名前？、何系のコーデかなどわかりやすく書いてほしい。
    サイト内全てのフォントは手書き風フォントにして。また、サイト内の全ての色はくすんだ淡色でお願い（＃a08382）など。サイトの背景の色は、＃d5cdbdにして。写真もくすみカラー系でお願い。
• サイトを探した
  
  

MEMO（ToDo項目など）

• サイト、ブランドを探す
• ファションを考える
  
  

2026.05.11

見出された問題点

• 淡色ファションをイラストでわかりやすく
• 文字の色をもう少し落ち着いた色に変える
• 写真を持ってくる
  
  

好評を得た点 ＞ プロジェクトの特性として

• 実際の淡色の物を紹介
• 雰囲気がおしゃれ
• 項目が多い
  
  
  
  

2026.04.27

成果物の仕様・プロトタイプ

サイトマップ

2026.04.20

現状調査（先行事例等）

• ふみのサイト
• 丸森町
• あなたはどっチル？
  
  

解決すべき課題（ToDoリスト）

• 1. 淡色とは何かまとめる
• 2. 淡色系のブランドを探す
• 3. 淡色系のサイトをたくさん見る
  
  

制作上のアイデア（課題ごとに複数のアイデア）

• 1. 淡色にまとわれる
  • 全ての色は淡色
  • フォントも可愛く

• 2. 沢山の項目を作る
  • コーデ
  • ブランド
  • 歴史

• 3.実際に...
  • ブランドやサイトのリンクを貼る
  • 自分の持っている淡色のものを集める
    
    
    
    

2026.04.13

テーマ候補

• 新世界練習生
• モスバーガーのメニュー
• 淡色の物
• モンチッチ
• MARY QUANT
• 夜景
  
  

参考リンク

• 新世界101練習生
• 目白大学サイト
• ふみのサイト