hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Visualisez vos palettes de couleurs en ligne avec Speculo

Le processus de conception de maquette typique peut se sentir comme une corvée. Vous devez basculer entre Photoshop (ou Sketch) pour changer les couleurs, les polices, les styles, et les comparer tous pour voir ce que vous préférez.

Si vous utilisez un outil comme Speculo, vous pourrez étudier et comparer dynamiquement les palettes de couleurs, directement dans votre navigateur.

Cette application est totalement gratuite et fonctionne dans tous les principaux navigateurs de Chrome à Edge. Il démo six différents types de pages de destination, conçus comme des wireframes.

Par défaut, ils utilisent des schémas de couleurs simples qui imitent le style de Bootstrap. Vous pouvez facilement modifier ces couleurs et elles seront automatiquement mises à jour sur la page.

Vous pouvez également modifier les polices de caractères pour voir leur apparence dans chaque dessin. Ce serait cool si vous pouviez ajouter le vôtre, mais le site ne supporte que 7 polices différentes :

  • Arvo
  • Lato
  • Ouvrir Sans
  • Roboto
  • Montserrat
  • Helvetica Neue
  • BLOKKNeue

Les wireframes de la page de destination ne sont pas très détaillés, donc cette application peut ne pas aider lors des étapes ultérieures du processus de conception.

Cependant, les concepteurs qui veulent juste capturer des idées rapides tomberont immédiatement amoureux de cette application web. Il vous permet de changer toutes les couleurs avec des codes HEX que vous pouvez même exporter avec un lien de partage personnalisé.

Si vous passez la souris sur l'un des wireframes, vous pouvez cliquer pour zoomer et regarder de plus près. Il va zoom automatiquement pour une vue en plein écran, de sorte que vous pouvez voir les polices et les couleurs de près.

Encore une fois, je ne pense vraiment pas que ces modèles sont suffisamment détaillés pour aider les projets dans les dernières étapes du développement. Mais, si vous êtes à court d'idées et que vous cherchez à jouer avec les couleurs Speculo est un outil incroyable.

Vous pouvez parcourir le code source sur GitHub pour voir comment c'est fait. Si vous avez des idées ou des suggestions pour Speculo n'hésitez pas à partager avec le créateur du site, Ben Howdle.

Vitrine de beaux thèmes WordPress avec barres latérales gauches

Vitrine de beaux thèmes WordPress avec barres latérales gauches

La barre latérale est une zone supplémentaire sur le site, où vous pouvez placer des informations pour vos visiteurs. Vous pouvez utiliser la barre latérale pour naviguer sur un site, faire de la publicité, comme un moyen d'attirer de nouveaux abonnés et abonnés, de mettre en valeur ou de mettre en valeur un contenu spécifique. Comme

(Conseils techniques et de conception)

Créer une barre de progression matérielle de conception facilement avec Mprogress.js

Créer une barre de progression matérielle de conception facilement avec Mprogress.js

On ne peut nier que la conception matérielle de Google a radicalement changé le web. Il offre un langage de conception commun que les concepteurs d'interface utilisateur peuvent appliquer à tous les sites Web et applications mobiles.Cette tendance de conception matérielle a conduit à de nombreuses bibliothèques, y compris le cadre populaire Materialise. Et l

(Conseils techniques et de conception)