Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Fluent Design System & les nouvelles interfaces Windows

Fluent Design System & les nouvelles interfaces Windows

Windows évolue et sa présence à travers tout le médium numérique nécessitait une refonte totale de ses paradigmes. Venez découvrir comment le design des interfaces Windows a évolué et de quelle manière il sert aujourd'hui les interfaces de 0 à 4D.

Christopher MANEU

October 05, 2017
Tweet

More Decks by Christopher MANEU

Other Decks in Design

Transcript

  1. ϮϬϬϳ Ͳ ϮϬϭϮ ĞƐŝŐŶ &ůĂƚ ĞƐŝŐŶ ,LJďƌŝĚĞ ĞƐŝŐŶ ƐŬĞƵŵŽƌƉŚŝƋƵĞ ϮϬϭϭͲ

    ϮϬϭϰ ϮϬϭϰͲ ͍ Wd/d,/^dK/Zh^/'E /K^ ϭăϳ t/EKt^ W,KE EZK/ >K>>/WKW
  2. >dZZ/E:hh'DEd ' ' 126&5((1 ' 126&5((1 60$// '6&5((16 /$5*( '6&5((16

    / ,*+ 7 6281' / ,*+ 7 6281' + $37,& / ,*+ 7 6281' */ $1&($%/ ( 6281' + $37,& 9,68$/  · 6281' + $37,& 9,68$/  · 6281' + $37,& 9,68$/  · · 6281' + $37,& 9,68$/  ·· 6281' + $37,& 9,68$/  · · 6281' + $37,& ' '  · · 6281' + $37,& ,00(5 6,9( · ; · 6281' + $37,& ,13876 2873876 9,68$/  · 6281' + $37,& 9,68$/  · 6281' + $37,&
  3. KEEd E/Dd/KE^ ^ŽƵƌĐĞ͗ фĂƚĂdĞŵƉůĂƚĞх ф'ƌŝĚdž͗EĂŵĞсΗŚĂƌĂĐƚĞƌdŚƵŵďŶĂŝůΗ ф/ŵĂŐĞ^ŽƵƌĐĞсΗ΂dž͗ŝŶĚ dŚƵŵďŶĂŝů΃Η фͬ'ƌŝĚх фͬĂƚĂdĞŵƉůĂƚĞх ƉƌŝǀĂƚĞǀŽŝĚDĂƐƚĞƌ>ŝƐƚsŝĞǁͺ/ƚĞŵůŝĐŬ;ŽďũĞĐƚƐĞŶĚĞƌ͕/ƚĞŵůŝĐŬǀĞŶƚƌŐƐ

    ĞͿ ΂ ǀĂƌ ŝƚĞŵсĞ͍͘ůŝĐŬĞĚ/ƚĞŵ ĂƐŚĂƌĂĐƚĞƌ͖ ŝĨ;ŝƚĞŵ͊сŶƵůůͿ ΂ ^ĞůĞĐƚĞĚсŝƚĞŵ͖ ,ĞƌŽƐ'ƌŝĚsŝĞǁ͘WƌĞƉĂƌĞŽŶŶĞĐƚĞĚŶŝŵĂƚŝŽŶ;ΗĐŚĂƌĂĐƚĞƌŶŝŵĂƚŝŽŶΗ͕ ŝƚĞŵ͕ΗŚĂƌĂĐƚĞƌdŚƵŵďŶĂŝůΗͿ͖ EĂǀŝŐĂƚŝŽŶ^ĞƌǀŝĐĞ͘EĂǀŝŐĂƚĞфsŝĞǁƐ͘ŚĂƌĂĐƚĞƌƐĞƚĂŝůWĂŐĞх;ŝƚĞŵͿ͖ ΃ ΃
  4. KEEd E/Dd/KE^ ĞƐƚŝŶĂƚŝŽŶ͗ ф'ƌŝĚ dž͗EĂŵĞсΗŚĂƌĂĐƚĞƌ/ŵĂŐĞΗ ф/ŵĂŐĞ^ŽƵƌĐĞсΗ΂dž͗ŝŶĚ /ƚĞŵ͘dŚƵŵďŶĂŝů΃Ηͬх фͬ'ƌŝĚх ƉƌŽƚĞĐƚĞĚŽǀĞƌƌŝĚĞǀŽŝĚKŶ>ŽĂĚĞĚ;ŽďũĞĐƚƐĞŶĚĞƌ͕ZŽƵƚĞĚǀĞŶƚƌŐƐ ĞͿ

    ΂ ŽŶŶĞĐƚĞĚŶŝŵĂƚŝŽŶ ŝŵĂŐĞŶŝŵĂƚŝŽŶ сŽŶŶĞĐƚĞĚŶŝŵĂƚŝŽŶ^ĞƌǀŝĐĞ ͘'Ğƚ&ŽƌƵƌƌĞŶƚsŝĞǁ;Ϳ ͘'ĞƚŶŝŵĂƚŝŽŶ;ΗĐŚĂƌĂĐƚĞƌŶŝŵĂƚŝŽŶΗͿ͖ ŝĨ;ŝŵĂŐĞŶŝŵĂƚŝŽŶ ͊сŶƵůůͿ ΂ ŝŵĂŐĞŶŝŵĂƚŝŽŶ͘dƌLJ^ƚĂƌƚ;ŚĂƌĂĐƚĞƌ/ŵĂŐĞͿ͖ ΃
  5. Zz>/ DdZ/> ф'ƌŝĚ sĞƌƚŝĐĂůůŝŐŶŵĞŶƚсΗdŽƉΗ ,ĞŝŐŚƚсΗϰϯϬΗх ф'ƌŝĚ͘ĂĐŬŐƌŽƵŶĚх фĐƌLJůŝĐƌƵƐŚ ĂĐŬŐƌŽƵŶĚ^ŽƵƌĐĞсΗĂĐŬĚƌŽƉΗ dŝŶƚŽůŽƌсΗ΂^ƚĂƚŝĐZĞƐŽƵƌĐĞ ĐƌLJůŝĐŽůŽƌ΃Η

    dŝŶƚKƉĂĐŝƚLJсΗϬ͘ϱΗ &ĂůůďĂĐŬŽůŽƌсΗ΂^ƚĂƚŝĐZĞƐŽƵƌĐĞ ĐƌLJůŝĐŽůŽƌ΃Ηͬх фͬ'ƌŝĚ͘ĂĐŬŐƌŽƵŶĚх фͬ'ƌŝĚх ĂĐŬĚƌŽƉ с/ŶͲƉƉĐƌLJůŝĐ ,ŽƐƚĞĚďĂĐŬĚƌŽƉ сĂĐŬƌŽƵŶĚ ĐƌLJůŝĐ
  6. ͻ htWdžĐĞů ͻ htWtŽƌĚ ͻ htWWŽǁĞƌWŽŝŶƚ ͻ KŶĞEŽƚĞ ͻ DĂŝů

    ͻ ĂůĞŶĚĂƌ ͻ ĚŐĞ ͻ tŝŶĚŽǁƐůĂƌŵƐ ͻ ĐƚŝŽŶĞŶƚĞƌ ͻ ^ƚĂƌƚDĞŶƵ ^dͲ YhD/ZK^K&dZK/dE&>hEd^/'E͍ ͻ DŝĐƌŽƐŽĨƚWĞŽƉůĞ ͻ DŝĐƌŽƐŽĨƚWŚŽƚŽƐ ͻ DŽǀŝĞƐΘds ͻ 'ƌŽŽǀĞDƵƐŝĐ ͻ tŝŶĚŽǁƐĂůĐƵůĂƚŽƌ ͻ tŝŶĚŽǁƐDĂƉƐ ͻ tŝŶĚŽǁƐ^ƚŽƌĞ ͻ tŝŶĚŽǁƐsŽŝĐĞ ZĞĐŽƌĚĞƌ ͻ ^ƚŽƌLJZĞŵŝdž ͻ DŝĐƌŽƐŽĨƚWĂŝŶƚϯ