Design language explained

A design language or design vocabulary is an overarching scheme or style that guides the design of a complement of products or architectural settings, creating a coherent design system for styling.

Objectives

Designers wishing to give their suite of products a unique but consistent appearance and user interface can define a specification for it. The specification can describe choices for design aspects such as materials, color schemes, shapes, patterns, textures, or layouts. They then follow the scheme in the design of each object in the suite.[1]

Usually, design languages are not rigorously defined; the designer basically makes one thing similarly as another. In other cases, they are followed strictly, so that the products gain a strong thematic quality. For example, although there is a great variety of unusual chess set designs, the pieces within a set are typically thematically consistent.

Sometimes, designers encourage others to follow their design languages when decorating or accessorizing.

Industrial design

Industrial design is the process of designing products for mass production. A design language can provide a range of products a similar style that sets it apart from competitors.

In automotive design, the design language often uses a signature grille design. For instance, many BMW vehicles share a design language, including front-end styling consisting of a split "kidney grille" and four circular headlights. Some manufacturers have appropriated design language cues from rival firms.[2]

Examples

Apple used the Snow White design for its home computers in the 1980s, which used parallel stripes to give the impression that the enclosure was smaller than it actually was.[3] The Apple Industrial Design Group is responsible for the industrial design of all Apple products.

Cadillac introduced the Art and Science design philosophy in 2000, which emphasized sharp and crisp edges - what noted automotive journalist Dan Neil described as a "fractal geometric style."[4]

Ford used the New Edge design language in the 1990s and early 2000s, which combined intersecting arcs to create soft aerodynamic shapes. Later Ford used Kinetic Design that featured a large lower trapezoidal grill on many vehicles.

Mazda has used the Nagare design language, which used flowing lines influenced by wind.[5] Mazda later used the Kodo design language.[6]

Other examples include the Dynamic Shield design language used by Mitsubishi,[7] and Dynamic x Solid used by Subaru.[8]

Software

In software architecture, design languages are related to architecture description languages. The most well known design language is Unified Modeling Language.

In the context of graphical user interfaces, for example, human interface guidelines can be thought of as design languages for applications.[9]

Examples

Apple has created some software design languages. The Platinum design language was used for Mac OS 8 and 9 and emphasized various shades of gray. The Aqua design language was introduced with Mac OS X Jaguar and emphasized flatter interface elements and liberal use of reflection effects and transparency.[10] [11] Brushed metal, first used in 1999, was intended for programs such as QuickTime Player that mimic the operation or interface of common devices.

Microsoft has used the Aero design language for Windows Vista and Windows 7. The Aero design language used semitransparent glass like window borders as a distinctive feature. The Metro design language focused on simplified icons, absence of clutter and basic shapes. Metro was used in many Microsoft products including Windows 8, Windows Phone 7, the Xbox 360 and Xbox One.[12] [13] The Fluent Design System was developed as a revamp of Metro in 2017, and used more motion, depth and translucency effects.[14]

Google developed Material Design in 2014 which emphasizes smooth responsive animations and transitions, padding and depth using lighting and shadows. Many of Google's products have implemented Material Design including Android, Android applications and web applications.[15]

Flat design is a design language and style that simplifies elements and colours.[16] It has influenced user interface design in Microsoft's Zune, Android starting with Android 4.0,[17] iOS 7[18] and OS X Yosemite.[19]

In 2021, the GNOME Project expanded its focus of Adwaita to allow it to prosper as a design language for GNOME.[20]

See also

References

  1. Book: Do You Matter?: How Great Design Will Make People Love Your Company. Brunner . Robert . Emery . Stewart . Hall . Russ . 2009 . Pearson Education . 978-0-13-714244-6. 157–72.
  2. Web site: Car Design News Car Design Gallery on Form Language . 2008-09-24 . https://archive.today/20120707024602/http://www.cardesignnews.com/site/home/new_cars/display/store4/item131864/ . 2012-07-07 . dead .
  3. Web site: Esslinger. Hartmut. 10 September 2013. Keep It Simple. designmind.frogdesign.com/. 21 January 2014.
  4. Web site: BEHIND THE WHEEL/2003 Cadillac CTS; Turning 100, Sparkling Like a Gem . pub . Dan Neil . April 7, 2002 .
  5. Web site: Mazda Nagare design language - Car Body Design. 2017-06-12. www.carbodydesign.com. en-US.
  6. News: Patton. Phil. 2011-05-20. Mazda Designers Abandon Nagare, Embrace Kodo. en-US. The New York Times. 2019-12-22. 0362-4331.
  7. Web site: 2016-07-20. Explained: Mitsubishi's Dynamic Shield Design Philosophy. 2019-12-23. The News Wheel. en-US.
  8. Web site: 2016-07-19. DYNAMIC X SOLID: Subaru's Global Architecture Explained. 2019-12-23. The News Wheel. en-US.
  9. Web site: Bringing Design to Software . Terry . Winograd . 1996 . Stanford HCI Group . 22 February 2014.
  10. Web site: Developer documentation on Aqua.
  11. Web site: Apple PR. July 19, 2000. Apple Introduces iMovie 2. dead. https://web.archive.org/web/20080117080543/http://www.apple.com/pr/library/2000/jul/19imovie.html. January 17, 2008. January 5, 2008. Apple.com.
  12. Web site: Chang. Alexandra. 8 August 2012. Microsoft Doesn't Need a Name for Its User Interface. Wired. Condé Nast.
  13. Web site: Kruzeniski. Mike. 11 April 2011. How Print Design is the Future of Interaction. Kruzeniski.com. Self-published. 11 May 2021. 14 March 2012. https://web.archive.org/web/20120314071640/http://kruzeniski.com/2011/how-print-design-is-the-future-of-interaction/. dead.
  14. Web site: New Windows look and feel, Neon, is officially the "Microsoft Fluent Design System". Ars Technica. 11 May 2017 . 11 May 2017.
  15. Web site: Material Design. 2020-09-06. Material Design. en.
  16. Web site: Xavier Bertels. March 5, 2014. The History of Flat Design. December 23, 2014. Xavier Bertels.
  17. Web site: Exclusive: Matias Duarte on the philosophy of Android, and an in-depth look at Ice Cream Sandwich. dead. https://web.archive.org/web/20120212191122/https://www.theverge.com/2011/10/18/exclusive-matias-duarte-ice-cream-sandwich-galaxy-nexus/. 2012-02-12. November 28, 2011. The Verge. Vox Media.
  18. Web site: Pavlus. John. 2013-06-10. Why Jony Ive Is Flattening iOS 7. 2020-04-06. Fast Company. en-US.
  19. Web site: OS X Yosemite unveiled at WWDC, features big UI overhaul. live. https://web.archive.org/web/20140603214032/http://arstechnica.com/apple/2014/06/os-x-yosemite-is-coming-and-it-will-redesign-the-entire-mac-desktop/. June 3, 2014. June 3, 2014. Ars Technica. 2 June 2014 . mdy-all.
  20. Web site: Introducing Libadwaita . Plazas, Adrien . March 31, 2021 . January 3, 2022.

External links