Fluent Design: Perbedaan antara revisi

| platform = [[Android (sistem operasi)|Android]], [[IOS|iOS]], [[MacOS]], [[Windows]]

* Microsoft UI Fabric <ref name="ui-fabric">{{Cite web|url=https://developer.microsoft.com/en-us/office/blogs/ui-fabric-is-evolving-into-fluent-ui/|title=UI Fabric is evolving into Fluent UI - Microsoft 365 Developer Blog|author=Microsoft 365 Team|date=2020-03-12|access-date=2021-03-16|website=Microsoft 365 Developer Blog|archive-date=2021-07-26|archive-url=https://web.archive.org/web/20210726052812/https://developer.microsoft.com/en-us/office/blogs/ui-fabric-is-evolving-into-fluent-ui/|dead-url=no}}</ref><ref name="ui-fabric-st-times">{{Cite web|url=https://sdtimes.com/msft/microsoft-transforms-ui-fabric-to-fluent-ui/|title=Microsoft transforms UI Fabric to Fluent UI - SD Times|last=Lewkowicz|first=Jakub|date=2020-03-16|access-date=2021-03-16|website=ST Times|archive-date=2023-04-05|archive-url=https://web.archive.org/web/20230405050240/https://sdtimes.com/msft/microsoft-transforms-ui-fabric-to-fluent-ui/|dead-url=no}}</ref>

* Office UI Fabric <ref name="office-ui-fabric-blog">{{Cite web|url=https://www.microsoft.com/en-us/microsoft-365/blog/2015/08/31/introducing-office-ui-fabric-your-key-to-designing-add-ins-for-office/|title=Introducing Office UI Fabric—your key to designing add-ins for Office - Microsoft 365 Blog|author=Office Dev|date=2015-08-15|access-date=2021-03-16|website=Microsoft 365 Blog|archive-date=2023-04-05|archive-url=https://web.archive.org/web/20230405050353/https://www.microsoft.com/en-us/microsoft-365/blog/2015/08/31/introducing-office-ui-fabric-your-key-to-designing-add-ins-for-office/|dead-url=no}}</ref><ref name="office-ui-fabric-zdnet">{{Cite web|url=https://www.zdnet.com/article/microsofts-big-fluent-design-push-web-developers-get-a-new-office-ui-fabric/|title=Microsoft's big Fluent design push: Web developers get a new Office UI Fabric {{!}} ZDNet|last=Tung|first=Liam|date=2020-03-16|access-date=2021-03-16|website=ZDNet|archive-date=2023-04-05|archive-url=https://web.archive.org/web/20230405003145/https://www.zdnet.com/article/microsofts-big-fluent-design-push-web-developers-get-a-new-office-ui-fabric/|dead-url=no}}</ref>

| genre = [[Bahasa_desainBahasa desain#Perangkat lunak|Perangkat lunak bahasa desain]]

'''Sistem Fluent Design''' (dengan nama kode '''Project Neon'''),<ref>{{Cite web|url=https://www.theverge.com/2017/5/11/15615812/microsoft-fluent-design-system-project-neon-features|title=Fluent Design is Microsoft's new modern UI for Windows and more|date=2017-05-11|website=The Verge|access-date=2017-05-11|archive-date=2017-05-11|archive-url=https://web.archive.org/web/20170511162339/https://www.theverge.com/2017/5/11/15615812/microsoft-fluent-design-system-project-neon-features|dead-url=no}}</ref> secara resmi diluncurkan sebagai Sistem Fluent Design Microsoft,<ref>{{Cite web|url=https://twitter.com/windowsdev/status/862698458469122049|title=Windows Developer on Twitter|website=Twitter|language=en|access-date=2017-05-11|archive-date=2021-10-08|archive-url=https://web.archive.org/web/20211008162506/https://twitter.com/windowsdev/status/862698458469122049|dead-url=no}}</ref> adalah bahasa desain yang dikembangkan pada tahun 2017 oleh [[Microsoft]]. ''Fluent Design'' adalah perubahan dari ''Microsoft Design Language'' (dikenal sebagai "Metro") yang mencakup pedoman untuk desain dan interaksi dalam perangkat lunak yang dirancang untuk semua perangkat dan platform [[Windows 10]]. Sistem ini didasarkan pada lima komponen utama: Cahaya, Kedalaman, Gerak, Material, dan Skala.<ref>{{Cite web|url=http://fluent.microsoft.com/|title=Fluent Design Language|website=Microsoft|access-date=2017-05-12|archive-date=2017-05-29|archive-url=https://web.archive.org/web/20170529210820/http://fluent.microsoft.com/|dead-url=no}}</ref> Pada pembaruan terakhir desain ini juga banyak memanfaatkan penggunaan gerakan, kedalaman, dan efek tembus cahaya yang lebih menonjol.<ref name="ars-fluentdesign">{{cite web|title=New Windows look and feel, Neon, is officially the "Microsoft Fluent Design System"|url=https://arstechnica.com/information-technology/2017/05/new-windows-look-and-feel-neon-is-officially-the-microsoft-fluent-design-system/|website=Ars Technica|accessdate=11 May 2017|archive-date=2017-05-11|archive-url=https://web.archive.org/web/20170511154503/https://arstechnica.com/information-technology/2017/05/new-windows-look-and-feel-neon-is-officially-the-microsoft-fluent-design-system/|dead-url=no}}</ref>

Transisi ke Fluent Design adalah proyek jangka panjang. Aspek dari desain ini mulai muncul di Windows 10 dimulai dengan pembaruan "Fall Creators Update" yang dirilis pada Oktober 2017, serta pembaruan untuk perangkat lunak sistem [[Xbox One]] yang dirilis bersamaan dengannya.<ref>{{Cite news|url=https://www.theverge.com/2017/10/16/16481202/microsoft-windows-10-fall-creators-update-fluent-design|title=Microsoft shows off its Fluent Design changes to Windows 10|work=The Verge|access-date=2017-10-29}}</ref><ref>{{Cite news|url=https://arstechnica.com/information-technology/2017/05/taking-a-closer-look-at-microsofts-fluent-design-system/|title=Microsoft's Fluent Design System threatens to make Windows look good|work=Ars Technica|access-date=2017-10-29|language=en-us|archive-date=2023-07-05|archive-url=https://web.archive.org/web/20230705223914/https://arstechnica.com/information-technology/2017/05/taking-a-closer-look-at-microsofts-fluent-design-system/|dead-url=no}}</ref><ref>{{Cite news|url=https://www.theverge.com/2017/8/7/16105986/microsoft-xbox-one-dashboard-update-fluent-design|title=A major new Xbox One update overhauls the dashboard with Fluent Design|work=The Verge|access-date=2017-10-29|archive-date=2017-08-07|archive-url=https://web.archive.org/web/20170807213921/https://www.theverge.com/2017/8/7/16105986/microsoft-xbox-one-dashboard-update-fluent-design|dead-url=no}}</ref><ref>{{Cite news|url=https://www.theverge.com/2017/10/16/16481340/microsoft-xbox-one-fall-dashboard-update|title=The Xbox One is getting a major update today, including a faster dashboard|work=The Verge|access-date=2017-10-29|archive-date=2023-04-05|archive-url=https://web.archive.org/web/20230405100939/https://www.theverge.com/2017/10/16/16481340/microsoft-xbox-one-fall-dashboard-update|dead-url=no}}</ref> Sistem desain ini kemudian diturunkan untuk dirancang bersama dengan Windows 10X,<ref>{{Cite news|url=https://www.theverge.com/2020/2/11/21132826/microsoft-windows-10x-features-dual-screen-foldable-hands-on-developers|title=A first look at Microsoft's new Windows 10X operating system for dual screens|date=February 11, 2020|work=The Verge|access-date=April 19, 2020|archive-date=2023-06-02|archive-url=https://web.archive.org/web/20230602173428/https://www.theverge.com/2020/2/11/21132826/microsoft-windows-10x-features-dual-screen-foldable-hands-on-developers|dead-url=no}}</ref> di samping pembaruan Windows 10 di masa mendatang yang akan menggunakan desain serupa.<ref>{{Cite web|url=https://www.instagram.com/p/B97VqkXg0iN/|title=Panos Panay on Instagram: “The team made this video to celebrate making it to 1 billion MAD on Windows 10 and I wanted to share it with all of you. Now at a time when…”|date=March 19, 2020|website=Instagram|access-date=April 19, 2020|archive-date=2023-06-17|archive-url=https://web.archive.org/web/20230617072105/https://www.instagram.com/p/B97VqkXg0iN/|dead-url=no}}</ref> Sistem Fluent Design juga ditemukan di [[Windows 11]].

* {{cite web |url= https://developer.microsoft.com/windows/apps/design |title= Design and Code UWP apps |publisher= Microsoft |access-date= 2021-06-10 |archive-date= 2023-07-22 |archive-url= https://web.archive.org/web/20230722091932/https://learn.microsoft.com/en-us/windows/apps/design/ |dead-url= no }}

* {{cite web |url= https://channel9.msdn.com/events/Build/2017/B8066?term=introduction%20to%20fluent%20design |title= Introducing Fluent Design |date= May 8, 2017 |first1= Paul |last1= Gusmorino |first2= Bojana |last2= Ostojic |work= Channel 9 |publisher= MSDN |access-date= 2021-06-10 |archive-date= 2021-08-05 |archive-url= https://web.archive.org/web/20210805081012/https://channel9.msdn.com/events/Build/2017/B8066?term=introduction%20to%20fluent%20design |dead-url= no }}