Gild juste un lis
L’expression «doré le lys» implique Ornementation inutilel’idée étant que l’orchent un lis avec une décoration superficielle ne fait qu’obscurcir sa beauté naturelle. Eh bien, je suis ici pour vous dire qu’une petite touche de ce qui pourrait sembler inutile L’ornementation dans la conception est exactement ce dont vous avez besoin.
Lorsque votre conception est solide et que vous avez cloué les fondamentaux, ajoutant un La couche de décoration peut aider à communiquer un niveau de soins et attention.
Tout d’abord, vous avez besoin d’un lis
Décomposons la métaphore de «Gild the Lily». Tout d’abord, vous avez besoin d’un lis. Les lys sont naturellement beaux et chacun est unique. Ils n’ont pas besoin d’une autre décoration. Pour jouer dans cette métaphore, supposons que votre conception est déjà génial. Sinon, vous n’avez pas de lis. Rendez-vous au travail sur les principes fondamentaux et revenez plus tard (ou continuez à lire de toute façon).
Maintenant que vous avez un lys, parlons de dorure. «Dermir», c’est le couvrir d’une fine couche d’or. Nous ne parlons pas de la beauté intérieure cuite dans l’âme même de votre produit (c’est le lis partie de la métaphore). Une touche de papier d’or métaphorique à la surface peut envoyer un message de plaisir avec Un soupçon de décadence.
Cette domination pourrait prendre la forme d’une transition subtile et animée ou à travers un soupçon de couleur et une profondeur ajoutée dans une ombre de chute. Avant d’entrer dans des détails, assurez-vous que notre métaphore ne nous transporte pas trop loin.
Doyne avec parcimonie
Si nous allons trop loin avec notre dorure, nous pouvons communiquer l’indulgence et l’excès plutôt qu’un soupçon de décadence.
Un design exagéré peut être particulièrement irritant, selon l’état d’esprit de la personne pour laquelle vous concevez. Par exemple, une animation flashy se vante de votre nouvelle fonctionnalité de chat AI peut ne pas si bien avec un client frustré qui ne peut pas obtenir son mot de passe pour l’utiliser en premier lieu.
Clignotez au public (une fois)
Tous les excellents conception de produits ne peuvent pas être aussi beaux qu’un lys. Même si vous avez un excellent design, il peut ne pas être perceptible à ceux qui bénéficient des avantages de ce design. Nos créations ne devraient pas toujours être perceptibles, mais parfois c’est amusant Remarquer et apprécier un excellent design.
Si vous êtes Apple, vous n’avez pas à vous soucier de votre conception inaperçue. Personne ne pense que la couleur d’arrière-plan du site Web d’Apple est blanche (#FFFFFF
) Parce qu’ils ont oublié d’en spécifier un dans leur feuille de style (bien que je sois assez vieux pour me souvenir d’un moment où l’arrière-plan par défaut du Web était un gris de cuirassé, #CCCCCC
). Il ressort si clair du niveau général de raffinement et de qualité de production sur le site Apple que le fond blanc est une délibération choix.

Vous et moi ne sommes pas Apple. Votre client est (probablement) pas Apple. Vous n’avez pas d’armée de photographes de produits de classe mondiale et de concepteurs de mouvements travaillant dans un vaisseau spatial en verre à Cupertino. Vous êtes dans une petite équipe qui pousse contre le budget et les contraintes de calendrier. Même avec ces limitations, vous partez à fabriquer d’excellents produits.
Le grand design derrière vos produits peut être si bien fait qu’il est invisible. La poignée de la porte est si bien en forme que vous ne remarquez pas à quel point elle est bien en forme. Ce bouton est si bien placé que personne ne pense à sa position.
Lorsque vous clouez les fondamentaux, il est normal de faire un clin d’œil au public de temps en temps. Non seulement ça va, mais cela peut même augmenter votre conception.
En appelant simplement une touche d’attention sur la réflexion de votre design, vous pouvez le rendre encore plus charmant à vivre. Prenez-le un pouce de trop loin, cependant, et vous distrayez de l’expérience et demandez des applaudissements. Marchez attentivement cette ligne.
Lys numériques
Une métaphore – même une avec de l’or et des lys – ne nous emmène que si loin. Voyons quelques exemples concrètes de la domination d’un produit numérique. En ce qui concerne le Web, quelques touches de vernis à atteindre peuvent inclure les éléments suivants:

Pas tout à fait noir et pas blanc: Au lieu de noir solide (#000000
) et blanc massif (#FFFFFF
) Couleurs sur le Web, trouver des variations subtiles. Ils peuvent avoir l’air noir / blanc sur un premier coup d’œil, mais il y a une subtile implication des soins et de la personnalisation. Un arrière-plan blanc cassé vous permet également d’avoir des éléments blancs purs, comme les entrées de formulaire, qui se démarquent bien dans la toile de fond. Faire attention à préserver suffisamment de contraste pour assurer un texte accessible.

Ombres en couches et en couleurs: Josh Comeau écrit sur l’apport de la couleur dans les ombresy compris un outil pour aider à générer des ombres ça va juste mieux.

Lettrage confortable: Trouvez une hauteur de ligne confortable et un espacement des lettres pour la famille des polices que vous utilisez. Un système de type réactif comme utopie Peut aider à définir l’espacement qui semble et se sent à l’aise sur une variété de tailles d’appareils.

Une touche de couleur: Lorsque vous ne voulez pas que les couleurs de votre marque submergent votre conception ou que vous souhaitez qu’une couleur complémentaire accentue un site par ailleurs monotone, envisagez d’ajouter une seule bande simple de couleur unie le long de la fenêtre. Même quelque chose de quelques pixels de haut peut ajouter une belle touche de couleur sans compliquer le reste du design. Le Site du framework Web One React Est-ce que cela va bien et va plus loin avec un accent jaune de forme unique en haut du site. C’est encore plus subtil si vous voyez leur design en mode noir, mais il est toujours là.

Illustration et photographie: Il est plus facile que jamais de trouver des illustrations fantaisistes et amusantes pour votre site, mais aucune image de stock ne peut remplacer une illustration ou une photo pertinente si apte qu’elle doit ont été fabriqués juste pour cette affaire. Une liste à part a commandé une illustration unique dans un style cohérent pour chacun de leurs articles pour décennies. Vous n’avez pas besoin d’être un illustrateur doué. Il peut y avoir du charme dans vos gribouillis amateurs. Sinon, Embaucher un grand artiste.
Méfiez-vous, Dégionnaire bon marché
Les symboles de la décadence sont appréciés car ils sont précieux d’une manière ou d’une autre. C’est pourquoi nous parlons de la dorure avec de l’or et non des cuivres. C’est aussi pourquoi une carte de visite avec des coins arrondie peut être plus premium qu’un simple rectangle. C’est plus cher parce que c’est le cas.
L’impression est devenue assez bon marché, même avec des touches premium. L’impression s’épanouit comme les coins arrondis ou une finition lisse ne transmettent pas la même valeur et les mêmes soins qu’avant de devenir des options rapides de vente à la hausse de votre imprimerie locale (ou budget en ligne).
Une lettre de motivation bien aille et réfléchie était un excellent moyen de se démarquer d’un tas de curriculum vitae similaires. Maintenant, il faut une approche entièrement différente pour se démarquer d’un mur de lettres de motivation générées par l’AI-LLM qui disent tout ce qu’un employeur pourrait vouloir entendre.
Sur le Web, une page de destination où de nouvelles sections de page glissent et se décolorent avec l’animation est utilisée pour impliquer que quelqu’un a passé plus de temps à l’implémentation. Maintenant, une page avec trop de mouvement ressemble plus à un million d’autres modèles activés par des outils de construction de sites comme Wix, Squarespace et WebFlow.
Les polices personnalisées sont également devenues si faciles et omniprésentes sur le Web que les polices par défaut du système peuvent être une instruction aussi forte qu’une police élégante.
Quelqu’un s’en soucie-t-il?
Tout le monde va-t-il remarquer que les ombres de drop sur votre site Web ont un soupçon de couleur? Non. n’importe qui va remarquer? Peut-être pas. Si vous obtenez les bons détails, cependant, les gens sentir il. Ces niveaux de vernis sont cumulatifcontribuant un pour cent ici et là à l’expérience globale. Ils peuvent ne pas remarquer la teinte de votre goutte, mais ils peuvent donner une certaine confiance D’un sens des soins qui sont entrés dans la conception.
La plupart des gens ne sont pas des développeurs Web ou des concepteurs. Ils ne connaissent pas les détails de mise en œuvre des animations CSS et des shadows de boîte. De même, je ne suis pas un expert en voiture – loin de là. J’apprécie la fiabilité et l’abordabilité plus que les performances et le luxe dans une voiture. Même ainsi, quand je ferme la porte sur un véhicule de haute qualité, je peux sentir la différence.
Dans ce prochain projet, permettez-vous de gazer un seul lis.

(GG, YK)
Source link