Design : Parlons de la conception de cartes dans la conception Web

«Je veux une carte», c’est le premier point de demande que le client a dit dans le dernier numéro en me parlant de demande. Il ne fait aucun doute que le type de carte est excellent pour les PC et les téléphones portables. Des centres commerciaux en ligne aux sites de médias sociaux, la conception de cartes est devenue une tendance puissante dans la conception de sites Web. La raison la plus importante doit être sa flexibilité.

Les cartes peuvent être de n’importe quelle forme, couleur et forme. Mais en général, ils contiennent tous des images, des icônes et des informations textuelles de base, telles que le titre, le nom d’utilisateur et les informations de localisation.

«Cependant, le cœur de sa popularité est sa simplicité. Vous voyez rarement des conceptions de cartes complexes. La raison pour laquelle il apparaît est de guider les utilisateurs à cliquer dessus. »

En tant que concepteur Web, comment utilisez-vous les cartes? Lors de la conception de cartes, à quoi devez-vous faire attention? Parlons-en ci-dessous.

En ce qui concerne l’aspect pratique et la beauté, le design de type carte peut être considéré comme supérieur aux autres. Les caractéristiques énumérées ci-dessous peuvent être la raison pour laquelle il peut gagner.

La réactivité est un vieux dicton, elle est devenue une exigence difficile. La plupart des clients ont préparé des solutions réactives pour divers appareils mobiles sans fin, donc le type de carte est né. Afin de répondre aux besoins de différentes tailles d’écran, la conception de la carte peut aider les utilisateurs à se concentrer sur un contenu spécifique de manière très pratique, et également permettre aux concepteurs de disposer le contenu de manière raisonnable et concise pendant la conception.

Le site chaotique est un casse-tête. Lorsque nous organisons différents types d’éléments sur la page, la conception de la carte peut fournir un ordre merveilleux pour la mise en page de ces contenus. C’est bon pour les concepteurs et les utilisateurs. Kelsey Drake Le site Web de Google peut présenter cette fonctionnalité.

Une caractéristique très importante de la conception des cartes est que les informations qu’elles contiennent sont très concises, ce qui les rend intéressantes et fascinantes, mais cela rend également le contenu du site Web relativement simple et rapide en un coup d’œil. Sites Internet comme NamesForChange.org rendre chaque carte vivante et facile à comprendre.

Pensez à la façon dont un site Web de médias sociaux est construit? Ce dont ils ont besoin, c’est d’un affichage clair, facile à lire et rapide. Compte tenu de la conception de la carte à nouveau, ne trouvez-vous pas la connexion? Les exemples les plus célèbres de conception de cartes sont Pinterest et Dribble.

Une autre caractéristique de la conception de la carte est l’égalité. L’égalité ici n’est bien sûr pas absolue. C’est-à-dire que l’importance de chaque carte dans la conception de la carte dans la page Web entière est presque la même. Cela évite à tout le monde la difficulté de classer le contenu. Vous pourriez aussi bien regarder le AHH site Web et vous comprendrez.

La conception de la carte peut être utilisée pour presque n’importe quel but dans n’importe quelle industrie, et sa flexibilité créative est très grande. On peut dire qu’il n’y a pas de conclusion sur le style de design, ce qui donne au designer un très grand espace créatif pour jouer. Prenez le site Web Futurefabric.co.uk , par exemple, le designer utilise un design de carte pour afficher ses différents types d’œuvres.

Venir au fait! En tant que concepteur d’interface utilisateur, si vous souhaitez appliquer le style de carte, vous devez faire attention à ces endroits (ce qui suit est mon expérience)

L’espace vide est un vieux sujet, mais la conception de la carte ignorera facilement ce problème, car vous vous concentrez sur la carte et vous tomberez dans le pétrin si vous ne faites pas attention. Vous devez faire bon usage de l’espace vide (ou de l’espace négatif). Non seulement l’espace à l’extérieur de la carte, mais même à l’intérieur de la carte, l’espace à l’extérieur de l’affichage du produit doit également être manipulé avec soin. Jetez un œil à l’affichage du produit sur le Société danoise site Web et utilisez le blanc pour rendre le site Web très lisse et naturel.

La conception de la carte apporte de la simplicité, mais en même temps, il faut souligner que la richesse du contenu. Cela doit garantir que la page peut fournir suffisamment de contenu pour guider l’utilisateur sur une certaine base, sinon l’utilisateur ne se sentira étourdi. [Silk Tricky] Le site Web de (Silk Tricky) équilibre parfaitement la simplicité et la richesse du contenu. Il permet à deux cartes adjacentes d’afficher le même contenu, une image et un texte, et coupe la page en raison de l’écran en mosaïque. Par monotonie. Il utilise également le bouton de surbrillance «VIEW» pour rappeler et inciter les utilisateurs à cliquer pour entrer les détails.

La conception de la carte a sa répétabilité, mais cela ne signifie pas qu’elle doit être monotone. N’ayez pas peur d’ajouter des éléments personnalisés attrayants à votre projet. Le client peut le refuser s’il ne l’aime pas, mais cela augmente la possibilité de payer pour votre création. De petites animations éblouissantes, des styles de correspondance des couleurs uniques ou des polices rafraîchissantes valent tous la peine d’être essayés. Tout comme les efforts déployés par le Frontière blanche site Internet.

Inutile de dire que celui-ci est vraiment utile pour rendre les pages Web plus coordonnées.

L’extension de la conception de la carte est presque sans fin. Ouvrez votre Photoshop et voyez combien de mises en page de conception de cartes vous pouvez proposer?