스큐오모프

Skeuomorph
촛불의 불꽃 모양을 본뜬 전구

스큐오모르프(skiamorph, /skjuɔmfrf, skjuʊo/-/)[1][2]는 [3]원래 필요했던 구조물로부터 장식적인 디자인 신호(속성)를 유지하는 파생 객체이다.스큐어포맷은 일반적으로 이해와 적응을 빠르게 하기 위해 새로운 느낌을 주기 위해 사용됩니다.그들은 원래 목적에는 필수적이지만 새로운 시스템에서 실용적인 목적을 달성하지 못하는 요소들을 사용한다.금속으로 만들어진 비슷한[4] 항아리를 연상시키는 모조 리벳으로 장식된 도자기와 종이 책상 [5]달력의 제본 모양을 모방한 소프트웨어 달력이 그 예다.

정의와 목적

The term skeuomorph is compounded from skeuos (σκεῦος), meaning "container or tool", and morphḗ (μορφή), meaning "shape".그것은 [6]1890년부터 물질에 적용되어 왔다.1980년대 컴퓨터 시스템의 등장으로 스큐오모형은 그래픽 사용자 [7]인터페이스에 사용되는 많은 "구식" 아이콘을 특징짓기 위해 사용됩니다.

스큐오모형의 유사한 대체 정의는 "다른 재료나 기술을 닮도록 만들어진 물체의 물리적 장식이나 디자인"이다.이 정의는 이전 설계와 동일한 기능을 수행하는 설계 요소에 적용될 수 있기 때문에 범위가 더 넓습니다.

스큐어폼은 새로운 외관을 보다 친숙하고 편안하게 하기 위해 의도적으로 사용될 수도 있고 디자이너에 대한 문화적 영향과 규범의 결과일 수도 있습니다.그것들은 [7]디자이너의 예술적 표현일 수도 있다.사용성 연구자이자 학자인 Don Norman은 스큐오포메시즘을 문화적 제약의 관점에서 설명합니다. 즉, 문화를 통해서만 학습되는 시스템과의 상호작용입니다.Norman은 또한 인식된 어포던스를 대중화했는데, 여기서 사용자는 외관에 따라 사물이 무엇을 제공하거나 무엇을 하는지 알 수 있고, 이는 스큐오모피즘을 [8]쉽게 만들 수 있다.

스큐오모피즘의 개념은 다른 디자인 개념과 겹친다.미메시스는 그리스어에서 [9]유래한 모조품이다.Archype은 에뮬레이션된 원래 아이디어 또는 모델이며, 에뮬레이션은 스큐 [10]형상이 될 수 있습니다.스큐오모르피즘은 기술의 경로 의존성과 유사하지만 다른데, 설계상의 원래 이유가 더 이상 존재하지 않더라도 요소의 기능적 동작이 유지됩니다.

물리적인 예

도리아식 순서의 트리글리프와 거태.전통적으로 그 앞에 있는 목조 그리스 신전의 석재 기능적 특징을 재현하는 것으로 보입니다.

목조건축의 많은 특징들은 고대 그리스인들이 목조건축에서 석조건축으로 전환했을 때 돌로 재현되었다.그리스 신전의 고전 건축의 도리아식 석재(Triglyph, untules, guttae, modillions)는 초기 목조 신전의 진정한 구조 및 기능적 특징에서 유래한 것으로 추정된다.삼각형과 굿태는 대들보를 [11][12][13]고정하기 위해 각 대들보와 6개의 말뚝을 박아넣은 목조 사찰의 석재 기능적 특징을 재현한 것으로 보인다.

역사적으로, 미노아인들의 정교하고 비싼 은잔과 같은 고급품들은 값싼 재료인 도자기를 사용하여 더 넓은 시장을 위해 재현되었다.금속 세공과 도자기의 형태 교환은 종종 전자에서 후자로, 장식 예술 역사에서 거의 일정하다.때때로 점토 알갱이가 금속 [14]원형의 리벳을 환기시키기 위해 사용된다.

또한 재료 전이에서 스큐오모피즘의 증거가 있다.가죽이나 도자기는 흔히 이전 세대의 목제품의 특징을 계승한다.점토토기는 또한 새로운 [12]재료로 작업하면서 익숙한 모양과 공정을 추구하는 장인들을 가리키는 밧줄 모양의 돌기가 있는 것이 발견되었다.이러한 맥락에서 스큐어포맷은 사회적 만족이나 심리적 편안함을 [7]위해 다른 개체에서 찾는 특성으로 존재한다.

현대에는 값싼 플라스틱 제품들이 종종 더 비싼 목제품과 [15]금속제품을 모방하려고 시도하지만, 새로운 장식품들이 성형 플라스틱 제품의 성형 나사 헤드와 같은 원래의 [16]기능을 참조하는 경우에는 스큐오형일 뿐이다.또 다른 잘 알려진 스큐오모형은 플라스틱 아디론닥 [17]의자이다.기계식 슬롯 머신의 레버 또는 "원 암 밴디트"는 더 이상 물리적 메커니즘과 기어를 동작시킬 필요가 없기 때문에 최신 비디오 슬롯 머신에 나타날 때 스큐모형의 슬로우백 기능입니다.의류 물품은 또한 스큐모형 처리가 됩니다. 예를 들어, 어린이용 Mary Janes와 같은 특정 스트랩 슈즈의 인조 버클은 본래의 미관을 유지할 수 있도록 합니다.

자동차 디자인은 역사적으로 얇은 크롬 도금 플라스틱 부품과 모조 가죽, 금, 목재, 진주 또는 크리스털 보석 요소와 같은 물리적 스큐어모형으로 가득했습니다.돈 노먼은 "일상적인 것의 디자인"에서 초기 자동차는 말이 끄는 [15]마차를 따라 디자인되었다고 지적한다.1970년대, 많은 고급 세단의 오페라 창문과 비닐 지붕은 마차 시대의 마차 작업을 비슷하게 모방했다.2019년 현재 대부분의 전기 자동차는 내연기관의 [18]부재를 냉각하기 위해 공기를 흡입할 필요가 거의 없음에도 불구하고 눈에 띄는 프론트 그릴을 갖추고 있습니다.

가상 예시

Redstair GEARCompressor Audio Unit-Plugin에서 디지털 오디오를 조작하기 위한 에뮬레이트 제어 노브를 갖춘 사용자 인터페이스(하드웨어와 유사한 사용자 인터페이스)의 스큐오모프.

많은 컴퓨터 프로그램에는 물리적 객체의 미학을 에뮬레이트하는 스큐오모형 그래픽 사용자 인터페이스가 있습니다.예를 들어 Rolodex와 [19]유사한 디지털 연락처 목록과 IBM의 1998 RealThings [20]패키지가 있습니다.보다 극단적인 예는 일부 음악 합성 및 오디오 처리 소프트웨어 패키지에서 볼 수 있습니다. 이 패키지는 버튼과 [21]다이얼이 있는 물리적인 악기와 오디오 기기를 밀접하게 에뮬레이트합니다.보다 작은 규모에서는 GUI의 아이콘은 컴퓨터 [15]파일을 나타내는 물리적인 페이퍼 폴더의 이미지 등 물리적인 오브젝트의 스큐오포메이션으로 남아 있을 수 있다.이것은, 나타내는 태스크에 직접 적용할 수 없는 항목(예를 들면, 「저장」을 나타내는 플로피 디스크의 도면)의 경우에도 마찬가지입니다.

스티브 잡스의 지시를 받은 애플사는 다양한 애플리케이션에서 스큐오모픽 디자인을 폭넓게 사용하는 것으로 알려져 있었다.이는 잡스 사망 이후 "잡스가 선호하는 비주얼 디자인 스타일의 가장 목소리를 높이고 높은 지지자"로 묘사된 스콧 포스톨이 사임하면서 바뀌었다.애플 디자이너 조나단 아이브는 포스톨의 책임 중 일부를 이어받아 "회사 내에서 알려진 애플의 모바일 소프트웨어에서 시각적인 장식을 싫어하게 만들었다"[22]고 말했다.2013년 WWDC에서 iOS 7이 발표되면서 애플은 공식적으로 스큐오모피즘에서 좀 더 단순한 디자인으로 전환하여 이른바 [23]스큐오모피즘의 죽음(death of schuomorphism)이 시작되었다.

다른 가상 스큐어포맷은 일부 물리적 객체의 리터럴 이미지를 사용하는 것이 아니라 선형 전위차계를[21] 에뮬레이트하는 슬라이더 바 및 물리적 탭 파일 폴더와 같은 경험적 모티브를 암시합니다.또 다른 예로는 태블릿 디스플레이의 [24][25]"페이지"나 화면을 넘기기 위한 손짓을 들 수 있습니다.

가상 스큐어폼은 청각적으로도 들릴 수 있습니다.사진을 찍을 때 대부분의 카메라 폰에서 나오는 셔터 클릭 소리는 청각 스큐오모형입니다.[26]

도로에 칠해진 선은 소 그리드의 스큐어모형으로 사용될 수 있습니다.포장도로의 밝은 어두운 선 패턴은 동물들에게 진정한 소의 격자와 유사하며, 관련지어 보면 그들이 [27]건널 수 없을 것이라고 생각한다.

설계상

모조 회전 다이얼이 있는 푸시 버튼 전화기

레트로퓨처리즘은 미래에 대한 오래된 예측, 특히 전기산업주의의 [clarification needed][28][failed verification]비전의 시각적 모티브를 통합합니다.스큐오모픽 설계는 레트로웨이브 또는 신스웨이브 그림에 자주 포함되어 있습니다.스큐모르픽 시간은[definition needed] 메타모데니즘과 밀접하게 연관되어 있다.

스큐모형 디자인은 종종 "디지털 이민자"라고 불리는 나이든 수혜자 집단에 의해 선호되는 반면, "디지털 네이티브"는 스큐모형보다 평면 디자인을 선호하는 경향이 있다.그러나 젊은 층은 여전히 스큐모픽 디자인이 사용하는 기호들을 이해할 수 있다.디지털 네이티브와 [29]이민자들 사이에서 각각의 디자인 철학에 대해 더 나은 사용자 경험을 측정할 수 있었다.

찬성하는 주장

스큐모형 설계를 지지하는 주장은 어포던스에 대한 기호가 원래 장치에 익숙한 사람들이 디지털 버전 사용법을 배우도록 돕는다는 것이다.컴퓨터 장치의 상호작용 패러다임은 문화적으로 확립되어 있습니다.변화에 대한 제안은 종종 논쟁을 불러일으킵니다.Don Norman은 이 프로세스를 문화유산의 [8]한 형태라고 설명하고 새로운 테크놀로지로의 이행을 용이하게 한 것은 스큐오포메시즘이라고 생각합니다.새로운 디바이스는 이전 디바이스와 [15]더 이상 닮지 않아도 될 때까지 「편안함을 주고 학습을 용이하게 한다」라고 말하고 있습니다.

평면 디자인에 비해 스큐오모픽 디자인은 그래픽 사용자 인터페이스를 통한 빠른 네비게이션을 가능하게 하는 것 같습니다.아마도 평면 [29]디자인에서 발견되는 미니멀리즘 디자인보다 아이콘이 더 쉽게 인식되고 덜 추상적이기 때문일 것입니다.

반대 의견

가상skeuomorphic 디자인에 관한 논쟁은 그skeuomorphic 인터페이스 요소와 표준 인터페이스 요소보다 더 많은 화면 공간을 차지해 운영하고, 이 운영 체제 인터페이스 설계 표준을 깨뜨리면, 그것이 applications,[30]사이에 모순된 외관과 느낌은skeuomorphic 인터페이스 요소 rar을 유발하기 있다.ely값을 정확하게 설정하기 위한 숫자 입력 또는 피드백을 통합한다.많은 사용자가 에뮬레이트되는 원래 디바이스에 대한 경험이 없을 수 있다.이러한 스큐오픽 디자인은 몇 번 사용 후 사용자에게 거의 또는 전혀 가치를 주지 않는 시각적 노이즈로 인지 부하를 증가시킬 수 있다.그 스큐오픽 디자인은 사용자의 엑스피를 접지함으로써 창의성을 제한한다.이러한 [31]스큐오포메이션 설계는 디지털인터페이스의 아날로그 게이지 등 부적절한 실수로 인해 기본 시스템 상태 또는 데이터 유형을 정확하게 나타내지 못하는 경우가 많습니다.

갤러리

  • Electric kettle in the form of a traditional stovetop kettle

    전통 스토브 주전자 형태의 전기 주전자

  • 1970s opera window and vinyl "landau" roof imitating horse and buggy design, in particular the Landaulet (carriage)

    말과 마차 디자인을 모방한 1970년대 오페라 창문과 비닐 랜도 지붕, 특히 랜도렛(캐리지)

  • Digital keypad of an electronic safe, on a circular escutcheon mimicking a mechanical combination dial

    기계식 콤비네이션 다이얼을 모방한 원형 에스커천에 있는 전자 금고의 디지털 키패드

  • Virtual skeuomorphic imitations of pieces of paper

    종이 조각의 가상 스큐어폼 모방

  • Velcro straps on a pair of Mary Jane shoes worn by an American Girl doll; the buckles used on the straps are purely for aesthetic purposes.

    American Girl 인형이 신는 Mary Jane 신발의 벨크로 스트랩. 스트랩에 사용되는 버클은 순전히 미적 목적입니다.

「 」를 참조해 주세요.

인용문

  1. ^ "Skeuomorph". Oxford Dictionaries UK English Dictionary. Oxford University Press. n.d. Retrieved 2016-01-22.
  2. ^ "Skeuomorph". Dictionary.com Unabridged (Online). n.d. Retrieved 2016-01-22.
  3. ^ Basalla, George (1988). The Evolution of Technology. Cambridge, UK: Cambridge University Press. p. 107. ISBN 0-521-29681-1.
  4. ^ "Skeuomorph". dictionary.com. Archived from the original on 15 October 2013. Retrieved 7 December 2012.
  5. ^ Thompson, Clive (2012-01-31). "Clive Thompson on Analog Designs in the Digital Age". Wired. Vol. 20, no. 2. Wired Magazine. Archived from the original on 22 December 2012. Retrieved 7 December 2012.
  6. ^ March, H. Colley (1890). Transactions of the Lancashire and Cheshire Antiquarian Society. The Lancashire and Cheshire Antiquarian Society. p. 187. Archived from the original on 2018-02-02.
  7. ^ a b c Gessler, Nicholas. "Skeuomorphs and Cultural Algorithms". Archived from the original on 24 June 2012. Retrieved 7 December 2012.
  8. ^ a b Norman, Donald. "Affordances and Design". Archived from the original on 2012-11-20. Retrieved 2012-12-03.
  9. ^ Janusheske, Jeffrey. "Thesis: Mimesis to Skeuomorph?". Archived from the original on 2013-02-15. Retrieved 2012-12-03.
  10. ^ Sen, Rahul. "Archetypes and Their Use in Mobile UX". Archived from the original on 2012-12-26. Retrieved 2012-12-03.
  11. ^ Vickers, Michael; Gill, David (1996). Artful Crafts: Ancient Greek Silverware and Pottery. Oxford: Oxford University Press. ISBN 0-198-15070-9.
  12. ^ a b Manby, T.G. (1995). Unbaked Urns of Rudely Shape: essays on British and Irish pottery for Ian Longworth. Oxford: Oxbow Books and others. pp. 81–84. ISBN 0946897948.
  13. ^ Summerson, John, The Classical Language of Architecture, 128, 133, 1980년판, Thames and Hudson World of Art 시리즈, ISBN 0500201773
  14. ^ Knappet, Carl. "Photographs, Skeuomorphs and Marionettes". Archived from the original on 2013-02-01.
  15. ^ a b c d Norman, Don (2013). The Design of Everyday Things: Revised & Expanded Edition. Basic Books. p. 159. ISBN 978-0-465-05065-9.
  16. ^ Bullock, Alan (1999), The Norton Dictionary of Modern Thought, W. W. Norton & Company, pp. 795–796, ISBN 978-0-393-04696-0
  17. ^ Winchester, Simon; Lederer, Richard (2006). "Foreword". In McKean, Erin (ed.). Totally weird and wonderful words. Oxford: Oxford University Press. ISBN 0195312120. OCLC 70060979.
  18. ^ Torchinsky, Jason (29 November 2012). "Why Do All These Electric Cars Have Grilles?". Jalopnik. Vox Media. Retrieved 2019-04-05.
  19. ^ Worstall, Tim. "The Real Problem With Apple: Skeuomorphism In iOS". Forbes. Archived from the original on 4 December 2012. Retrieved 8 December 2012.
  20. ^ Mullay (April 1998). "IBM RealThings". CHI 98 conference summary on Human factors in computing systems. ACM Press. pp. 13–14. doi:10.1145/286498.286505. ISBN 1-58113-028-7.
  21. ^ a b G.F. (2012-11-08). "User interfaces: Skeu you". The Economist. Archived from the original on 8 March 2016. Retrieved 3 March 2016.
  22. ^ Wingfield, Nick; Bilton, Nick (2012-10-31). "Apple Shake-Up Could Lead to Design Shift". The New York Times. CLXII (55, 941). Archived from the original on 2012-11-04. Retrieved 2012-11-05.
  23. ^ Evans, Claire (2013-06-11). "A Eulogy for Skeuomorphism". Motherboard. Archived from the original on 2013-06-13. Retrieved 2013-06-11.
  24. ^ "An E-Book UI That Lets You Flip Digital Pages, Just Like A Real Book". Co.Design. 31 May 2012. Archived from the original on 22 March 2016. Retrieved 3 March 2016.
  25. ^ Baker, Justin (20 November 2017). "Skeuomorphic Design — A controversial UX approach that is making a comeback". Muzli – Design Inspiration. Medium. Retrieved 2019-04-05.
  26. ^ McNeil, Joanne. "Skeuomorphic Sounds: Digital Camera Shutter Clicks and Car Door Clunks". Rhizome. Archived from the original on 7 March 2016. Retrieved 3 March 2016.
  27. ^ "Everything You Need to Know About Cattle Grids".
  28. ^ "21 examples of skeuomorphism". Popicon. Retrieved 2019-04-05.
  29. ^ a b Spiliotopoulos, Konstantinos; Rigou, Maria; Sirmakessis, Spiros (2018-06-04). "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. Archived from the original on 15 December 2012. Retrieved 11 December 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 ed.). John Wiley & Sons. p. 62.

일반 참고 자료

  • 프리스, C. M., & Taylor, T. F. (2001)스키어형: 존경과 에뮬레이션 올비아 타 안티크니 스빗키예프: 영국 아카데미; 우크라이나 과학 아카데미. 페이지 150.

외부 링크

Wikimedia Commons에는 Skuomorphism과 관련된 미디어가 있습니다.
무료 사전인 Wiktionary에서 skuomorph를 찾아보세요.
  • Moon, Jessica. "A Showcase of 50 Skeuomorphic Designs". Telepathy. Retrieved 2019-04-05.
  • flatisbad.com Lomonosov Moscow State University, Laboratory of Work Psychology에 의해 유지되는 스큐오모르피즘에 관한 사용자 경험 연구 선정