Design language

Not to be confused with Visual programming language.

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.^[1] 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.^{[citation needed]}

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

• Graphic design
• Human interface guidelines
• Object-modeling language
• Complementary architecture
• Pattern language
• User interface design

References

1. Brunner, Robert; Emery, Stewart; Hall, Russ (2009). Do You Matter?: How Great Design Will Make People Love Your Company. Pearson Education. pp. 157–72. ISBN 978-0-13-714244-6.
2. "Car Design News Car Design Gallery on Form Language". Archived from the original on 2012-07-07. Retrieved 2008-09-24.
3. Esslinger, Hartmut (10 September 2013). "Keep It Simple". designmind.frogdesign.com/. Retrieved 21 January 2014.
4. Dan Neil (April 7, 2002). "BEHIND THE WHEEL/2003 Cadillac CTS; Turning 100, Sparkling Like a Gem". pub.
5. "Mazda Nagare design language - Car Body Design". www.carbodydesign.com. Retrieved 2017-06-12.
6. Patton, Phil (2011-05-20). "Mazda Designers Abandon Nagare, Embrace Kodo". The New York Times. ISSN 0362-4331. Retrieved 2019-12-22.
7. "Explained: Mitsubishi's Dynamic Shield Design Philosophy". The News Wheel. 2016-07-20. Retrieved 2019-12-23.
8. "DYNAMIC X SOLID: Subaru's Global Architecture Explained". The News Wheel. 2016-07-19. Retrieved 2019-12-23.
9. Winograd, Terry (1996). "Bringing Design to Software". Stanford HCI Group. Retrieved 22 February 2014.
10. "Developer documentation on Aqua".
11. Apple PR (July 19, 2000). "Apple Introduces iMovie 2". Apple.com. Archived from the original on January 17, 2008. Retrieved January 5, 2008.
12. Chang, Alexandra (8 August 2012). "Microsoft Doesn't Need a Name for Its User Interface". Wired. Condé Nast.
13. Kruzeniski, Mike (11 April 2011). "How Print Design is the Future of Interaction". Kruzeniski.com. Self-published. Archived from the original on 14 March 2012. Retrieved 11 May 2021.
14. "New Windows look and feel, Neon, is officially the "Microsoft Fluent Design System"". Ars Technica. 11 May 2017. Retrieved 11 May 2017.
15. "Material Design". Material Design. Retrieved 2020-09-06.
16. Xavier Bertels (March 5, 2014). "The History of Flat Design". Xavier Bertels. Retrieved December 23, 2014.
17. "Exclusive: Matias Duarte on the philosophy of Android, and an in-depth look at Ice Cream Sandwich". The Verge. Vox Media. Archived from the original on 2012-02-12. Retrieved November 28, 2011.
18. Pavlus, John (2013-06-10). "Why Jony Ive Is Flattening iOS 7". Fast Company. Retrieved 2020-04-06.
19. "OS X Yosemite unveiled at WWDC, features big UI overhaul". Ars Technica. June 2, 2014. Archived from the original on June 3, 2014. Retrieved June 3, 2014.
20. Plazas, Adrien (March 31, 2021). "Introducing Libadwaita". Retrieved January 3, 2022.

External links

• macOS Human Interface Guidelines