Inscris-toi au e-camp "Héberge ton jeu Facebook sur Azure" de Microsoft vendredi 25 mai à 13h30 !

> Le Site du Zéro - Informatique

> Les forums

> Multimédia

> Graphisme 2D

> [Design Web] Mon Portfolio

> Lecture du sujet

[Design Web] Mon Portfolio

Pour accéder à cette section
Connectez-vous !

Auteur	Message
Page 1
2 visiteurs sur ce sujet (2 anonymes)
Page 1
Pitox	# Posté le 19/01/2012 à 18:45:04
Ville : Cholet Pays : France métropolitaine	Bonjour, Je m'appelle Antoine et j'ai 20 ans, je suis sur le site du zéro depuis de nombreuses années déjà et me suis "spécialisé" dans le webdesign et l'intégration HTML/CSS. Description de mon site web Je suis en ce moment en train de créer mon portfolio, c'est pourquoi je viens vous demander votre avis, vos remarques ... J'ai déjà reçu quelques avis mais pas suffisamment. Présentation de mon design Je suis du genre à créer mon design sur Photoshop mais également en HTML/CSS à la fois donc je vais vous proposer un lien : > Mon portfolio < Une image pour les flemmards : J'ai essayé de me démarquer un peu des autres au niveau de la structure et des couleurs, j'espère que cela vous plaira. Perspectives et Questions Comme vous pouvez le voir, il n'y a que la page d'accueil pour le moment et elle n'est pas complètement finie, il me reste encore un peu de boulot On m'a déjà dit que le rose sur le header était un peu trop clair et qu'on a un peu de mal à lire "intégrateur web" et "webdesigner", est-ce que vous pensez pareil ? Voilà, n'hésitez pas à donner votre avis (sans être méchant), j'attends des commentaires assez constructifs pour pouvoir améliorer tout ça Édité le 19/01/2012 à 19:02:56 par Pitox Utilisez jsFiddle pour vos problèmes de code HTML/CSS/JS et postez le lien dans votre sujet, ce sera plus simple pour ceux qui vous aideront ! Webdesigneur et intégrateur web dispo (mais pas gratuit), contactez moi
Publicité	# Posté le 19/01/2012 à 18:45:04

Geoffrey-Zéro	# Posté le 19/01/2012 à 20:23:09
	Pardon mais j'ai des remarques à la con à formuler avant de parler du design proprement dit. C'est courageux d'avoir mis des animations CSS mais ça n'a pas l'air de fonctionner sur IE9. Ton texte de bienvenue n'est pas accessible, pas sélectionnable et pas référençable. Tu devrais le gérer dans une balise <img> et un alt="" correctement renseigné, ou tu devrais l'écrire dans un span avec un positionnement absolu pour le planquer, ou tu devrais utiliser @font-face. Au niveau du design : j'aime tes couleurs, c'est audacieux et ça fonctionne. Le logo se lit mal, effectivement, mais tu peux peut-être éclaircir la couleur de "web designer" et "intégrateur web" (uniquement) pour les faire ressortir. Comme la typo est fine, on ne devrait pas remarquer que c'est une autre couleur. Là, en fait, ton souci est que le texte se mélange à l'arrière-plan à cause de la faible résolution de l'image. L'interlignage de ta phrase d'intro est trop faible. Les lettres se mélangent, c'est maladroit je trouve. Le timer de ton "carrousel" mériterait d'être rose plutôt que rouge. Le choix typo : - c'est pas tellement le rose qui rend ton menu illisible, mais la graisse de la police : c'est tellement gras qu'il n'y a presque plus de trous dans tes caractères. Il faudrait utiliser une version moins grasse et, pourquoi pas, la graisser manuellement avec un contour pour arriver à un entre-deux. - j'aime pas trop la typo de ta phrase d'intro : ton logo est une linéale et tes titres/menu sont fantaisistes. ça fait trop de genres différents dans un seul design. Choisis soit une typo "rounded", soit une linéale, amha. Y'a pas assez de contenu pour faire une critique plus poussée, mais globalement ça fonctionne. Édité le 19/01/2012 à 20:25:09 par Geoffrey-Zéro
Pitox	# Posté le 19/01/2012 à 22:20:18
Ville : Cholet Pays : France métropolitaine	Merci pour ces remarques intéressantes Effectivement la phrase d'intro est une image, j'ai utilisé une police qui ne peut pas se mettre en @font-face, je vais essayer d'en trouver une autre similaire et le texte sera forcément plus espacé. Les transitions CSS ne sont pas visibles sur IE9 mais est-ce gênant ? Pour le slider j'imagine ... J'ai utilisé ce rose foncé pour le timer du slider pour qu'il se voit un peu mieux que le simple rose. Mais je vais faire des essais La police utilisée pour le menu est effectivement à changer, des problèmes de lisibilité mais également au niveau du hover. En tous cas merci pour ton commentaire pertinent, je voulais surtout savoir si l'idée était bonne, les couleurs et la mise en page. Utilisez jsFiddle pour vos problèmes de code HTML/CSS/JS et postez le lien dans votre sujet, ce sera plus simple pour ceux qui vous aideront ! Webdesigneur et intégrateur web dispo (mais pas gratuit), contactez moi
JuKe	# Posté le 22/01/2012 à 16:14:19
Yes, I can Ville : Nice Pays : France métropolitaine	Personnellement, je trouve que la couleur verte du header est très bien (tu pourrais même rajouter un motif simple pour donner de l’allure). Mais par contre, le "rose saumon" je le trouve très fade. Les icônes dans le footer sont ratés, ne vont pas avec le design et leur hover est médiocre. A mon gout, tu aurait dû un peu plus développé le logo. Peut-être même ajouter un hover en CSS3. Mais comme la dit Geoffrey-Zéro, l'organisation est bien, bien qu'agrandir le slider (peut-être en responsive) aiderai à la lisibilité et au charme du site. Il faudrait aussi essayer de tout aligner (le slider avec le menu, la phrase d'introduction et le block du contenu ...) car à l’œil nu, on voit des décalages et c'est pas très beau. Si non, c'est pas mal, la technique est là. Voilà pour ma modeste contribution, Juk3 Édité le 22/01/2012 à 16:17:06 par JuKe I ♥ and \| Jeune Webdeseigner & Graphiste bourré de talent !
Pitox	# Posté le 22/01/2012 à 22:09:19
Ville : Cholet Pays : France métropolitaine	Merci pour ton commentaire. Je vais donc revoir la couleur rose pour donner un ton moins fade, modifier le slider pour l'agrandir et en prendre un en JS je pense, pour ne pas qu'il y ait de problèmes de compatibilité entre navigateurs. Pour le logo je n'ai pas encore vraiment trouvé d'idée, c'est pour ça que 'ai juste mis un petit dégradé dessus, il faut que je creuse pour trouver quelque chose de sympa. Dans le footer, j'ai mis des icônes trouvées sur le web, je les trouvais bien stylées mais bon je vais peut être voir pour quelque chose de plus simple, je verrais quand j'aurais modifié le reste ... Il n'y a pas vraiment de décalage, j'ai juste séparé le header en deux blocs avec le logo et le menu au milieu de ces deux blocs, le slider est bien centré également et pour ce qui est du texte d'introduction, je vais enlever l'image et le mettre dans le HTML, je pourrais donc le centrer simplement Merci pour ton commentaire en tous cas, je reviendrais bientôt pour vous signaler une mise à jour Utilisez jsFiddle pour vos problèmes de code HTML/CSS/JS et postez le lien dans votre sujet, ce sera plus simple pour ceux qui vous aideront ! Webdesigneur et intégrateur web dispo (mais pas gratuit), contactez moi
Jessmaniak	# Posté le 24/01/2012 à 01:07:57
cherche sa voie u_u	Ton site est très bien, mis-à-part quelques problèmes. "intégrateur web", comme ça a déjà été dit, n'est pas très lisible, et le passage vert -> rose-orangé est plutôt brusque. Un dégradé, même mince, réglerait ce problème. Oh et... les liens ne marchent pas ! Mais bon, je parle de manière tout à fait subjective... Bonne continuation dans ton portfolio ! JessManiak EDIT: Ah d'accord... je viens de voir le Code Source : href="#" Édité le 24/01/2012 à 01:10:59 par Jessmaniak Infographe 3D pour le projet Blorbz de Auryn. "Directeur" du projet NICHOLAS. (court-métrage)
Pitox	# Posté le 24/01/2012 à 06:13:50
Ville : Cholet Pays : France métropolitaine	Bonjour, Merci pour ton commentaire Jessmaniak. Je reviens donc vous voir pour vous présenter une petite mise à jour, voilà la liste des améliorations : Couleur rose revue, plus lisible Texte d'intro inséré dans le html Police du menu modifiée pour qu'elle soit plus lisible et un peu plus belle aussi Le slider CSS3 a lui aussi été remplacé par un slider en JS pour qu'il soit compatible avec tous les navigateurs Je vous remets le lien : mon portfolio Voilà pour l'instant, n'hésitez pas à commenter, me faire part de vos remarques, suggestions ... Utilisez jsFiddle pour vos problèmes de code HTML/CSS/JS et postez le lien dans votre sujet, ce sera plus simple pour ceux qui vous aideront ! Webdesigneur et intégrateur web dispo (mais pas gratuit), contactez moi