スキューモーフィズム
Skeuomorphism
革や金属、木目など、本物の素材の質感をそのまま再現したデザイン。
別名リアル調デザイン質感デザイン
見た目の特徴
- 本物の素材の質感
- 強い立体感と光沢
- 縫い目や金属のつまみ
- 現実の道具に似せる
色の組み合わせ (押すと色のコードをコピー)
合うフォントの例
GeorgiaNoto Serif JP
どこで使われている?
- よく見かける場所
- 昔のiPhoneの標準アプリ、楽器やカメラのアプリ、ゲームのメニュー
- 使うとよい場面
- 本物の道具のような手触り感を出したいとき
- 避けたい場面
- 今っぽさ・軽さを出したいとき(古く見えやすい)
- 向いているもの
- 楽器・カメラのアプリ、ゲームのメニュー
補足昔のiPhone(iOS 6まで)で使われていたデザインです。
似ている雰囲気と見比べる
AIへの指示文
Webサイト を作るときの指示文です。作るものは右上の「何を作る?」で変えられます。
Webサイトを「スキューモーフィズム(Skeuomorphism)」のデザインで作ってください。 見た目:革や金属、木目などの本物の素材の質感を再現し、強い立体感・光沢・縫い目などの細部で、現実の道具のように見せる。 特徴:本物の素材の質感/強い立体感と光沢/縫い目や金属のつまみ/現実の道具に似せる 色:革 #6B4A32、紙 #F5ECD9、青ボタン #2F6FD6、緑 #3D9A2A、文字 #3B2A1A フォントの例:Georgia、Noto Serif JP