Design Language: Difference between revisions
Jump to navigation
Jump to search
m (Text replacement - "lines]] " to "line]]s ") |
m (Text replacement - "]] " to "]] ") |
||
| Line 33: | Line 33: | ||
** [[Microsoft]] has used the [[Windows Aero|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)|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]].<ref name="wired-metro">Chang, Alexandra (8 August 2012). [https://www.wired.com/2012/08/microsoft-doesnt-need-a-name-for-its-ui-metro-or-not/ "Microsoft Doesn't Need a Name for Its User Interface"]. Wired. Condé Nast.</ref> The [[Fluent Design System]] was developed as a revamp of Metro in 2017, and used more motion, depth and translucency effects.<ref name="ars-fluentdesign">[https://arstechnica.com/information-technology/2017/05/new-windows-look-and-feel-neon-is-officially-the-microsoft-fluent-design-system/ "New Windows look and feel, Neon, is officially the "Microsoft Fluent Design System"]. Ars Technica. Retrieved 11 May 2017.</ref> | ** [[Microsoft]] has used the [[Windows Aero|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)|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]].<ref name="wired-metro">Chang, Alexandra (8 August 2012). [https://www.wired.com/2012/08/microsoft-doesnt-need-a-name-for-its-ui-metro-or-not/ "Microsoft Doesn't Need a Name for Its User Interface"]. Wired. Condé Nast.</ref> The [[Fluent Design System]] was developed as a revamp of Metro in 2017, and used more motion, depth and translucency effects.<ref name="ars-fluentdesign">[https://arstechnica.com/information-technology/2017/05/new-windows-look-and-feel-neon-is-officially-the-microsoft-fluent-design-system/ "New Windows look and feel, Neon, is officially the "Microsoft Fluent Design System"]. Ars Technica. Retrieved 11 May 2017.</ref> | ||
** [[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. | ** [[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. | ||
** [[Flat design]] is a design language and style that simplifies elements and colours. It has influenced user interface design in Microsoft's [[Zune]], [[Android (operating system)|Android]] starting with [[Android Ice Cream Sandwich|Android 4.0]],<ref name="verge-duarte">[https://web.archive.org/web/20120212191122/https://www.theverge.com/2011/10/18/exclusive-matias-duarte-ice-cream-sandwich-galaxy-nexus/ "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.</ref> [[iOS 7]] | ** [[Flat design]] is a design language and style that simplifies elements and colours. It has influenced user interface design in Microsoft's [[Zune]], [[Android (operating system)|Android]] starting with [[Android Ice Cream Sandwich|Android 4.0]],<ref name="verge-duarte">[https://web.archive.org/web/20120212191122/https://www.theverge.com/2011/10/18/exclusive-matias-duarte-ice-cream-sandwich-galaxy-nexus/ "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.</ref> [[iOS 7]] and [[OS X Yosemite]].<ref name="ars-yosemiteui">[https://arstechnica.com/apple/2014/06/os-x-yosemite-is-coming-and-it-will-redesign-the-entire-mac-desktop/ "OS X Yosemite unveiled at WWDC, features big UI overhaul"]. Ars Technica. Archived from the original on June 3, 2014. Retrieved June 3, 2014.</ref> | ||
** In 2021, [[The GNOME Project]] expanded its focus of [[Adwaita (design language)|Adwaita]] to allow it to prosper as a design language for [[GNOME]]. | ** In 2021, [[The GNOME Project]] expanded its focus of [[Adwaita (design language)|Adwaita]] to allow it to prosper as a design language for [[GNOME]]. | ||
<references/> | <references/> | ||
Latest revision as of 02:40, 4 November 2024
A Design Language is an Overarching Scheme or Style that often uses a signature grille design.
- AKA: Design Vocabulary.
- Example(s):
- Counter-Example(s):
- See: Software Design Language, Design System, Unified Modeling Language.
References
2022
- (Wikipedia, 2022) ⇒ https://en.wikipedia.org/wiki/Design_language Retrieved:2022-12-2.
- 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.
2022
- (Wikipedia, 2022) ⇒ https://en.wikipedia.org/wiki/Design_language#Software Retrieved:2022-12-2.
- 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.
2022
- (Wikipedia, 2022) ⇒ https://en.wikipedia.org/wiki/Design_language#Examples Retrieved:2022-12-2.
- Apple has created several 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. 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.[1] The Fluent Design System was developed as a revamp of Metro in 2017, and used more motion, depth and translucency effects.[2]
- 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.
- Flat design is a design language and style that simplifies elements and colours. It has influenced user interface design in Microsoft's Zune, Android starting with Android 4.0,[3] iOS 7 and OS X Yosemite.[4]
- In 2021, The GNOME Project expanded its focus of Adwaita to allow it to prosper as a design language for GNOME.
- ↑ Chang, Alexandra (8 August 2012). "Microsoft Doesn't Need a Name for Its User Interface". Wired. Condé Nast.
- ↑ "New Windows look and feel, Neon, is officially the "Microsoft Fluent Design System". Ars Technica. Retrieved 11 May 2017.
- ↑ "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.
- ↑ "OS X Yosemite unveiled at WWDC, features big UI overhaul". Ars Technica. Archived from the original on June 3, 2014. Retrieved June 3, 2014.