#author("2025-11-28T16:54:30+09:00","default:member","member") #author("2025-12-05T14:05:59+09:00","default:member","member") *Table Friends 架空のカトラリーをWebで魅せるための視覚表現と関係性デザインの研究 #image(23585716.png) -深町 彩海 -'''Keywords：web, cutlery,''' -https://a-thin.github.io/cutlery/ -[[後期概要>https://drive.google.com/file/d/121aLDwWGNFS9xt2TbjccGn-Rup1rVQA-/view?usp=sharing]] ~ **概要 ***これは何？ 「架空の人型カトラリー」を架空の商品としてデザインしおもしろおかしくWEBサイトに掲載し、その魅力を伝えるプロジェクト。 ~ ***背景と目的 -近年、雑貨やインテリアを「使うための道具」としてだけでなく、「飾って楽しむ」という価値観が広がっている。その中で、機能性を持たないプロダクトでも、デザインによって愛着や楽しさを感じられる点に可能性を感じ、このテーマを設定した。 -本研究の目的は、架空の商品を実務的な Web サイトの文脈に落とし込み 架空の商品としてデザインしおもしろおかしくというアイデア表現を目指す。 ~ ***コンセプト 使えないけど、なんだか好きになる、 そんな「愛着」をもたらす、ちょっとクセのあるカトラリーを 架空の商品として WEB サイトで楽しめるプロジェクト。 ~ ***成果物の仕様 [[WEBサイト>https://a-thin.github.io/cutlery/]] ~ ***制作ツール html Illustrator ~ ***プロジェクトの期間 プロジェクトの期間｜2025.4.11 - 2025.12.19 ~ ***まとめ 今回の研究では、前期に考えた企画内容をもとに、ビジュアル制作と Web サイトの構築を中心に進めた。特に、人型カトラリーの 3D モデル制作に力を入れ、キャラクター性がより伝わるように形状や色味の調整を行った。 Web サイトでは、実務的な構成を意識してレイアウトになるようにページを制作した。 また、制作の中では AI を積極的に活用し、文章作成や構成の検討、コーディングの補助など、これまで困難だった作業を効率よく進めることができた。AI を取り入れることで作業の幅が広がり、表現の精度向上にもつながった。 ~ ~ **調査 ***現状調査 [[孤食の割合>https://www.maff.go.jp/j/syokuiku/wpaper/h29/h29_h/book/part1/chap1/b1_c1_1_03.html]] [[一日の全ての食事を一人で食べている「孤食」の状況>https://www.maff.go.jp/j/syokuiku/wpaper/attach/pdf/h29_wpaper-26.pdf]] [[カトラリーの形について>http://lifehacker.jp/article/machi-ya-perfectspoon-review-806265/]] [[今あるカトラリー>https://pin.it/6B0ln6Brm]] [[デザートのカトラリーの種類と用途>https://table.le-noble.com/introduction/intro03_cutlery/]] -カトラリーの種類を調べて、カトラリーは、サイズを変えるこ とで用途を使い分けていることがわかった [[ホームデコール（装飾）市場分析>https://www.mordorintelligence.com/ja/industry-reports/home-decor-market]] -雑貨やインテリアを楽しむ人々の間で、道具を「使う」だけでなく「飾る」「眺める」といった楽しみ方が広がりつつある。機能性にとどまらないデザイン雑貨や、置いておくだけで空間を彩るプロダクトへの関心が高まっている - ~ ***先行事例 カトラリーサイト [[graziexxparlor>https://graziexxparlor.onedesign-eno.com/]] [[クリストフル>https://www.christofle.com/ja_jp/]] [[クチポール>https://www.cutipol.jp/]] [[アディルサ>https://www.le-noble.com/d/s/sm.php?ph=2&bo=&st=&et=&ng=&og=&ra=&zo=0&so=&ps=0&ma=0&set=0&nst=&o_all=1&st=1&uw_or=2&mk=095&l=0]] [[いろんなカトラリー>https://www.farfetch.com/jp/shopping/men/cutlery-2/items.aspx]] [[JR東日本 3D>https://recruit.jreast.co.jp/]] どういう事を調べて、どういうことがわかったかを記入 ~ ***技法・技術情報 [[スプーン３DCG>https://youtu.be/yIeTqERA3Qg?si=ZPpc03D0z0IKZpo_]] ~ ~ **プロジェクト管理 ***[[スケジュール>https://docs.google.com/spreadsheets/d/1aIRrZ25XDD3jKwIxW4rF0p6UMmwPwJQj9KH5E050-TU/edit?usp=sharing]] ~ ***ToDo 成果物決め 試作制作 イラレでスケッチ //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしないか」を考える}; //&color(red){例：10人以上の会議には出ない。苦手なことは誰かに頼む・・}; ~ ~ #hr CENTER:''進捗記録'' #hr ~ ~ ~ **2025.12.05 *** -カトラリーをAIに３Dぽく綺麗に出して ~ ~ **2025.11.28 ***ブラッシュアップ -カトラリーをAIに綺麗に３D化してもらう カトラリーをAIに３Dぽく綺麗に出してと指示した [[リンク>https://drive.google.com/drive/folders/1rnxtqTntMYP6bXhODWUl2zmo7ralNSXA?usp=sharing]] ~ ~ **2025.11.21 ***課題 -サイトマップの変更 WEBサイト -ロゴクリックでホームに戻れるようにする☑️ -カトラリーに一つ一つにお客様の声を入れる -MOHEがテンプレ感が表から分かってしまう -ABOUTの中にお客様の声が入っていて、ページによって動きが違う -使えないのはみてわかるから「あえて使いにくい」というワードをやめて、「架空のカトラリー」を面白おかしく使ってみたという感じに面白い感じに書いてもいいのではないか。☑️ -AIにカトラリーを使っているシーンを作らせたらいいのではないか -ABOUTページの女の子の指の修正☑️ -ページを一つ一つ作った方がいい（難しいコードになってしまうため） -カトラリーをAIに３Dぽく綺麗に出してはめこむともっと良くなるのではないか -それぞれのカトラリーを商品と合わせてみたら ~ ~ **2025.11.14 -メインビジュアル完成 #image(23585716.png,50%) -購入ページ制作 -aboutページ制作 -ワイヤーフレーム #image(概要集 ワイヤーフレーム.png,50%) ~ ~ **2025.10.31 -[[3Dカトラリー>https://drive.google.com/drive/folders/1lAZPKlFHzYz1c6yodoyv3d5pEhOM3whd?usp=sharing]] ~ -5体完成(スプーン1、箸2、フォーク2、ナイフ2、スプーン2) ~ ***カトラリーの物語を考える -スプーン1の「ペロ僧」 性格： イタズラが好き 特徴：なんでも舐めたくなる 一言セリフ：ぺろりんちょ ~ -箸2の「すいちゃん」 性格： サボりま 特徴：気が向かないと、仕事をしない 一言セリフ：💤 ~ ~ **2025.10.24 -カトラリーの大きさも考えて方が良さそう ➡︎使う系ではないから考えなくても良さそう ~ ~ **2025.10.17 -サイトの骨組み [[サイトはこちら>https://a-thin.github.io/cutlery/]] ~ ~ **2025.10.10 ***ストーリー内容はどうするか -箸1の「ジョン、ジュン」 性格： よく喧嘩をする双子。 特徴： 箸の先はドリルが少し危険。 二人の息はピッタリ。 一言セリフ：「よし、やるか」 ~ -フォーク1の「三太郎」 性格： 穏やか 特徴： 12月ごろになると元気になる ケーキに近づきたがる 一言セリフ：「ホー、ホー、ホー！」 ~ -ナイフ1の「スイレン」 性格： 高慢でわがまま 特徴： スカートをヒラヒラさせるのがすき なんでも切ってしまう 一言セリフ：「なんてことなの…！」 ~ ~ **2025.10.03 -試作制作 ~ -目的：作品の軸をブレさせずに伝えるための言葉を固める。 「使えないことに価値がある」を短く印象的な言葉で表現（キャッチコピー案）例：「不便だから、愛しい。」 コンセプト文を100〜150文字でまとめる。 カトラリーのキャラクター性（人型の意味や個性）を整理。 → どんな性格・関係性を持つ“友だち”なのか。 ~ ~ **2025.09.26 -試作制作 ~ -色々考ええてみて 「使えなさ」は、欠点ではなく感情を喚起する要素として機能する。 モノと人との間に愛着や友情のような関係が生まれる。 機能的価値よりも感情的・物語的価値を重視するプロダクトの新しい方向性を提示している。 デジタル空間でも、触れられないものに“存在感”を感じる表現が可能である。 ~ ~ **2025.09.19 -試作制作 ~ -調査 既存のカトラリーブランド（クリストフル、クチポール、アディルサ など） カトラリーの種類・用途・形状の分析 Webでのカトラリー表現事例（3D、インタラクティブ演出など） ~ ~ **2025.07.18 ***ブラッシュアップ -ワイヤーフレーム、サイトマップ |#image(ワイヤーフレーム2.png)|#image(サイトマップ3.png)| ~ -[[前期概要 更新>https://drive.google.com/file/d/17T4Lj-9mwtKpsRU6LkM0bFtsjcua2kcP/view?usp=sharing]] タイトルの由来、ワイヤーフレーム、サイトマップの変更 ~ -[[試作ラフ画>https://drive.google.com/drive/folders/1JYALIREGy5Zrq31buuZzA2y6TwtGz6sz?usp=sharing]] ~ ~ ***前期研究発表 評価 本当のショップサイトにしたら （ええ？これ売ってるの？って思ってもらえるように） [[Fancy Candy>https://yume-22.github.io/fancycandy/product.html]] 世界観をもっと出してもいい キャラの紹介 試作（ラフ画）100〜200 もっと変な形にしてもいいのかも ~ ~ ***前期発表 -タイトルの由来 カトラリーを“テーブルにいる友だち”みたいに見立てた ~ -調査結果 カトラリーをしまわずに飾って楽しむ方法を探るため、国内外の雑貨やカトラリーの事例を調べた。 一般的なカトラリーは機能性が重視され、使わない時間を楽しむ発想は少なかったが、雑貨やオブジェには人型など遊び心のある例が多かった。 この調査から、人型カトリーは物語性を加えることで「しまわない雑貨」として新しい価値を生み出せると考え、その魅力を実物ではなくWEBで表現することにした。 ~ -__[[試作サイト>https://a-thin.github.io/Table-Friends]]__ ~ -ワイヤーフレーム、サイトマップ |#image(ワイヤーフレーム1.png)|#image(サイトマップ2.png)| ~ -8本にする理由 1本ずつキャラクター性をしっかり作り込むために、無理なく高いクオリティを保てる数として8本に絞った。 多すぎると世界観がぼやけるので、ちょうど良くまとまる数にした。 ~ -カトラリーの雰囲気 日常にいる小さな仲間たち（生活モチーフ） → 見る人が「自分の生活にいるみたい」と思える （ナイフ、箸、フォーク） |#image(１.png)|#image(２.png)|#image(３.png)| -前期まとめ 前期では、WEBサイトの骨組み、カトラリーの雰囲気を制作した。 夏季休暇では、8体のビジュアル決定し3D化し、 後期では、WEB制作を行っていく予定である ~ ~ **2025.07.11 -概要集変更（タイトルの由来記入） -キャラのコンセプト（生活or童話） [[イメージ画像>https://drive.google.com/drive/folders/1JYALIREGy5Zrq31buuZzA2y6TwtGz6sz?usp=sharing]] -サイトマップ修正 #image(サイトマップ2.png) ~ ~ **2025.07.04 ***試作サイトの更新 -改善するとこ サイトロゴの修正 実際に試作している作品をいれる -8本のラフ画 -3Dにしてみる -本数についての例 -世界観とどうするか（色とか） ~ ~ **2025.06.27 -[[サイトの試作>https://a-thin.github.io/Table-Friends]] #image(サイト試作.png,50%) -[[前期概要>https://drive.google.com/file/d/1hnLAmfjsCliWIMtt62uZoS4Ht7Y_tAzW/view?usp=drive_link]] ~ ~ **2025.06.20 -ワイヤーフレーム最新版 #image(ワイヤーフレーム1.png,50%) ~ -サイトマップ最新版 #image(サイトマップ1.png,50%) ~ [[サイト試作>https://a-thin.github.io/Table-Friends/]] ~ -カトラリーにする理由 雑貨はもともと「飾るもの」として扱われますが、 カトラリーは本来「使う道具」であり、使わないときは引き出しにしまわれてしまう存在です。 だからこそ私は、あえて“使えないくらいクセのあるデザイン”にすることで、 「しまいたくない」「見えるところに飾っておきたい」と思えるような存在にしたいと考えました。 カトラリーだからこそ生まれる意外性や、「使う」と「飾る」のあいだを行き来する楽しさを、 日常の中にそっと届けられたらと思っています。 ~ -カトラリーの掲載本数 6~8本 シリーズの世界観や雰囲気をしっかり伝えられる。 6本以上あれば、デザインやキャラクター性のバリエーションを出しやすく、見る人に「こういうシリーズなんだ」と印象づけることができる ~ ~ **2025.06.13 概要集制作 [[スケッチ イラレ>https://drive.google.com/drive/folders/1uazNI3_v7_cCtcdBO6A45W0IypeTCPoJ?usp=sharing]] ~ ~ **2025.06.06 ***中間発表を終えて -[[ジャックカレルマン>https://www.google.com/search?q=objet+impossible+de+jacques+carelman&client=firefox-b-d&sca_esv=0c6b261fdab4471f&udm=2&biw=1189&bih=973&ei=NnVCaLnSAea_vr0P3uPZiAk&oq=objet+impossible+ja&gs_lp=EgNpbWciE29iamV0IGltcG9zc2libGUgamEqAggAMgYQABgIGB5Ij2NQiQlYkk5wAXgAkAEAmAFtoAGwAqoBAzEuMrgBAcgBAPgBAZgCA6ACzwHCAggQABgTGAcYHsICBxAAGIAEGBPCAgYQABgTGB7CAgoQABgTGAgYChgewgIIEAAYExgIGB7CAggQABgTGAUYHpgDAIgGAZIHAzIuMaAH3gSyBwMxLjG4B8kBwgcFMC4xLjLIBwo&sclient=img]] -機能性をどうするか （少しでも使えるものにするのか、使えないものにするのか） -カトラリーに限らなくてもいいのでは？ 孤食について触れるならカトラリーだけでもいいかも -どこを目指しているのか -ピントと合わせる -イラレでスケッチ ~ *** 指摘を整理して考えるべきこと 1️⃣ 機能性をどうするか ちょっとは使えるけど不便 2️⃣ カトラリーに限らなくてもいいのでは？ 「人型カトラリー」だけでなく → 人型の 食卓周りの雑貨 → 例：人型のマグカップ、人型のお箸置き、人型のナプキンホルダー 3️⃣ 孤食に触れるならカトラリーに絞る 「一人の食事時間をちょっと楽しくする」 これを強めたいならカトラリーだけに絞っても良いのかも 4️⃣ どこを目指しているのかを言語化 ストーリー性のある世界観の演出をしていきたい ~ ~ **2025.05.23 ***ターゲット、試作 -ターゲット 海外インテリアや個性的な雑貨が好きな10代後半〜30代の女性 WebやSNSで“ビジュアル重視”のプロダクトを楽しむユーザー層 ~ -制作するカトラリーと本数 --4人×2セット（8本）＋α、展開で深めていく 他サイトを見ているとセットで表示していることが多く見られた キャラクター性をはっきり打ち出せる それぞれ1本ずつにキャラ名・性格設定を与えることで、Webページや展示時に「誰が誰か」がハッキリすると感じた。 仮）スプーン、フォーク、ナイフ、箸 ~ -ノーマルスプーンの試作（blender） #image(スプーン.png,40%) -人型カトラリーのイメージラフ画 |10|2|10|c |#image(image1.jpg)||#image(image2.jpg)| ~ ~ **2025.05.16 -ストーリー内容はどうするか 例1. スプーンの「ルル」 性格： おっとりした甘えんぼ。よく寝る。 特徴： 丸くてつるつるのおしりがチャームポイント。 寝る前にハチミツを飲むのが日課。 一言セリフ：「スープのお風呂、大好き〜。」 ~ -サイトマップ #image(サイトマップ.png) ~ -ワイヤーフレーム |20|2|20|c |#image(アートボード 1.png)||#image(アートボード 2.png)| ~ -これからの制作について --もう少しWEBサイトについて研究して改良していく --カトラリーの研究 --6月末までにプロトタイプCG 1本完成目標 --夏休み中にCG全体完成の目安 -- 9月にWebデザイン開始 - ~ ~ **2025.05.09 ***WEBサイトでどうしたら架空のカトラリーをうまく見せれるかの研究 -何本提案するのか -ストーリーを作って、テンション上げ状態を作れるくらいにする -WEBサイトの表現のやり方の研究（写真、構成） -WEB 3Dを調べる -3Dを使ってみたいので、3Dで表現する -海外 カトラリー メーカーのオリジナルサイトお見せかたの研究 - - ~ ~ **2025.05.02 ***課題点 -カトラリーで本当に孤食を解決できるのか ~ -ゆるく始めるアイデア：「食べるたびに変化するWebカトラリー図鑑」 ・コンセプト 自分の食事行動（何を食べた、いつ食べた）をWeb上でカトラリーと一緒に記録していく。 食べるたびに、カトラリーの性格やビジュアルが育っていく“デジタル図鑑”。 ・できること（現実的な制作範囲） フォーム入力で「今日のごはん」「気分」「一言メモ」を記録 その内容に合わせて、キャラっぽいカトラリーのイラストや色が変わる カトラリーが「今日もがんばったね！」とかしゃべってくれる 一覧で「日々のカトラリーの記録」が見られる ~ ***作れない弱みを強みにできる案 -「つくれないからこそ、“あり方”を問うデザイン」 ・コンセプト 手に取れなくても、“誰かと道具の関係”を描き出せる視覚体験 ・どう社会性がある？ 「買えない」「持てない」人にも想像できるように設計されたアクセス可能な表現 ・（視覚障害や経済的制約を持つ人も含めて「想像できるデザイン」） “つくれないこと”を強みにしたデジタル表現として成立 ~ -「食卓の多様性を肯定する」 ・コンセプト カトラリーの形や色が“人の多様性”を象徴している ・どう社会性がある？ いろんなカトラリーたち＝いろんな人、いろんな暮らしを表現 ・誰の食卓にも存在していい・合う「多様なスタイル」を尊重するメッセージ → LGBTQ+、家族のあり方、ジェンダー、障がいなども連想される余地あり ~ ~ **2025.04.25 ***テーマ案決定 カトラリー ~ ***孤食をネガティブなものではなく豊かな時間を過ごす時間に変えるから広げる -人の形をしたカトラリー -明るい色 -柄 -メッセージを入れてみる -キャラに合わせて食べ物を“服”のように盛れるプレート （たとえばサラダでスカートを作る） -カトラリーやプレートに、世界各国の文化や料理・人物がモチーフになってる 食事と一緒に“旅気分”が味わえる 例：モロッコ風スプーン、北欧風フォーク、タイのスープ皿など - ~ ***成果物案 -Webでの「人型カトラリー」紹介アイデア ① キャラクター紹介ページ 1本ずつ名前・性格・特徴・口ぐせ・得意料理などを紹介する → まるで“住人紹介”みたいに！ 例：Leo（レオ） ・タイプ：フォーク ・性格：ちょっとツンデレだけど本当は優しい ・口ぐせ：「ちゃんと噛んで食べなよ」 ・得意料理：サラダやパスタにうるさい ・趣味：音楽（フォークソング） ②アニメーション・リアクション ページにマウスを置くと動く（ぴょこんと反応する） クリックするとポーズが変わる ③使っていないときの姿も紹介 「飾ってるときのレオ」：ブックエンド風 「お休み中のレオ」：壁にぶら下がってインテリアに → 使ってないときも可愛いをちゃんと伝えられる ~ -ミニブック ・キャラクターごとの紹介、1日の過ごし方、レシピとの相性などを描いた小冊子 ・絵本風にする？生活風景と一緒に見せるなどで、世界観がぐっと広がる ~ -SNS or インスタ風 ・架空の公式アカウント風に、Table Friendsの投稿を作成 ・キャラが日々の出来事を投稿するような内容 ~ -展示用パネルやポスターで世界観を魅せる 「Table Friendsとは何か？」が1枚で伝わるようにビジュアル構成 使用シーンの合成ビジュアルや、キャラとのひとりごはん風景を作る ~ ***孤食について -同居している家族と「ほとんど毎日」一緒に食事を食べると回答した人は6割。 年代でみると、孤食が「ほとんど毎日」は70代の女性で26.0％、20代の男性で25.4％と、4人に1人が孤食。（農林水産省の「平成29年度 食育白書」） -孤食が増加している原因 現代は共働きも多く、さらには帰宅時間が遅かったり、子どもの塾通いなどで家族の食事時間がバラバラとなり家族全員が一緒に食卓を囲む機会が少なくなっている。 単身世帯や夫婦のみの世帯、ひとり親世帯の増加による「一緒に食べる人がいない」ケースが増加。 ~ ~ **2025.04.18 ***調査、試作、工程表、ToDoリスト -[[工程表>https://docs.google.com/spreadsheets/d/1aIRrZ25XDD3jKwIxW4rF0p6UMmwPwJQj9KH5E050-TU/edit?usp=sharing]] ~ -[[試作>https://drive.google.com/drive/folders/1JwSXvHGPritregrByvEU9_nhQTZaL8IV?usp=sharing]] ~ ~ **2025.04.11 ***テーマ候補 -わくわくカトラリー 視覚的に楽しめるカトラリー 孤食をネガティブなものではなく豊かな時間を過ごす時間に変える ~ -幼稚園、老人ホームも人たちが気軽に触れ合えるような遊び方 ~ -架空のカトラリーサイト ~ ~ ~