{"id":22398,"date":"2021-12-22T12:36:05","date_gmt":"2021-12-22T10:36:05","guid":{"rendered":"https:\/\/www.software-developer-india.com\/?p=22398"},"modified":"2021-12-22T12:36:11","modified_gmt":"2021-12-22T10:36:11","slug":"quest-ce-que-la-conception-materielle","status":"publish","type":"post","link":"https:\/\/www.software-developer-india.com\/fr\/quest-ce-que-la-conception-materielle\/","title":{"rendered":"Qu’est-ce que la conception mat\u00e9rielle?"},"content":{"rendered":"\n

Qu’est-ce que la conception mat\u00e9rielle?<\/h2>\n\n
\"\"<\/a><\/figure><\/div>\n\n

Le Web a subi plusieurs transformations depuis sa premi\u00e8re apparition dans le monde. Chaque changement l’a rendu pratique pour les utilisateurs, les utilisateurs ayant plus \u00e0 explorer, sans aucune limite. Apr\u00e8s les pages Web et les pages de navigateur, sont venus les smartphones et plusieurs autres appareils intelligents. <\/p>\n\n

Des pages Web statiques aux appareils intelligents intuitifs dot\u00e9s d’une intelligence artificielle<\/strong> , la transformation a \u00e9t\u00e9 formidable. Mais Google n’a pas oubli\u00e9 les changements qui devraient se produire dans les pages Web. Il y a eu une transformation du syst\u00e8me et du langage de conception de Google. Et c’est l\u00e0 que Material Design<\/strong> est n\u00e9. <\/p>\n\n

Expliquer la conception mat\u00e9rielle<\/strong><\/h3>\n\n

Ainsi, Material Design est une id\u00e9e originale de Google<\/strong> , et il est apparu \u00e0 la mi-2014, sous le nom de code \u00ab Quantum Paper \u00bb. Material Design est utilis\u00e9 pour un certain nombre d’impl\u00e9mentations de conception. Les styles de conception \u00e0 base de papier le rendaient assez diff\u00e9rent du style de conception plat couramment utilis\u00e9 \u00e0 cette \u00e9poque. <\/p>\n\n

Le but du d\u00e9veloppement de Material Design \u00e9tait de fournir une sortie de haute qualit\u00e9 sur toutes les plates-formes<\/strong> de mani\u00e8re coh\u00e9rente. Cela apportera une exp\u00e9rience utilisateur unifi\u00e9e sur tous les appareils, plates-formes et m\u00e9thodes de saisie. C’est presque comme les principes de conception d’Apple qu’ils ont utilis\u00e9s comme m\u00e9thode standard. Mais Google a pris une longueur d’avance et a permis d’avoir une exp\u00e9rience utilisateur coh\u00e9rente. <\/p>\n\n

Les directives de conception mat\u00e9rielle de Google sont devenues les protocoles standard pour l’image de marque de toute entreprise, car elles ont \u00e9t\u00e9 reconnues comme \u00e9tant affili\u00e9es \u00e0 Google. Fait int\u00e9ressant, Google a \u00e9t\u00e9 adopt\u00e9 par l’immense et croissante communaut\u00e9 de designers. Cela signifie donc que tout le monde peut utiliser Material Design, non seulement sur des plates-formes natives, mais \u00e9galement sur d’autres plates-formes concurrentes. <\/p>\n\n

La chose la plus simple \u00e0 propos de la sp\u00e9cification Material Design est qu’il existe des directives pour tout<\/strong> – le style, la couleur, les images, les grilles, l’espace, la typographie, etc. Et cela guide les concepteurs pour leur montrer \u00e0 quoi ressemblent les choses, y compris les conceptions internationales contenant une hi\u00e9rarchie, une concentration et un sens.<\/p>\n\n

Conseils pour rendre le Material Design efficace sur toutes les plateformes<\/strong><\/h3>\n\n
  1. Le concept ou r\u00e9alit\u00e9 tactile<\/strong><\/li><\/ol>\n\n

    L’un des principes du Material Design est de prendre le concept de r\u00e9alit\u00e9 tactile<\/strong> et de l’appliquer. La conception doit offrir aux utilisateurs une familiarit\u00e9 lorsqu’ils int\u00e8grent des fonctionnalit\u00e9s du monde r\u00e9el. Par exemple, le bouton doit ressembler \u00e0 un seul – l’aspect, la surface, les coutures et les bords doivent \u00eatre coh\u00e9rents avec un bouton pour permettre aux utilisateurs de prendre un indice. <\/p>\n\n

    Pour r\u00e9v\u00e9ler les pi\u00e8ces en mouvement, il doit y avoir un \u00e9clairage et des ombres r\u00e9alistes afin que l’utilisateur comprenne instantan\u00e9ment. <\/p>\n\n

    1. Conception adaptative<\/strong><\/li><\/ol>\n\n

      Dans la conception adaptative, les ic\u00f4nes, les couleurs, les proportions spatiales et la hi\u00e9rarchie seront coh\u00e9rentes sur diverses plates-formes et appareils. Les conceptions elles-m\u00eames doivent \u00eatre accrocheuses et ordonn\u00e9es afin que les utilisateurs puissent facilement saisir la hi\u00e9rarchie. Pour offrir une meilleure exp\u00e9rience aux utilisateurs, assurez-vous qu’il y a suffisamment d’espaces blancs, une grande topographie, des images fortes et une utilisation brillante des couleurs. <\/p>\n\n

      1. Les messages utilisant le mouvement font beaucoup d’excitation<\/strong><\/li><\/ol>\n\n

        Les utilisateurs adorent quand ils contr\u00f4lent leur navigation<\/strong> . Lorsqu’ils verront les changements r\u00e9sultant directement de leurs actions, ils seront plus r\u00e9ceptifs. Des animations en mouvements fluides continus avec des actions pr\u00e9visibles rendront les utilisateurs d\u00e9tendus. <\/p>\n\n

        Cependant, il est important que ces mouvements soient naturels. Par exemple, si un utilisateur fait glisser et d\u00e9pose un \u00e9l\u00e9ment s\u00e9lectionn\u00e9 dans un dossier avec d’autres objets, les objets d\u00e9j\u00e0 pr\u00e9sents dans le dossier doivent s’\u00e9carter pour faire de la place. L’utilisateur sera choqu\u00e9 si apr\u00e8s \u00abl’option glisser-d\u00e9poser\u00bb, l’objet dispara\u00eet et il ne peut pas voir ce qui lui est arriv\u00e9. Ce genre de r\u00e9ponse magique \u00e9teindra l’utilisateur. <\/p>\n\n

        Principes de conception des mat\u00e9riaux<\/strong><\/h3>\n\n

        Material Design est bien plus que l’ajout d’ombres et d’effets tridimensionnels aux fonctionnalit\u00e9s. C’est une ressource globale qui jette les bases d’un nouveau langage de conception. Jetez un \u0153il \u00e0 certains des principes de base de la conception mat\u00e9rielle.<\/p>\n\n

        1. La mati\u00e8re est une m\u00e9taphore<\/strong><\/li><\/ol>\n\n

          Les utilisateurs appr\u00e9cient les exp\u00e9riences num\u00e9riques qui leur semblent naturelles. C’est donc l’un des premiers principes de base \u00e0 ajouter dans les applications et les sites Web que vous cr\u00e9ez avec Material Design. Les lois de cause \u00e0 effet doivent \u00eatre suivies avec diligence, en ce sens que lorsqu’un utilisateur effectue une action, il s’attend \u00e0 un r\u00e9sultat pr\u00e9visible, et il doit l’obtenir. Les mouvements qui se produisent dans la page doivent \u00eatre coh\u00e9rents avec la fa\u00e7on dont cela peut se produire dans le monde r\u00e9el. Cela les encouragerait \u00e0 s’engager davantage avec les applications. <\/p>\n\n

          1. Signification et logique gr\u00e2ce au gras, aux graphiques et \u00e0 la hi\u00e9rarchie<\/strong><\/li><\/ol>\n\n

            Chaque choix de conception doit avoir un sens et une logique. La conception doit \u00eatre telle qu’il doit y avoir une sorte de r\u00e8gle, une raison derri\u00e8re cela. Il ne s’agit plus de concevoir parce que quelqu’un l’a aim\u00e9 ou parce que c’est \u00e0 la mode. Selon le dernier syst\u00e8me, les \u00e9l\u00e9ments de l’interface utilisateur doivent suivre une certaine hi\u00e9rarchie responsable. Le Material Design explique les \u00e9l\u00e9ments suivants de mani\u00e8re logique :<\/p>\n\n