スキューモーフィズム
スキューモーフィズム︵英: skeuomorphism︶またはリッチデザイン︵英: Rich Design︶とは、他の物質に似せるために行うデザインや装飾を指す用語である。たとえば、紙製のカレンダーのような外見に似せたカレンダーのソフトウェアのデザインなどがあてはまる[1]。
![](//upload.wikimedia.org/wikipedia/commons/thumb/6/69/1986ChryslerLeBaronTownCountryStationWagon.jpg/220px-1986ChryslerLeBaronTownCountryStationWagon.jpg)
スキューモーフィズムの例。この車の模様は木目調である。
![](//upload.wikimedia.org/wikipedia/commons/thumb/9/90/Rainlendar_Skins.jpg/220px-Rainlendar_Skins.jpg)
Windows上で動くRainlendarは紙のメモやカレンダー に似せている。
![](http://upload.wikimedia.org/wikipedia/commons/thumb/6/69/1986ChryslerLeBaronTownCountryStationWagon.jpg/220px-1986ChryslerLeBaronTownCountryStationWagon.jpg)
![](http://upload.wikimedia.org/wikipedia/commons/thumb/9/90/Rainlendar_Skins.jpg/220px-Rainlendar_Skins.jpg)
定義
編集議論
編集
昨今では、iPhoneのインターフェイスに関して、iOS 6までは、スキューモーフィズムを多用したものだったが、iOS 7以降では、スキューモーフィズムを排除したインターフェイスとなり[4]、話題を呼んだ。
スキューモーフィズムは視認性が良くわかりやすくユーザービリティに長けているのが特徴であり、ウェブデザインにおいてはスキューモーフィズムが広く用いられている。
スキューモーフィズムの対義語としては一切の装飾を無くしたフラットデザインが挙げられる。
スキューモーフィズムがフラットデザインに勝る点として、ユーザーにとって直感的に操作を理解できるというものがある。装飾を施すことによって即座にボタン類を理解でき、何がどのように動作するのか予測したり理解することが可能になる。一方で、スキューモーフィズムでは現実世界にないもののインターフェイス化が困難であり、メタファーとして利用できるものがなければならないという限界もある。また、ボタンを1つを作るにしても複数の状態にあわせた画像を作る必要があるなど、手間がかかるという欠点もある[5]。
Googleは2014年に、マテリアルデザインというフラットデザインにスキューモーフィズムを取り入れた設計体系を提唱している[5]。
脚注
編集出典
編集
(一)^ Thompson, Clive. “Clive Thompson on Analog Designs in the Digital Age”. Wired Magazine. 2012年12月7日閲覧。
(二)^ March, H. Colley (1890). Transactions of the Lancashire and Cheshire Antiquarian Society. The Lancashire and Cheshire Antiquarian Society. pp. 187
(三)^ Gessler, Nicholas. “Skeuomorphs and Cultural Algorithms”. 2012年12月7日閲覧。
(四)^ Evans, Claire (2013-06-11). “A Eulogy for Skeuomorphism”. Motherboard 2013年6月11日閲覧。.
(五)^ ab上田恵 (2019年9月25日). “GUIの歴史とこれから”. MdN Design Interactive. エムディエヌコーポレーション. 2019年11月10日閲覧。