https://wiki.unissula.ac.id/index.php?action=history&feed=atom&title=Fluent_DesignFluent Design - Riwayat revisi2026-09-15T15:31:48ZRiwayat revisi halaman ini di wikiMediaWiki 1.46.0https://wiki.unissula.ac.id/index.php?title=Fluent_Design&diff=1727&oldid=prevMaintenance script: Presentation V4: sitasi, referensi, Math, Wikimedia Commons, dan atribusi2026-08-23T10:22:44Z<p>Presentation V4: sitasi, referensi, Math, Wikimedia Commons, dan atribusi</p>
<table style="background-color: #fff; color: #202122;" data-mw-interface="">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="id">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Revisi sebelumnya</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revisi per 23 Agustus 2026 10.22</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Baris 1:</td>
<td colspan="2" class="diff-lineno">Baris 1:</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''Sistem Fluent Design''' (dengan nama kode '''Project Neon'''), secara resmi diluncurkan sebagai Sistem Fluent Design Microsoft, 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. Pada pembaruan terakhir desain ini juga banyak memanfaatkan penggunaan gerakan, kedalaman, dan efek tembus cahaya yang lebih menonjol.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''Sistem Fluent Design''' (dengan nama kode '''Project Neon'''),<ins style="font-weight: bold; text-decoration: none;"><ref>[https://www.theverge.com/2017/5/11/15615812/microsoft-fluent-design-system-project-neon-features Fluent Design is Microsoft's new modern UI for Windows and more]. ''The Verge''. 2017-05-11.</ref> </ins>secara resmi diluncurkan sebagai Sistem Fluent Design Microsoft,<ins style="font-weight: bold; text-decoration: none;"><ref>[https://twitter.com/windowsdev/status/862698458469122049 Windows Developer on Twitter]. ''Twitter''.</ref> </ins>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.<ins style="font-weight: bold; text-decoration: none;"><ref>[http://fluent.microsoft.com/ Fluent Design Language]. ''Microsoft''.</ref> </ins>Pada pembaruan terakhir desain ini juga banyak memanfaatkan penggunaan gerakan, kedalaman, dan efek tembus cahaya yang lebih menonjol.<ins style="font-weight: bold; text-decoration: none;"><ref>[https://arstechnica</ins>.<ins style="font-weight: bold; text-decoration: none;">com/information-technology/2017/05/new-windows-look-and-feel-neon-is-officially-the-microsoft-fluent-design-system/ New </ins>Windows <ins style="font-weight: bold; text-decoration: none;">look and feel</ins>, <ins style="font-weight: bold; text-decoration: none;">Neon</ins>, <ins style="font-weight: bold; text-decoration: none;">is officially the "Microsoft </ins>Fluent Design <ins style="font-weight: bold; text-decoration: none;">System"</ins>]. <ins style="font-weight: bold; text-decoration: none;">''Ars Technica''.</ref></ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Transisi ke Fluent Design adalah proyek jangka panjang</del>. <del style="font-weight: bold; text-decoration: none;">Aspek dari desain ini mulai muncul di </del>Windows <del style="font-weight: bold; text-decoration: none;">10 dimulai dengan pembaruan "Fall Creators Update" yang dirilis pada Oktober 2017</del>, <del style="font-weight: bold; text-decoration: none;">serta pembaruan untuk perangkat lunak sistem [[Xbox One]] yang dirilis bersamaan dengannya. Sistem desain ini kemudian diturunkan untuk dirancang bersama dengan Windows 10X</del>, <del style="font-weight: bold; text-decoration: none;">di samping pembaruan Windows 10 di masa mendatang yang akan menggunakan desain serupa. Sistem </del>Fluent Design <del style="font-weight: bold; text-decoration: none;">juga ditemukan di [[Windows 11]</del>].</div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">== Referensi ==</del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">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>[https://www.theverge.com/2017/10/16/16481202/microsoft-windows-10-fall-creators-update-fluent-design Microsoft shows off its Fluent Design changes to Windows 10]. ''The Verge''.</ref><ref>[https://arstechnica.com/information-technology/2017/05/taking-a-closer-look-at-microsofts-fluent-design-system/ Microsoft's Fluent Design System threatens to make Windows look good]. ''Ars Technica''.</ref><ref>[https://www.theverge.com/2017/8/7/16105986/microsoft-xbox-one-dashboard-update-fluent-design A major new Xbox One update overhauls the dashboard with Fluent Design]. ''The Verge''.</ref><ref>[https://www.theverge.com/2017/10/16/16481340/microsoft-xbox-one-fall-dashboard-update The Xbox One is getting a major update today, including a faster dashboard]. ''The Verge''.</ref> Sistem desain ini kemudian diturunkan untuk dirancang bersama dengan Windows 10X,<ref>[https://www.theverge.com/2020/2/11/21132826/microsoft-windows-10x-features-dual-screen-foldable-hands-on-developers A first look at Microsoft's new Windows 10X operating system for dual screens]. ''The Verge''. February 11, 2020.</ref> di samping pembaruan Windows 10 di masa mendatang yang akan menggunakan desain serupa.<ref>[https://www.instagram.com/p/B97VqkXg0iN/ 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…”]. ''Instagram''. March 19, 2020.</ref> Sistem Fluent Design juga ditemukan di [[Windows 11]].</ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Pranala luar ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Pranala luar ==</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* </div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* </div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">== Referensi ==</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><references /></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Sumber dan atribusi ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Sumber dan atribusi ==</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Konten artikel ini diadaptasi dari [https://id.wikipedia.org/w/index.php?title=Fluent+Design&oldid=23888630 Wikipedia bahasa Indonesia], revisi 23888630 (2023-07-22T09:19:53Z), yang tersedia berdasarkan lisensi Creative Commons Atribusi-BerbagiSerupa (CC BY-SA). Mohon gunakan konten ini secara bijak serta sesuai dengan ketentuan lisensi yang berlaku.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Konten artikel ini diadaptasi dari [https://id.wikipedia.org/w/index.php?title=Fluent+Design&oldid=23888630 Wikipedia bahasa Indonesia], revisi 23888630 (2023-07-22T09:19:53Z), yang tersedia berdasarkan lisensi Creative Commons Atribusi-BerbagiSerupa (CC BY-SA). Mohon gunakan konten ini secara bijak serta sesuai dengan ketentuan lisensi yang berlaku.</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><!-- WIKI_UNISSULA_PRESENTATION_V4 --></ins></div></td></tr>
</table>Maintenance scripthttps://wiki.unissula.ac.id/index.php?title=Fluent_Design&diff=1327&oldid=prevMaintenance script: Impor teks terkontrol dari Wikipedia bahasa Indonesia; revisi 23888630; atribusi sumber disertakan.2026-08-23T09:44:10Z<p>Impor teks terkontrol dari Wikipedia bahasa Indonesia; revisi 23888630; atribusi sumber disertakan.</p>
<p><b>Halaman baru</b></p><div>'''Sistem Fluent Design''' (dengan nama kode '''Project Neon'''), secara resmi diluncurkan sebagai Sistem Fluent Design Microsoft, 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. Pada pembaruan terakhir desain ini juga banyak memanfaatkan penggunaan gerakan, kedalaman, dan efek tembus cahaya yang lebih menonjol.<br />
<br />
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. Sistem desain ini kemudian diturunkan untuk dirancang bersama dengan Windows 10X, di samping pembaruan Windows 10 di masa mendatang yang akan menggunakan desain serupa. Sistem Fluent Design juga ditemukan di [[Windows 11]].<br />
<br />
== Referensi ==<br />
<br />
<br />
== Pranala luar ==<br />
*<br />
*<br />
*<br />
<br />
<br />
<br />
== Sumber dan atribusi ==<br />
<br />
Konten artikel ini diadaptasi dari [https://id.wikipedia.org/w/index.php?title=Fluent+Design&oldid=23888630 Wikipedia bahasa Indonesia], revisi 23888630 (2023-07-22T09:19:53Z), yang tersedia berdasarkan lisensi Creative Commons Atribusi-BerbagiSerupa (CC BY-SA). Mohon gunakan konten ini secara bijak serta sesuai dengan ketentuan lisensi yang berlaku.</div>Maintenance script