Перейти до вмісту

Скевоморфізм

Очікує на перевірку
Матеріал з Вікіпедії — вільної енциклопедії.
Електричні лампочки у формі полум'я свічок

Скевоморф́ізм (грец. σκεῦος — «посудина», «інструмент», μορφή — «форма») — орнамент або елемент дизайну, який скопійовано з форми іншого об'єкту, але виготовлений з інших матеріалів або іншим методом.

Скевоморф [1] [2] — похідний об'єкт, який зберігає орнаментальні дизайнерські ознаки (атрибути) структур, необхідних в оригіналі. [3] Скевоморфи зазвичай використовуються, щоб зробити щось нове знайомим і, таким чином, легшим для розуміння та використання. Вони використовують елементи, які, хоча й є важливими для оригінального об'єкта, не служать жодній прагматичній меті в новій системі, окрім ідентифікації. Прикладами є кераміка, прикрашена імітацією заклепок, що нагадують подібні горщики з металу , та програмний календар, який імітує зовнішній вигляд палітурки на паперовому настільному календарі. [4]

Визначення та мета

[ред. | ред. код]

Термін «скевоморф» походить від грецького skeuos (σκεῦος), що означає «місткість або інструмент», та morphḗ (μορφή), що означає «форма». Він застосовується до матеріальних об'єктів з 1890 року. [5] У графічних комп'ютерних інтерфейсах, починаючи з 1980-х років, скевоморфи є дизайнерською конвенцією для графічних елементів. [6]

Скевоморфи можуть бути навмисно використані, щоб зробити новий дизайн більш знайомим і зручним, або можуть бути результатом культурного впливу та норм на дизайнера. Вони можуть бути художнім вираженням з боку дизайнера. [6] Дослідник зручності використання та академік Дон Норман описує скевоморфізм з точки зору культурних обмежень: взаємодії з системою, які засвоюються лише через культуру. Норман також популяризував сприйняті можливості (affordances), коли користувач може сказати, що об'єкт надає або робить, на основі його зовнішнього вигляду, що може бути забезпечено завдяки скевоморфізму. [7]

Концепція скевоморфізму пов’язана з кількома іншими дизайнерськими поняттями. Мімезис означає наслідування й походить від грецького терміна «імітація». Архетипом називають первісну модель або ідею, яку повторюють у різних варіаціях, і частина таких повторень може мати скевоморфний характер. Скевоморфізм також співвідноситься з технологічною залежністю від шляху розвитку, однак відрізняється тим, що зберігає форму, а не функцію: у технологіях може лишатися поведінковий принцип елемента, навіть якщо первісні причини такого дизайну вже втратили актуальність.

Тригліфи та гути в доричному ордері ; традиційно розглядаються як відтворення в камені функціональних особливостей дерев'яних грецьких храмів, що їм передували.

Багато елементів дерев’яних споруд були перенесені греками в кам’яну архітектуру під час переходу від дерев’яного до мурованого будівництва. Орнаментальні деталі доричного ордера в класичних храмах — тригліфи, мутули, гути та модильйони — найімовірніше, мають походження від реальних конструктивних частин ранніх дерев’яних храмів. Вважається, що тригліфи й гути наслідують вигляд різьблених торців дерев’яних балок та шести кілочків, якими ці балки кріпилися.

Історично склалося так, що предмети високого статусу, такі як вишукані та дорогі срібні чаші мінойців, відтворювалися для ширшого ринку з використанням кераміки, дешевшого матеріалу. Обмін формами між металевими виробами та керамікою, часто від першого до другого, майже постійно спостерігається в історії декоративно-прикладного мистецтва . Іноді глиняні гранули використовуються для імітації заклепок металевих оригіналів. [8]

Також є докази скевоморфізму в переходах між матеріалами. Шкіра та кераміка часто переносять риси дерев'яних аналогів попередніх поколінь. Також було знайдено глиняну кераміку з виступами у формі мотузок, що вказує на майстрів, які шукали знайомі форми та процеси, працюючи з новими матеріалами. [9] Іншим прикладом є маленькі нефункціональні ручки на скляних пляшках з-під кленового сиропу, які нагадують ручки від кам'яних глечиків. [10] У цьому контексті скевоморфи існують як риси, що шукаються в інших предметах, або через їхню соціальну бажаність, або для психологічного комфорту. [6]

У сучасну епоху дешевші пластикові вироби часто імітують дорожчі дерев'яні та металеві вироби, [11] хоча вони є скевоморфними лише тоді, коли нова орнаментація посилається на оригінальну функціональність, [12] наприклад, литі головки гвинтів у литих пластикових виробах. [13] Важіль на механічному ігровому автоматі, або « однорукий бандит », є скевоморфним на сучасному відеоігровому автоматі, оскільки механічна сила більше не потрібна. Предмети одягу також отримують скевоморфну обробку; наприклад, штучні пряжки на певному взутті з ремінцями, такому як Мері Джейн для маленьких дітей, яке зберігає естетику, але використовує застібку на липучці, щоб зробити його легшим у використанні.

Chrysler LeBaron Town & Country (1986)

Автомобільний дизайн історично був сповнений фізичних скевоморфізмів, таких як перехід від дерев'яних каркасів та кузовів ранніх автомобілів, що вироблялися кузовними заводами, до тих, що поєднували як функціональну деревину, так і сталь (так звані " дерев'яні елементи "), до, зрештою, імітації вінілового облицювання під дерево, повністю для стилю, до 1960-х років. Інші приклади включають тонкі штучні хромовані пластикові компоненти та елементи зі штучної шкіри, золота, дерева в салоні, перлів або кристалів, інкрустованих коштовностями. У книзі "Дизайн повсякденних речей" Дон Норман зазначає, що ранні автомобілі були розроблені за мотивами кінних екіпажів . [11] Дійсно, ранній дизайн автомобіля Horsey Horseless навіть включав дерев'яну голову коня спереду, щоб спробувати мінімізувати лякання справжніх тварин. [14] У 1970-х роках вікна опери та вінілові дахи на багатьох розкішних седанах подібним чином імітували роботу екіпажів з епохи коней та екіпажів . Станом на 2019 , більшість електромобілів мають помітні передні решітки радіатора, навіть попри те, що за відсутності двигуна внутрішнього згоряння потреба у впуску повітря для охолодження невелика. [15]

Скеуоморф в інтерфейсі користувача (апаратно-подібний інтерфейс користувача) з емуляцією ручок керування для маніпулювання цифровим аудіо в плагіні Redstair GEARcompressor Audio Unit

Через відносно абстрактну природу обчислень, багато операційних систем мають скевоморфний графічний інтерфейс користувача, який емулює естетику фізичних об'єктів для покращення знайомства. Яскравим прикладом є метафора робочого столу, яка представляє програми та об'єкти файлової системи так, ніби вони є об'єктами на столі користувача. У крайньому випадку, інтерфейси, такі як Microsoft Bob, поширюють метафору на весь обчислювальний досвід користувача, представляючи різні програми як об'єкти вдома. [16]

Скевоморфи також використовуються окремими комп'ютерними програмами, часто представляючи інтерфейс програми як фізичний об'єкт з подібною функцією. Прикладами є цифровий список контактів, що нагадує Rolodex [17], та пакет RealThings від IBM 1998 року. [18] Більш екстремальний приклад можна знайти в деяких пакетах програмного забезпечення для синтезу музики та обробки аудіо, які точно імітують фізичні музичні інструменти та аудіообладнання з кнопками та циферблатами. [19] Піктограми графічних інтерфейсів також можуть зображати скевоморфні представлення фізичних об'єктів, такі як зображення фізичної папки для паперу для представлення комп'ютерних файлів [11] у метафорі робочого столу або зображення дзвінка для представлення сповіщень .

Віртуальні скевоморфи також можуть бути слуховими. Звук клацання затвора, який видають більшість телефонів із камерами під час зйомки, є слуховим скевоморфом. [20] Іншими відомими прикладами є звук зім'ятого паперу, коли документ викидається в смітник [21], та звуки двигунів в електромобілі, що імітують звук двигуна внутрішнього згоряння. [22]

Інші віртуальні скевоморфи не використовують буквальні зображення якогось фізичного об'єкта, а радше натякають на ритуальні людські евристики або евристичні мотиви, такі як повзунки, що емулюють лінійні потенціометри [19], та візуальні вкладки, що поводяться як фізичні папки з вкладками. Іншим прикладом є жест перегортання «сторінок» або екранів планшета. [23] [24] У деяких випадках скевоморфи спочатку є прямими представленнями фізичних об'єктів, але пізніше стають опосередковано символічними для завдання, яке вони представляють (наприклад, малюнок дискети для позначення «збереження», що зберігалося навіть після того, як дискети перестали широко використовуватися для зберігання даних).

Деякі віртуальні скевоморфи стали символічними для певних компаній або періодів часу. Apple Inc., перебуваючи під керівництвом Стіва Джобса, була відома своїм широким використанням скевоморфного дизайну в Mac OS X та різних програмах. Ситуація змінилася після смерті Джобса, коли Скотт Форстолл, якого описували як «найбільш голосного та високопоставленого прихильника стилю візуального дизайну, якому віддавав перевагу пан Джобс», пішов у відставку. Дизайнер Apple Джонатан Айв взяв на себе деякі обов'язки Форстолла та «дав зрозуміти компанії, що його відразу до візуальної орнаментації в мобільному програмному забезпеченні Apple». [25] З анонсом iOS 7 на WWDC у 2013 році Apple офіційно перейшла від скевоморфізму до більш спрощеного дизайну, тим самим розпочавши так звану «смерть скевоморфізму» в Apple. [26] Скевоморфізм також є ключовим компонентом Frutiger Aero, інтернет-естетики, що походить від дизайну інтерфейсів користувача середини 2000-х років, включаючи скевоморфний дизайн Microsoft від Windows XP до Windows 7. [27]

У дизайні

[ред. | ред. код]
Кнопковий телефон з імітацією дискового циферблата

Ретрофутуризм включає візуальні мотиви зі старих передбачень майбутнього, особливо visions of electro-industrialism. [ <span title="The text near this tag may need clarification or removal of jargon. (January 2022)">потрібне уточнення</span> ] [28] Скевоморфний дизайн часто використовується в ілюстраціях у стилі ретро- або синтезатор-вейв . Скевоморфний дизайн тісно пов'язаний з метамодернізмом .

Скевоморфний дизайн, здається, надають перевагу старшим групам реципієнтів, яких часто називають « цифровими іммігрантами », тоді як « цифрові аборигени » схильні надавати перевагу плоскому дизайну над скевоморфізмами. Однак молодші люди все ще здатні розуміти позначення, які використовує скевоморфний дизайн. Кращий користувацький досвід можна виміряти для кожної відповідної філософії дизайну серед цифрових аборигенів та іммігрантів. [29]

Аргументи на користь

[ред. | ред. код]

Аргументом на користь скевоморфного дизайну в цифрових пристроях є те, що означники доступності допомагають тим, хто знайомий з оригінальним елементом, навчитися використовувати цифрову версію. Парадигми взаємодії для комп'ютерних пристроїв культурно вкорінені; пропозиції щодо змін часто викликають дискусії. Дон Норман описує цей процес як форму культурної спадщини [7] і приписує скевоморфізму полегшення переходу до новіших технологій, стверджуючи, що це «надає комфорт і полегшує навчання», поки новіші пристрої більше не потребуватимуть бути схожими на своїх попередників [11] .

Порівняно з плоским дизайном, скевоморфний дизайн, здається, сприяє швидкій навігації графічними інтерфейсами користувача, оскільки значки легше розпізнавати та вони менш абстрактні, ніж їхні мінімалістичні аналоги у плоскому дизайні. [29]

Аргументи проти

[ред. | ред. код]

Аргументи проти віртуального скевоморфного дизайну полягають у тому, що скевоморфні елементи інтерфейсу складніше використовувати, і вони займають більше місця на екрані, ніж стандартні елементи інтерфейсу, що це порушує стандарти дизайну інтерфейсу операційної системи, що це призводить до невідповідного зовнішнього вигляду та відчуття між програмами, [30] що скевоморфні елементи інтерфейсу рідко включають числовий ввід або зворотний зв'язок для точного встановлення значення, що багато користувачів можуть не мати досвіду роботи з оригінальним пристроєм, що емулюється, що скевоморфний дизайн може збільшити когнітивне навантаження через візуальний шум, який після кількох використань дає мало або взагалі не має цінності для користувача, що скевоморфний дизайн обмежує креативність, обмежуючи користувацький досвід фізичними аналогами, [31] і що скевоморфні дизайни часто неточно відображають базовий стан системи або типи даних через неналежне наслідування . Наприклад, аналоговий інтерфейс вимірювача може зчитуватися менш точно, ніж цифровий.

Див. також

[ред. | ред. код]

Виноски

[ред. | ред. код]
  1. Skeuomorph. Lexico UK English Dictionary. Oxford University Press. Архів оригіналу за 27 грудня 2019.
  2. Шаблон:Dictionary.com
  3. Basalla, George (1988). The Evolution of Technology. Cambridge, UK: Cambridge University Press. с. 107. ISBN 0-521-29681-1.
  4. Thompson, Clive (31 січня 2012). Clive Thompson on Analog Designs in the Digital Age. Wired. Т. 20, № 2. Wired Magazine. Архів оригіналу за 22 грудня 2012. Процитовано 7 грудня 2012.
  5. March, H. Colley (1889). The Meaning of Ornament; or its archaeology and its psychology. У Charles W. Sutton (ред.). Transactions of the Lancashire and Cheshire Antiquarian Society. Т. VII. с. 172, 187. {{cite book}}: |archive-url= вимагає |url= (довідка)
  6. а б в Gessler, Nicholas. Skeuomorphs and Cultural Algorithms. Архів оригіналу за 24 червня 2012. Процитовано 7 грудня 2012.
  7. а б Norman, Donald. Affordances and Design. Архів оригіналу за 20 листопада 2012. Процитовано 3 грудня 2012.
  8. Knappet, Carl. Photographs, Skeuomorphs and Marionettes. Архів оригіналу за 1 лютого 2013.
  9. Manby, T.G. (1995). Unbaked Urns of Rudely Shape: essays on British and Irish pottery for Ian Longworth. Oxford: Oxbow Books and others. с. 81—84. ISBN 0946897948.
  10. Messier, Jen (21 Jun 2012). Why Do Maple Syrup Containers Have Tiny Handles?. Brooklyn Brainery. Процитовано 25 лютого 2023.
  11. а б в г Norman, Don (2013). The Design of Everyday Things: Revised & Expanded Edition. Basic Books. с. 159. ISBN 978-0-465-05065-9.
  12. Bullock, Alan (1999). The Norton Dictionary of Modern Thought. W. W. Norton & Company. с. 795–796. ISBN 978-0-393-04696-0.
  13. Winchester, Simon; Lederer, Richard (2006). Foreword. У McKean, Erin (ред.). Totally weird and wonderful words. Oxford: Oxford University Press. ISBN 0195312120. OCLC 70060979.
  14. Davies, Alex (10 Feb 2015). Well That Didn't Work: The 1899 Car With a Full-Size Wooden Horse Head Stuck to the Front. WIRED. Процитовано 6 листопада 2019.
  15. Torchinsky, Jason (29 листопада 2012). Why Do All These Electric Cars Have Grilles?. Jalopnik. Vox Media. Процитовано 5 квітня 2019.
  16. Manes, Stephen (17 січня 1995). Facing the Future. The New York Times. Архів оригіналу за 11 листопада 2014. Процитовано 13 вересня 2021.
  17. Worstall, Tim. The Real Problem With Apple: Skeuomorphism In iOS. Forbes. Архів оригіналу за 4 грудня 2012. Процитовано 8 грудня 2012.
  18. Mullaly, John (April 1998). IBM RealThings. ACM Press. с. 13—14. doi:10.1145/286498.286505. ISBN 1-58113-028-7.
  19. а б G.F. (8 листопада 2012). User interfaces: Skeu you. The Economist. Архів оригіналу за 8 березня 2016. Процитовано 3 березня 2016.
  20. McNeil, Joanne (14 липня 2011). Skeuomorphic Sounds: Digital Camera Shutter Clicks and Car Door Clunks. Rhizome. Архів оригіналу за 7 березня 2016. Процитовано 3 березня 2016.
  21. Seabrook, John (August 2022). What Should a Nine-Thousand-Pound Electric Vehicle Sound Like?. The New Yorker.
  22. Electric Car Sound Design. Pentagram. 17 травня 2021.
  23. Pavlus, John (31 травня 2012). An E-Book UI That Lets You Flip Digital Pages, Just Like A Real Book. Co.Design. Архів оригіналу за 22 березня 2016. Процитовано 3 березня 2016.
  24. Baker, Justin (20 листопада 2017). Skeuomorphic Design — A controversial UX approach that is making a comeback. Muzli – Design Inspiration. Medium. Процитовано 5 квітня 2019.
  25. Wingfield, Nick; Bilton, Nick (31 жовтня 2012). Apple Shake-Up Could Lead to Design Shift. The New York Times. Т. CLXII, № 55,941. Архів оригіналу за 4 листопада 2012. Процитовано 5 листопада 2012.
  26. Evans, Claire (11 червня 2013). A Eulogy for Skeuomorphism. Архів оригіналу за 13 червня 2013. Процитовано 11 червня 2013.
  27. Bramley, Ellie Violet (14 грудня 2023). Frutiger Aero: the Windows screen saver design trend taking TikTok by storm. The Guardian (брит.). ISSN 0261-3077. Процитовано 19 липня 2024.
  28. Popicon. 21 examples of skeuomorphism. Popicon (англ.). Процитовано 5 квітня 2019.
  29. а б Spiliotopoulos, Konstantinos; Rigou, Maria; Sirmakessis, Spiros (4 червня 2018). A Comparative Study of Skeuomorphic and Flat Design from a UX Perspective. Multimodal Technologies and Interaction (англ.). 2 (2): 31. doi:10.3390/mti2020031. ISSN 2414-4088.
  30. Carr, Austin. Will Apple's Tacky Software-Design Philosophy Cause A Revolt?. Fast Company. Архів оригіналу за 15 грудня 2012. Процитовано 11 грудня 2012. The issue is two-fold: first, that traditional visual metaphors no longer translate to modern users; and second, that excessive digital imitation of real-world objects creates confusion among users.
  31. Sharp, Helen; Rogers, Yvonne; Preece, Jenny (2007). Interaction Design: Beyond Human–Computer Interaction (вид. 2nd). John Wiley & Sons. с. 62.

Загальні посилання

[ред. | ред. код]

 

Зовнішні посилання

[ред. | ред. код]