Suite à cette question: Critique: création du logo du logiciel Tritium . Pour consulter le code du site Web (performances, bogues, expérience utilisateur associée), veuillez visiter la question sœur sur la révision du code .
Je suis à la recherche d'un examen de la conception de mon site Web Tritium ( code source ).
Plus précisément:
- L'un des objectifs du site Web était de rester simple. Ai-je accompli cela?
Les couleurs de ma palette se complètent-elles?
Toutes les critiques passées sont-elles correctement mises en œuvre au niveau du design? Suis-je allé à la mer?
- Implémentation de la conception du logo @ DA01 ( utilisée avec permission ).
- Ajout de l'atome à l'arrière-plan par l'une des suggestions de @ Yisela , animation gracieuseté de @squeamishossifrage .
- J'ai essayé de rester simple sur la base des nombreuses autres suggestions.
Mon choix de police fonctionne-t-il bien avec le reste de l'apparence du site Web?
- Y a-t-il des concepts de conception que j'ai négligés et que je n'ai pas mis en œuvre?
Je suis encore un peu nouveau dans la conception de sites Web, alors soyez aussi sévère que nécessaire avec cela.
website-design
critique
identity
syb0rg
la source
la source
Réponses:
Super design! J'aime particulièrement l'animation de l'atome à droite.
J'aime tes couleurs. Comme alternative, vous pouvez utiliser un bleu foncé pour l'arrière-plan. Cela donne à la page une profondeur comme le ciel bleu nocturne:
J'ai utilisé Colorizr.js pour jouer avec votre palette de couleurs. Si vous souhaitez affiner vos couleurs, utilisez les paramètres suivants qui correspondent à votre page:
Les couleurs sont de haut en bas: rgb (25, 33, 44), rgb (14, 191, 14), rgb (212, 212, 212), rgb (26, 40, 60), rgb (26, 40, 60)
la source
Je pense que la conception du site Web fonctionne. J'aime vos transitions pour les liens d'en-tête. Communication claire et concise.
La palette de couleurs me rappelle une entreprise de nutrition ou similaire.
Je pense que le choix de la police fonctionne bien pour les sites Web liés à la technologie. Je gratterais probablement le visage empatté pour un visage sans empattement gratuit, mais c'est un goût purement personnel.
De plus, j'ai remarqué qu'en termes de réactivité, une liste déroulante pourrait être utile dans vos en-têtes lorsqu'elle est affichée sur de petits écrans (mobiles). Comme je suis nouveau sur le côté codage de la conception graphique, je vous remercie d'avoir inclus les fichiers source. Je vais probablement le disséquer et apprendre certaines des transitions d'en-tête que vous avez implémentées.
la source
Pas exactement un problème de conception, mais de convivialité -
Le site dit qu'il est GRATUIT, mais lorsque vous cliquez sur 'VISITER LA PAGE DE TÉLÉCHARGEMENT', le pop-up demande un don. Et si je ne veux pas faire de don avant d'essayer le logiciel? Il devrait y avoir une autre option comme «CONTINUER» ou «ANNULER» afin que l'utilisateur puisse réellement visiter la page de téléchargement et télécharger le logiciel, s'il ne fait pas de don.
Je recommanderais donc de repenser la disposition de la fenêtre contextuelle et d'inclure un autre bouton comme suggéré.
la source
Vous ne gagnerez pas le designer de l'année pour ça. Mais moins il y en a, moins il y a d'aversion je suppose.
Votre version jaune de l'icône présente des ellipses plus hautes que larges:
Il est bizarre et encore plus bizarre comme une moutarde sur gris lorsqu'il est placé dans l'icône de l'onglet du navigateur. Si vous voulez créer une icône d'onglet de navigateur, faites-la simplement en gris foncé ou en noir.
Il semble qu'il n'y ait qu'une seule chose à cliquer sur "visiter la page de téléchargement". Si c'est tout ce que vous avez, pourquoi n'est-ce pas la page?
Il demande de l'argent mais mon navigateur ne donne rien d'autre. Peut-être que c'est le cas dans votre navigateur, mais j'utilise TorBrowser et vous devriez tous le faire aussi. La NSA est mauvaise. Quoi qu'il en soit, pour ce que cela vaut, il ouvre simplement une boîte de dialogue et ne fait rien.
la source