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
A Design system is a set of interconnected Design pattern, patterns and shared practices coherently organized. Design systems aid in digital product design and development of products such as applications or websites. They may contain, but are not ...
for styling.
Objectives
Designers wishing to give their suite of products a unique but consistent appearance and
user interface
In the industrial design field of human–computer interaction, a user interface (UI) is the space where interactions between humans and machines occur. The goal of this interaction is to allow effective operation and control of the machine f ...
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
A design is a plan or specification for the construction of an object or system or for the implementation of an activity or process or the result of that plan or specification in the form of a prototype, product, or process. The verb ''to design'' ...
of each object in the suite.
Usually, design languages are not rigorously defined; the designer basically makes one thing in a similar manner 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
A chess set consists of a chessboard and White and Black in chess, white and black chess pieces for playing chess. There are sixteen pieces of each color: one King (chess), king, one Queen (chess), queen, two Rook (chess), rooks, two Bishop (chess ...
designs, the pieces within a set are usually 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
Automotive design is the process of developing the appearance (and to some extent the ergonomics) of motor vehicles - including automobiles, motorcycles, trucks, buses, coaches, and vans.
The functional design and development of a modern m ...
, the design language often uses a signature
grille
Grill or grille may refer to:
Food
* Barbecue grill, a device or surface used for cooking food, usually fuelled by gas or charcoal, or the part of a cooker that performs this function
* Flattop grill, a cooking device often used in restaurants, ...
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.
Examples
Apple
An apple is an edible fruit produced by an apple tree (''Malus domestica''). Apple fruit tree, trees are agriculture, cultivated worldwide and are the most widely grown species in the genus ''Malus''. The tree originated in Central Asia, wh ...
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. The
Apple Industrial Design Group
The Apple Industrial Design Group is the industrial design department within Apple Inc. responsible for crafting the physical appearance of all Apple products. The group was established so that Apple could design more products in-house, rather ...
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.
Ford
Ford commonly refers to:
* Ford Motor Company, an automobile manufacturer founded by Henry Ford
* Ford (crossing), a shallow crossing on a river
Ford may also refer to:
Ford Motor Company
* Henry Ford, founder of the Ford Motor Company
* Ford F ...
used the
New Edge
New Edge was a design language used by Ford Motor Company for many of its passenger vehicles in the late 1990s and early 2000s and initially authored by Jack Telnack, who served as Vice President of Design for Ford from 1980 to 1997. Under Telnac ...
design language in the 1990s and early 2000s, which combined intersecting arcs to create soft aerodynamic shapes. Later Ford used
Kinetic Design
Kinetic Design is the name given to a style of automobile design used by Ford Motor Company for many of its passenger vehicles in the late 2000s and early 2010s.
Developed by the design studios of Ford of Europe in Germany and Britain, it replaced ...
that featured a large lower trapezoidal grill on many vehicles.
Mazda
, commonly referred to as simply Mazda, is a Japanese multinational automotive manufacturer headquartered in Fuchū, Hiroshima, Japan.
In 2015, Mazda produced 1.5 million vehicles for global sales, the majority of which (nearly one m ...
has used the
Nagare design language, which used flowing lines influenced by wind. Mazda later used the Kodo design language.
Other examples include the Dynamic Shield design language used by
Mitsubishi, and Dynamic x Solid used by
Subaru.
Software
In software architecture, design languages are related to
architecture description language
Architecture description languages (ADLs) are used in several disciplines: system engineering, software engineering, and enterprise modelling and engineering.
The system engineering community uses an architecture description language as a langua ...
s. The most well known design language is
Unified Modeling Language
The Unified Modeling Language (UML) is a general-purpose, developmental modeling language in the field of software engineering that is intended to provide a standard way to visualize the design of a system.
The creation of UML was originally m ...
.
In the context of
graphical user interface
The GUI ( "UI" by itself is still usually pronounced . or ), graphical user interface, is a form of user interface that allows users to interact with electronic devices through graphical icons and audio indicator such as primary notation, inst ...
s, for example,
human interface guidelines can be thought of as design languages for applications.
Examples
Apple
An apple is an edible fruit produced by an apple tree (''Malus domestica''). Apple fruit tree, trees are agriculture, cultivated worldwide and are the most widely grown species in the genus ''Malus''. The tree originated in Central Asia, wh ...
has created several software design languages. The
Platinum
Platinum is a chemical element with the symbol Pt and atomic number 78. It is a dense, malleable, ductile, highly unreactive, precious, silverish-white transition metal. Its name originates from Spanish , a diminutive of "silver".
Pla ...
design language was used for
Mac OS 8
Mac OS 8 is an operating system that was released by Apple Computer on July 26, 1997. It includes the largest overhaul of the classic Mac OS experience since the release of System 7, approximately six years before. It places a greater emphasis o ...
and
9 and emphasized various shades of gray. The
Aqua
Aqua is the Latin word for water. It is used in many words which relate to water, such as aquatic life. In English, it may also refer to:
Arts
* Aqua (color), a greenish-blue color
Business
* Aqua (skyscraper), an 82-story residential skysc ...
design language was introduced with
Mac OS X Jaguar and emphasized flatter interface elements and liberal use of reflection effects and transparency.
Brushed metal, first used in 1999, was intended for programs such as
QuickTime Player
QuickTime is an extensible multimedia framework developed by Apple Inc., capable of handling various formats of digital video, picture, sound, panoramic images, and interactivity. Created in 1991, the latest Mac version, QuickTime X, is av ...
that mimic the operation or interface of common devices.
Microsoft
Microsoft Corporation is an American multinational technology corporation producing computer software, consumer electronics, personal computers, and related services headquartered at the Microsoft Redmond campus located in Redmond, Washing ...
has used the
Aero
Aero is a Greek prefix relating to flight and air. In British English, it is used as an adjective related to flight (e.g., as a shortened substitute for aeroplane).
Aero, Ærø, or Aeros may refer to:
Aeronautics Airlines and companies
* Aero ...
design language for
Windows Vista
Windows Vista is a major release of the Windows NT operating system developed by Microsoft. It was the direct successor to Windows XP, which was released five years before, at the time being the longest time span between successive releases of ...
and
Windows 7
Windows 7 is a major release of the Windows NT operating system developed by Microsoft. It was released to manufacturing on July 22, 2009, and became generally available on October 22, 2009. It is the successor to Windows Vista, released nearly ...
. The Aero design language used semitransparent glass like window borders as a distinctive feature. The
Metro design language
Microsoft Design Language (or MDL), previously known as Metro, is a design language created by Microsoft. This design language is focused on typography and simplified icons, absence of clutter, increased content to chrome ratio ("content bef ...
focused on simplified icons, absence of clutter and basic shapes. Metro was used in many Microsoft products including
Windows 8
Windows 8 is a major release of the Windows NT operating system developed by Microsoft. It was Software release life cycle#Release to manufacturing (RTM), released to manufacturing on August 1, 2012; it was subsequently made available for downl ...
,
Windows Phone 7
Windows Phone 7 is the first release of the Windows Phone mobile client operating system, released worldwide on October 21, 2010, and in the United States on November 8, 2010. It runs on the Windows CE 6.0 kernel.
It received multiple large upda ...
, the
Xbox 360
The Xbox 360 is a home video game console developed by Microsoft. As the successor to the original Xbox, it is the second console in the Xbox series. It competed with Sony's PlayStation 3 and Nintendo's Wii as part of the seventh generation ...
and
Xbox One
The Xbox One is a home video game console developed by Microsoft. Announced in May 2013, it is the successor to Xbox 360 and the third base console in the Xbox series of video game consoles. It was first released in North America, parts of ...
.
The
Fluent Design System
Fluent Design System (codenamed "Project Neon"), officially unveiled as Microsoft Fluent Design System, is a design language developed in 2017 by Microsoft. Fluent Design is a revamp of Microsoft Design Language (popularly known as "Metro") ...
was developed as a revamp of Metro in 2017, and used more motion, depth and translucency effects.
Google
Google LLC () is an American multinational technology company focusing on search engine technology, online advertising, cloud computing, computer software, quantum computing, e-commerce, artificial intelligence, and consumer electronics. ...
developed
Material Design
Material Design (codenamed Quantum Paper) is a design language developed by Google in 2014. Expanding on the "cards" that debuted in Google Now, Material Design uses more grid-based layouts, responsive animations and transitions, padding, and d ...
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.
Flat design
Flat design is a minimalist design language or design style commonly used in graphical user interfaces (GUI) (such as web applications and mobile apps), and also in graphical materials such as posters, arts, guide documents and publishing pro ...
is a design language and style that simplifies elements and colours. It has influenced user interface design in Microsoft's
Zune
Zune is a discontinued line of digital media products and services marketed by Microsoft from November 2006 until its discontinuation in June 2012. Zune consisted of a line of portable media players, digital media player software for Windows Per ...
,
Android starting with
Android 4.0
Android Ice Cream Sandwich (or Android 4.0) is the 9th major version of the Android mobile operating system developed by Google. Unveiled on October 19, 2011, Android 4.0 builds upon the significant changes made by the tablet-only release Androi ...
,
iOS 7
iOS 7 is the seventh major release of the iOS mobile operating system developed by Apple Inc., being the successor to iOS 6. It was announced at the company's Worldwide Developers Conference on June 10, 2013, and was released on September 1 ...
and
OS X Yosemite
OS X Yosemite ( ; version 10.10) is the eleventh major release of macOS, Apple Inc.'s desktop and server operating system for Macintosh computers.
OS X Yosemite was announced and released to developers on June 2, 2014, at WWDC 2014 and rel ...
.
In 2021,
The GNOME Project
GNOME Project is a community behind the GNOME desktop environment and the software platform upon which it is based. It consists of all the software developers, artists, writers, translators, other contributors, and active users of GNOME. It is n ...
expanded its focus of
Adwaita
Adwaita (meaning "one and only" in Sanskrit) (c. 1750 – 22 March 2006), also spelled Addwaita, was a male Aldabra giant tortoise that lived in the Alipore Zoological Gardens of Kolkata, India. At the time of his death in 2006, Adwaita was b ...
to allow it to prosper as a design language for
GNOME.
See also
*
Graphic design
*
Human interface guidelines
*
Object-modeling language
*
Complementary architecture
Complementary architecture is a movement in contemporary architecture promoting architectural practice rooted in comprehensive understanding of context, aiming to contribute to the environment in such a way as to continue and improve or emphasise i ...
*
Pattern language
A pattern language is an organized and coherent set of ''patterns'', each of which describes a problem and the core of a solution that can be used in many ways within a specific field of expertise. The term was coined by architect Christopher Alexa ...
*
User interface design
User interface (UI) design or user interface engineering is the design of user interfaces for machines and software, such as computers, home appliances, mobile devices, and other electronic devices, with the focus on maximizing usability and the ...
*
Visual design elements and principles
The visual system comprises the sensory organ (the eye) and parts of the central nervous system (the retina containing photoreceptor cells, the optic nerve, the optic tract and the visual cortex) which gives organisms the sense of sight (the ...
References
External links
macOS Human Interface Guidelines
Design
{{design-stub