Le Fluent De­si­gn : des chan­ge­ments cos­mé­tiques

Micro Pratique - - SOMMAIRE -

Bap­ti­sé Fluent De­si­gn et lan­cé en 2017 avec la Fall Crea­tors Update, ce pro­jet a pour abou­tis­se­ment la re­fonte de l’in­ter­face gra­phique de Win­dows 10. Pas de pa­nique ce­pen­dant, c’est par pe­tites touches que l’édi­teur a choi­si de l’in­té­grer plu­tôt que de mo­di­fier ra­di­ca­le­ment l’as­pect vi­suel de son sys­tème d’ex­ploi­ta­tion.

Si quelques élé­ments sont ap­pa­rus en fin d’an­née der­nière au sein de Win­dows 10 après la mise à jour nom­mée Fall Crea­tor s Update, cette an­née Mi­cro­soft dé­place un peu plus le cur­seur en ap­por­tant des chan­ge­ments qui se voient réellement lors­qu’on uti­lise le sys­tème, et cer taines ap­pli­ca­tions sont aus­si concer­nées par ces mo­di­fi­ca­tions gra­phiques. Voyons quelles sont les nou­veau­tés qui s’offrent à vos yeux et com­ment en op­ti­mi­ser l’usage. Par­tons du prin­cipe que vous avez réa­li­sé la toute der­nière mise à jour en date, April Update Win­dows 10 1803.

Des bords qui ap­pa­raissent

Après avoir ac­tua­li­sé Win­dows 10, on se rend compte que quelque chose a chan­gé mais, au dé­but, il est dif­fi­cile de sa­voir quoi exac­te­ment. C’est en ou­vrant le me­nu des

Pa­ra­mètres du sys­tème d’ex­ploi­ta­tion qu’on en prend réellement conscience. Uti­li­sez la com­bi­nai­son de touches [ Win + I] pour l’ou­vrir. En­suite, pas­sez sim­ple­ment et dou­ce­ment votre sou­ris sur les dif­fé­rents me­nus ( Sys­tème, Pé­ri­phé­riques, Té­lé­phone, etc.). Re­mar­quez que lorsque vous ap­pro­chez d’un me­nu, un cadre semble se des­si­ner au­tour avec un ef­fet de tran­si­tion . As­su­rez-vous que la fe­nêtre est bien sé­lec­tion­née si­non vous ne ver­rez pas cet ef­fet. On peut aus­si ob­ser­ver un phé­no­mène si­mi­laire au sein du me­nu Dé­mar­rer. Ou­vrez ce der­nier en cli­quant sur le bou­ton du lo­go

Win­dows, en bas à gauche de l’écran prin­ci­pal. En­suite, pas­sez le cur­seur de la sou­ris sur les élé­ments pré­sents tout à fait à gauche pour voir l’ap­pa­ri­tion pro­gres­sive du cadre en­tou­rant chaque fonc­tion .

Jouez avec la sou­ris

Ou­vrez le me­nu Dé­mar­rer de­puis le lo­go en bas à gauche de l’écran prin­ci­pal. En­suite, pas­sez dou­ce­ment le cur­seur de la sou­ris sur les noms des ap­pli­ca­tions et re­mar­quez que les lignes s’illu­minent une par une créant un cadre avec un lé­ger ef­fet de trans­pa­rence. Pas­sez main­te­nant sur les vi­gnettes pré­sentes au sein du me­nu

Dé­mar­rer. Ob­ser­vez l’ef­fet que pro­voque le pas­sage du cur­seur de la sou­ris sur chaque vi­gnette . Sur leur fond, une il­lu­mi­na­tion est au­to­ma­ti­que­ment et dy­na­mi­que­ment créée. Elle évo­lue avec les mou­ve­ments du cur­seur de la sou­ris. On voit bien le ha­lo se for­mer lors­qu’on passe le cur­seur de la sou­ris sur une zone unie . Ce­lui-ci dis­pa­raît lors­qu’on fait sor­tir la sou­ris du cadre. L’ap­pli­ca­tion Cal­cu­la­trice af­fiche aus­si un cer tain dy­na­misme l or squ’on passe le cur­seur de la sou­ris sur les chiffres et l es autres touches vir tuelles de ce pro­gramme . Re­mar­quez en­fin que chaque touche af­fiche un fond dif­fé­rent en gris fon­cé au pas­sage de la sou­ris.

Des tran­si­tions douces

En plus des ef­fets de tran­si­tion que nous ve­nons de voir, l a der­nière mise à j our Win­dows 10 April Update pro­pose des ef­fets de trans­pa­rence plu­tôt élé­gants. Ou­vrez par exemple le me­nu Pa­ra­mètres de Win­dows 10 avec la com­bi­nai­son de touches [ Win + I]. Sé­lec­tion­nez n’im­por te quelle r ubrique et ob­ser vez l a co­lonne de gauche qui est l égè­re­ment trans­pa­rente lais­sant en­tre­voir les cou­leurs des élé­ments de la fe­nêtre qui se trou­ve­rait en des­sous . Si ce n’est pas votre type d’af­fi­chage, ou­vrez n’im­por te quelle

autre f enêtre puis f ai t es pas­ser cel l e des Pa­ra­mètres par- des­sus l’autre pour voir l ’ef­fet de trans­pa­rence dy­na­mique. Dans le même es­prit, pas­sez votre sou­ris sur les ru­briques dans la co­lonne de gauche et re­mar­quez que cha­cune af­fiche un fond au pas­sage du cur­seur. Cli­quez et main­te­nez en­fon­cé le bou­ton gauche de la sou­ris et ob­ser­vez le ha­lo qui se forme au ni­veau du cur­seur de celle-ci et qui se dé­place avec .

La trans­pa­rence est par­tout ou presque

Les au­tr es me­nus de na­vi ga­ti on sont concer­nés par cet ef­fet de tran­si­tion entre les ru­briques et la for­ma­tion du ha­lo lu­mi­neux lors­qu’on clique. C’est no­tam­ment le cas au sein de l’ap­pli­ca­tion Ca­len­drier ou en­core de Cour­rier . À no­ter que pour cette der­nière, on peut ob­ser ver un dy­na­misme de l’ar rière- plan lors­qu’on ré­duit en lar­geur la taille de la fe­nêtre. Le fond s’adapte alors au­to­ma­ti­que­ment pour pro­po­ser une par tie de l’image à gauche des me­nus (sous les me­nus de na­vi­ga­tion) et la par­tie prin­ci­pale à droite dans la fe­nêtre. Il y a cer tai­ne­ment d’autres ap­pli­ca­tions

Ap­pa­ri­tion pro­gres­sive du cadre qui en­toure les fonc­tions prin­ci­pales du me­nu Dé­mar­rer.

Plus on ap­proche le cur­seur de la sou­ris de l’in­ti­tu­lé du me­nu plus le cadre qui l’en­toure ap­pa­raît.

Faites évo­luer le cur­seur de votre sou­ris au sein du me­nu Dé­mar­rer pour voir l’ef­fet vi­suel créé.

En cli­quant, on crée un ha­lo lu­mi­neux qui dis­pa­raît pro­gres­si­ve­ment. ( Mi­cro­soft) qui pro­fitent de ce type d’af­fi­chage mê­lant à la fois trans­pa­rence et ap­pa­ri­tion de cadres avec un ef­fet de ha­lo pour

Sé­lec­tion­nez l’un des modes de confi­gu­ra­tion du pro­gramme. le cur­seur de la sou­ris. Cette ap­pa­rence per­met de par­fai­te­ment iden­ti­fier les zones de clics et les sé­lec­tions po­ten­tielles tout en ap­por­tant un cer­tain dy­na­misme lors de la na­vi­ga­tion au sein des me­nus.

Pas­sez le cur­seur de la sou­ris sur les touches vir­tuelles de la Cal­cu­la­trice de Win­dows 10 et ob­ser­vez un bel ef­fet de tran­si­tion.

Pas­sez sur les vi­gnettes pour les illu­mi­ner.

Un ef­fet de trans­pa­rence laisse en­tre­voir les cou­leurs des élé­ments de la fe­nêtre qui se trouve en des­sous.

Newspapers in French

Newspapers from France

© PressReader. All rights reserved.