bonjour, je suis informaticien, plutôt penché vers le développement, même si désormais ce n'est plus mon activité première, mais dans le cadre de mes fonction, je gére un projet sous Joomla.
Comme je code (beaucoup), je développe plugions et modules pour combler les manques "métiers" que Joomla ne m'offre pas. Cependant....
Ce que je veux
Cependant, j'ai de grosse lacunes en termes d'infographie et de présentation de mes résultats. Informatiquement-parlant, je récupère biens tout ce que je veux, mais la mise en page, c'est pas mon fort. Pour exemple, je dois afficher des états qui doivent être agréables à regarder, je sais juste aller feugner sur codrops, freefrontend, ou encore freecodecamp pour m'inspirer et reproduire
Ce que j'obtiens
Des copies certes correctes mais des copies quand même !
Ce que je demande
Si je prends du temps à rédiger ce post, c'est parce que je recherche à apprendre une manière de faire, des cours de concepts de base, comment bien placer les élément que je dosi "retourner" à l''utilisateur, comment composer (graphiquement parlant) une page, etc... afin de ne plus être démuni devant la composition d'une page ou d'un état.
Je suis bien conscient que c'est un métier qui ne s'apprend pas en 10 minutes, mais si je peux trouver des "guides", des supports de cours ou tout autre support d'apprentissage, ils seront les bienvenus.
Où et comment pourrais-je avoir des notions de base sur cette problématique ?
Remerciements
Bien entendu, devant mon désaroi, je ne peux que vous remercier par avance pour vos réponses
2 réponses
Bonsoir et merci à vous deux pour vos réponse si rapides. Je ne connaissait pas la chainde que vous citez et je vais de ce pas aller regarder, j'aide particulièrement ce transfert d'informations par video, rapide concis, je trouve que l'information passe mieux.
Je n'ai pas pensé à préciser un élément, que je pense (après coup) important, ce "besoin" de compétence s'inscrit essentiellement dans le rendu de mes développements Joomla. En effet, je développe pass mal de modules et des plugins de contenu, mais j'ai beaucoup de mal a faire des mise en forme jolies.
Travaillant essentiellement (avec Joomla) sur un outil métier hors internet, mes utilisateurs se "fichent" du design mais ma hierarchie m'a demandé de rendre jolie les rendu des mes développement.
@JRCode : je vais aller voir ce que vous me conseillez
@Gemino : mon soucis intervient même avant le choix des couleurs : où palcer l'info sur une page, comment, sur une page, organiser par ordre d'importance des données. Et "pire" (et c'est ce qui m'a possué à faire ce post), je suis en train de développer un rendu sous la forme d'un "état" (comme on disats sous Access) : comment rendre jolie chacune de mes ligne d'état ?
Rassurez moi, mes états sont moches non ? https://i.postimg.cc/W1X03F9P/firefox-otytj8-KWDf.jpg
Merci
Bonjour, si j'ai bien compris c'est le domaine de l'UI/UX qui vous intéresse. Il y a beaucoup de littérature sur le sujet, je suis pas du tout spécialisé là dedans mais pour ce qui est accessible gratuitement et en français il y a la chaîne youtube Basti Ui et quelques formations OpenClassrooms sur le design. L'apprentissage du logiciel FIgma est aussi un plus pour la réalisation des maquettes.
Après c'est très vaste, rien qu'un truc comme le choix des couleurs, ou des typos on peut approfondir dessus pendant des heures... et sinon l'utilisation d'un framework css permet déjà d'avoir un rendu pas trop dégueu sans trop se prendre la tête...
Oui, le choix des couleurs peut prendre une éternité ! Tout semble simple, mais au final, il s'avère que l'on ne trouve la teinte parfaite qu'après le centième visionnage. C'est comme au ici : il faut parfois essayer plusieurs fois avant de trouver l'option gagnante.
Salut !
Par rapport à ta capture d´écran ça n´est pas moche, ça manque juste de hiérarchie et le choix des couleurs n´est pas top, par exemple la bordure noire pourrait être remplacée par du gris assez clair pour ne pas prendre trop de place visuellement.
Il faut aussi que tous les paddings et margins soient cohérents, en général tu choisis un multiplicateur pour ça, par exemple 4, ce qui fait que tes paddings et margins feront 4px, 8px, 12px, 16px etc... Ça permet de rendre le tout plus harmonieux !
Évite également de mettre trop de couleurs sur les textes, généralement c'est les éléments cliquables qui sont colorés, si tu veux mettre en avant un texte joue plutôt sur sa taille ou sa graisse ! Et pour ta carte, tout est au même niveau d´information, pareil, jouer sur les tailles de texte et les graisses peut aider à la lisibilité et le design.
En soi le design n´est pas compliqué, c´est juste un ensemble de règles à connaitre qui, si elles sont bien respectées, donneront forcément un résultat propre !
Je te conseille de regarder les UI Reviews de Basti UI, c´est une mine d´or d´informations pour bien comprendre le design :)
En espérant t´avoir aidé