Surface/Self
所有物(PC)に現れる個人の視覚的アイデンティティを分析したWebサイト
- Mao Kikuchi
- Keywords：PC, decoration, surface, self
- Surface/Self
概要
これは何？
デコレーションされたノートパソコンの視覚的要素（色彩・配置・密度）を分析し、持ち主の嗜好や内面的傾向を読み取り紹介するWebサイト
背景と目的
大学生活の中で、学生がPCにステッカーを貼るなどのデコレーションを行い、それぞれに愛着を持って使用している様子が多々見られた。
それらは持ち主の「好き」を反映しており、配置や色の違いに個人差が現れている点に着目した。
このような違いがどのように生まれているのか、またそれらの視覚的特徴から持ち主の嗜好や内面的な傾向を読み取ることができるのではないかと考え、本研究に至った。
コンセプト
人は普段使う物を、無意識のうちに選び、置き方や使い方にも自然と個性が表れる。
本作品では、デコレーションされたPCをその人の一つの“表面”として捉え、
ステッカーの色や配置、密度といった視覚的要素を分析することで、持ち主の内面的な傾向を読み解く。
外側に現れた要素は、どこまで内面を表しているのか。
本作品は、所有物を通して立ち現れる自己像を観察し、解釈する。
成果物の仕様
Webサイト
制作ツール
Adobe Illustrator
Adobe Photoshop
VisualStudio
プロジェクトの期間
プロジェクトの期間｜2026.04.09 - 2026.07.16
まとめ
調査
現状調査
- 自己スキーマ理論
「自分はこういう人間だ」という思い込みや知識の枠組み(心のフィルター)
「人は“自分らしいもの”を選ぶ」
Ex)「私は努力家だ」：失敗しても「次こそ頑張ろう」と解釈する。
「私は人前で話すのが苦手だ」：プレゼン前に緊張し、実際に失敗しやすくなる。
→好きな色を選ぶ,好きな配置にする→自分のイメージに合うものを選んでいる
人は自己スキーマに基づき、自分らしいと感じる要素を選択する傾向がある
- 自己決定理論
- 人はなぜ選ぶのか
3つの基本的心理的欲求
自律性 : 自分の行動を自分で選択し、決定している感覚。
有能感: 自分の行動が周囲に影響を与え、成長・上達している感覚。
関係性: 他者と繋がっている、尊重されているという感覚。
自分で貼る → 自律性
見栄え良くしたい,おしゃれにしたい → 有能感
見た人の話題になる,PCによって会話が生まれる → 関係性
- 色が人の心理と行動に与える影響とは
先行事例
技法・技術情報
stickertop.art
プロジェクト管理
スケジュール
ガントチャート
ToDo
-サイトマップ
-ワイヤーフレーム
- PC素材集め
- 画像編集
- アンケート集計
- コーディング
進捗記録
2026.06.25
2026.06.18
- サイト作成
- ギャラリーセクションをトップ画面へ移動
- PCの追加
2026.06.11
- サイト作成
- galleryの自動スクロールを手動操作も可能なようにする
2026.06.04
2026.05.21
- サイト作成
- 横スクロールセクションの追加
- カテゴリー分け
- カテゴリーの説明セクションの追加
2026.05.14
- サイト作成
- 横スライドでPCのギャラリーセクションを作る
- PCの画像を押すと詳細が見れるようにする
- おおまかにPCの種類分けをする
2026.05.07
2026.04.30
ワイヤーフレーム
サイトマップ
2026.04.23
アンケート作成
なぜPCのデコレーションと自己表現、内面を読み解くことに繋がるのか
- 自己スキーマ理論
「自分はこういう人間だ」という思い込みや知識の枠組み(心のフィルター)
「人は“自分らしいもの”を選ぶ」
Ex)「私は努力家だ」：失敗しても「次こそ頑張ろう」と解釈する。
「私は人前で話すのが苦手だ」：プレゼン前に緊張し、実際に失敗しやすくなる。
→好きな色を選ぶ,好きな配置にする→自分のイメージに合うものを選んでいる
人は自己スキーマに基づき、自分らしいと感じる要素を選択する傾向がある
- 自己決定理論
- 人はなぜ選ぶのか
3つの基本的心理的欲求
自律性 : 自分の行動を自分で選択し、決定している感覚。
有能感: 自分の行動が周囲に影響を与え、成長・上達している感覚。
関係性: 他者と繋がっている、尊重されているという感覚。
自分で貼る → 自律性
見栄え良くしたい,おしゃれにしたい → 有能感
見た人の話題になる,PCによって会話が生まれる → 関係性
- 色が人の心理と行動に与える影響とは
- アンケート内容
- 基本情報(年齢,学部・専攻,PC使用年数)
- 嗜好(好きな色,好きなジャンル→アニメ / 音楽 / ファッション / ブランド / その他）
- 自己認識(性格,行動・思考)
- 分析する内容
- 配置
- 密度
- 傾向
- 比較(本人とPCの視覚データ)
- 「統一」か「混在」のカテゴリー分け
2026.04.16
テーマ候補追加
- PCのデコレーション共有、紹介サイト
人は普段使う物を、無意識のうちに選び、置き方や使い方にも自然と個性が表れる。
- 著作権について
- アニメキャラ → 著作権
- ブランドロゴ → 商標権＋著作権
- NG行為
- キャラステッカーを主役にする
- キャラごとに紹介する
- 切り抜き・加工して使う
- 商用利用
- 対策
- PC全体を撮る(ステッカーについてがメインでない)
- 解釈の軸をずらす▶︎×「このキャラが可愛い」,◎「色や配置の傾向」
- 注意書きを入れる
「掲載されている画像内の各種著作物の権利は、各権利者に帰属します。本作品は研究・表現を目的としたものであり、権利侵害を目的とするものではありません。」
- 限定ページ内でリンクを共有する
- 参考
テーマ候補
- 「博多の遊具」 博多区のレトロな遊具の魅力
- 時には錆もおススメしたい。
- サビ（金属）の主な知識
発生要因: 金属、酸素、水分（湿度）が揃うと発生する。
主な種類と特徴:
赤錆（鉄）: 進行が速く、金属をボロボロにする。
黒錆（鉄）: 緻密な被膜で内部の腐食を食い止める（良い錆）。
緑青（銅）: 抗菌力や耐食性がある。
白錆（アルミ・亜鉛）: 表面に保護膜を作る。
保護性錆（ほごせいさび）: 例えば、1円玉のアルミニウムや、ブロンズ像（銅）の緑色の錆（緑青）は、表面に薄い膜を作ることで、内部まで腐食が進むのを防ぐ
コールテン鋼: あえて表面を緻密に錆びさせることで、それ以上の腐食を止める特殊な鋼材です。建築物やオブジェに使われ、年月とともに色が変わる「生きた素材」として扱われます。
2026.04.09
テーマ候補
- あたたかみのない編み物
- 手編みする編み物からあたたかみを連想する場合が多いが、あたたかみから離れクールなデザインにこだわった作品を制作し、WebサイトまたはSNS投稿用作品画像を作成
- 錆から感じ取る、時間ともの、ひとの関わり
- 錆は普段マイナスなイメージが多いが公園遊具の錆や使い込んだ道具の錆は、人がものと長く関わってきたからうまれた場合が多い気がする。
錆の一般的なイメージと違った印象を伝える
- aftereffectの使ったことないやつ全部さわってみてまとめる
- いまだに知らない機能ばかりのaftereffect。片っ端からさわってみよう
- いろんな人のデコPC紹介サイト
- PCのデコから持ち主の個性や内面の繋がりを分析する
- レイヤードコーデ専門ファッション冊子作成
- 最近レイヤードしかしていないので、イラストでわかりやすくレイヤードコーデをまとめて、レイヤードコーデ楽しもう♪
- 観葉植物を買う前に知っておくべきこと
- 観葉植物を買いたい自分のために必要な前知識をまとめたサイトを作成
- あまり糸を見捨てない
- あまり糸で制作した作品とそれに合わせた配色をまとめた作品紹介サイト
- 大量にダブった推しトレカで3Dカード作ってみる過程記録
- 5月にする展示の記録サイト
- 気温別服装参考書
- 普段の愚痴をポジティブに考え直す
- 素敵な言葉選び
調査
- あたたかみのない編み物
- 錆から感じ取る、時間ともの、ひとの関わり
