Bonjour ! Je suis déubtant et j'ai pour projet de créer pendant ces grandes vacances un site web où en gros je poste des articles sur les dernières new's tech etc etc ... pas très original, je le concède, mais ce premier site me permettra d'évoluer vers d'autre à l'avenir !
J'ai fait une maquette sur photoshop de ma page d'acceuil . Je sais coder en html, CSS, php et MySQL . J'ai commmencé à coder y'a peut être 1 mois, je voulais savoir si vous me suggériez quelques modifications et si mes connaissances de débutant pourraient me permettre de réaliser ce site ?
Bien sûr c'est une maquette faite très rapidement, rien n'est aligné etc etc mais c'est juste histoire d'avoir un aperçu !
Merci d'avance !
Le design fait très jeuxvideo.com
J'ai pas compris c'est le site actuel ou juste une maquette paint ??
Oui un petit peu, j'ai trouvé aussi :noel : !
Oui c'est une maquette faite avec photoshop, c'est pas le site web hein ^^ !
C'est classique mais les éléments sont bien trop gros
D'accord ! je corrigerais tout ça au fur et à mesure !
Fait un truc propre il y a trop de choses à dire sur ta maquette.
Les boutons sont trop gros, rien n'est aligné, tu as des espaces entre des éléments qui ne devraient pas exister.
La maquette est moche...
Voilà les p'tites astuces que je te file pour améliorer ça :
- http://guideguide.me/ est un plugin sous Photoshop pour permettre d'aligner des éléments sur une grille. Et là t'en as besoin.
- Le choix des couleurs est "correct", choisis une charte graphique cependant (Faut pas changer de couleurs sur un même élément, "actualités" doit rester en bleu
- La police d'écriture est mauvaise, d'accord pour le logo, mais autrement il faut rester sur une police d'écriture classique (quoique tu peux utiliser google.com/fonts)
- Remplis tes blocs avec du texte (faux-texte.com)
Après à toi de choisir quel "famille" tu choisis (par exemple Google pour le Material Design et Microsoft pour du Flat Design à leur sauce) et de t'inspirer de leurs conseils qui sont très importants.
Aujourd'hui on fait de l'User Experience (UX) et de l'User Interface (UI), renseigne-toi
Va voir par ici https://dribbble.com/ et cherche UX et UI
Essaye d'utiliser des logiciels comme Photoshop ou bien Sketch par exemple, ou même Invision si tu veux commencer doucement