Pourquoi devriez-vous utiliser la rĂšgle des 8 points ? đ€
Sans un systĂšme pour dĂ©finir les relations dâespacement de mes Ă©lĂ©ments, il est difficile de crĂ©er de la cohĂ©rence et de concevoir des interfaces harmonieuses.
What Is The Difference Between A Code Editor And An IDE Or A Text Editor?
Lorem ipsum dolor sit amet, consectetur adipiscing elit lobortis arcu enim urna adipiscing praesent velit viverra sit semper lorem eu cursus vel hendrerit elementum morbi curabitur etiam nibh justo, lorem aliquet donec sed sit mi dignissim at ante massa mattis.
- Neque sodales ut etiam sit amet nisl purus non tellus orci ac auctor
- Adipiscing elit ut aliquam purus sit amet viverra suspendisse potent i
- Mauris commodo quis imperdiet massa tincidunt nunc pulvinar
- Adipiscing elit ut aliquam purus sit amet viverra suspendisse potenti
Pros and Cons of Using These Editors:
Vitae congue eu consequat ac felis placerat vestibulum lectus mauris ultrices cursus sit amet dictum sit amet justo donec enim diam porttitor lacus luctus accumsan tortor posuere praesent tristique magna sit amet purus gravida quis blandit turpis.
#1 VS Code by Microsoft
At risus viverra adipiscing at in tellus integer feugiat nisl pretium fusce id velit ut tortor sagittis orci a scelerisque purus semper eget at lectus urna duis convallis. Porta nibh venenatis cras sed felis eget neque laoreet suspendisse interdum consectetur libero id faucibus nisl donec pretium vulputate sapien nec sagittis aliquam nunc lobortis mattis aliquam faucibus purus in.
- Neque sodales ut etiam sit amet nisl purus non tellus orci ac auctor
- Adipiscing elit ut aliquam purus sit amet viverra suspendisse potenti
- Mauris commodo quis imperdiet massa tincidunt nunc pulvinar
- Adipiscing elit ut aliquam purus sit amet viverra suspendisse potenti
#2 Sublime Text Editor
Nisi quis eleifend quam adipiscing vitae aliquet bibendum enim facilisis gravida neque. Velit euismod in pellentesque massa placerat volutpat lacus laoreet non curabitur gravida odio aenean sed adipiscing diam donec adipiscing tristique risus. amet est placerat in egestas erat imperdiet sed euismod nisi.
âNisi quis eleifend quam adipiscing vitae aliquet bibendum enim facilisis gravida neque velit euismod in pellentesque massa placeratâ
Wrapping up the article
Eget lorem dolor sed viverra ipsum nunc aliquet bibendum felis donec et odio pellentesque diam volutpat commodo sed egestas aliquam sem fringilla ut morbi tincidunt augue interdum velit euismod eu tincidunt tortor aliquam nulla facilisi aenean sed adipiscing diam donec adipiscing ut lectus arcu bibendum at varius vel pharetra nibh venenatis cras sed felis eget.
Câest Romain de The Cacatoes qui mâa enseignĂ© une des premiĂšres rĂšgles de base Ă utiliser en UI il y a quelque temps maintenant. Depuis, je lâutilise tous les jours. đ
â
Quel est le problĂšme ? đ
Sans un systĂšme pour dĂ©finir les relations dâespacement de mes Ă©lĂ©ments, il est difficile de crĂ©er de la cohĂ©rence et de concevoir des interfaces harmonieuses. Vous avez ici un exemple de la diffĂ©rence entre un systĂšme de grille de 8 points et un systĂšme de conception populaire qui utilise des nombres arbitraires pour espacer et dimensionner les Ă©lĂ©ments. L'ensemble du systĂšme de grille est construit Ă partir de multiples de 8 pixels. De cette façon, l'espacement, l'alignement et la dimension des gabarits et des Ă©lĂ©ments suivent une seule et mĂȘme logique. Les multiples de la grille sont : 8, 16, 24, 32, 40, 48, 56, 64, 72, 80 et ainsi de suite.
â
Pourquoi 8 points ?
Plusieurs raisons, la premiĂšre Ă©tant qu'il s'adapte parfaitement Ă tous les diffĂ©rents affichages d'Ă©cran. La deuxiĂšme raison - c'est une bonne unitĂ© de base avec laquelle travailler. les nombres 4 et 8 sont facilement multipliĂ©s, ils fournissent des Ă©tapes flexibles et cohĂ©rentes, mais suffisamment distinctes, entre eux. Ils sont plutĂŽt amusants quand on s'y habitue đ€.
â
En résumé :
đ Pour les designers: efficacitĂ©, moins de dĂ©cisions Ă prendre tout en maintenant un rythme de qualitĂ© entre vos Ă©lĂ©ments.
đ Pour les Ă©quipes: Un systĂšme de communication facile entre les concepteurs et les dĂ©veloppeurs (pas de soucis sur les pixels). Un dĂ©veloppeur peut facilement observer un incrĂ©ment de 8 points au lieu dâavoir Ă mesurer Ă chaque fois.
đ Pour les utilisateurs: esthĂ©tique cohĂ©rente de la marque en laquelle ils ont confiance. Aucun dĂ©calage de demi-pixel flou sur leur appareil prĂ©fĂ©rĂ©.
â
Pssst, Romain va bientĂŽt rĂ©ouvrir la cacatoes academy, nâhĂ©site pas Ă tâinscrire, câest pĂ©pite, tu en sortiras que du positif. đ
.jpg){kind=avatar}
