Découverte de particules de conception élémentaire

Honnêtement, je suis déjà gêné de parler à nouveau de la conception atomique . Presque tout a été dit sur le concept de systèmes de conception et, semble-t-il, il n'y a rien à ajouter. Mais attendez un instant! Après tout, les atomes dans le monde réel sont constitués de quelque chose: des protons, des neutrons, des électrons ... Est-il possible de comparer la conception fonctionnelle avec laquelle nous travaillons avec la structure d'un atome? Je suis sûr que la réponse est oui et c'est pourquoi ...

Styles globaux

L'avènement des styles globaux dans les outils de conception ( Figma et, plus récemment, Sketch ) en tant qu'entité pouvant être attachée à n'importe quel objet sur un plan de travail, m'a incité à une métaphore. La composition d'un atome équivaut aux actions que nous appliquons à un objet design: nous sélectionnons une couleur, ajoutons un trait, parfois aussi une ombre, puis coupons les coins s'il s'agit d'un rectangle.

Si nous considérons, par exemple, un bouton comme une molécule composée de deux atomes: un fond et une inscription, le fond peut être influencé comme suit:

1. Ajoutez de la couleur (remplissage) . Tout fond peut être peint ou rempli de texture.
2. Ajoutez un trait (Stroke) . Ajustez ensuite son épaisseur, faites-la en pointillés, changez de couleur.
3. Coins ronds (rayon de coin) . Les boutons aux coins aussi arrondis que possible semblent redevenir populaires dans un avenir prévisible.
4. Ajoutez l'ombre . Surtout externe, mais parfois interne. Les outils modernes vous permettent de superposer plusieurs ombres.

Je n'ai pas inclus ici la rotation de l'objet et le redimensionnement, car c'est plus sur les changements dans l'espace

Soit dit en passant, si vous utilisez Figma , je vous recommande de prêter attention à nos systèmes de conception prêts à l' emploi . Ils aident les pigistes à exécuter plus de commandes par mois, les programmeurs sont autorisés à créer eux-mêmes de belles applications et les chefs d'équipe «sprintent» plus rapidement en utilisant des systèmes de conception prêts à l'emploi pour le travail d'équipe.

Et si vous avez un projet sérieux, notre équipe est prête à déployer un système de conception au sein de l'organisation basé sur nos meilleures pratiques et à l'adapter à des tâches spécifiques à l'aide de Figma. Web / bureau et tout mobile. Nous connaissons également React / React Native. Écrivez à T: @kamushken

Particules élémentaires d'un atome de conception

Jetez un œil au diagramme de composition atomique avant de continuer:




Maintenant, la partie amusante. Quelqu'un a-t-il déjà deviné quelles propriétés d'un objet de conception peuvent être comparées aux particules atomiques?

Les neutrons sont un remplissage. Lors de la visualisation de la structure d'un atome, les neutrons sont au centre même. La métaphore s'intègre parfaitement.

Protons - coins arrondis. Leurs angles atomisés sont immédiatement associés à cette propriété dans la conception.

Je veux vraiment comparer les nucléons avec un AVC. Hélas, le nucléon n'est pas une particule, mais seulement un nom combinant protons et neutrons, mais peu importe! Les nucléols sont donc une ombre. Parce que l'AVC rassemble ce qu'il y a dedans. C'est exactement la même chose que l'image ci-dessus.

Un électron est une ombre. Wikipédia me montre cette image ressemblant à une ombre. Correspondance parfaite à tous égards.

Retour aux systèmes de conception

Ce n'est qu'un ajout à la théorie générale de la conception atomique dans la conception de systèmes de conception. Le concept de styles globaux est définitivement addictif pour Figma (il semble que Sketch ait récemment suivi le même chemin). Et grâce à cette présentation, nous, concepteurs et développeurs, avons encore plus de flexibilité pour la personnalisation si nous planifions efficacement l'architecture du futur système:



PS: Le design nécessite de la pratique, pas de la théorie. Mais parfois, il vaut la peine de se distraire de la pratique pendant un court moment pour structurer l'expérience accumulée en de nouvelles théories.

PPS: Soit dit en passant, l'image de l'article peut être augmentée . Je l'ai fait moi-même!