\n<\/h5>\n
\n Quel site formidable pour cr\u00e9er vos propres guides de style et les stocker dans le cloud pour r\u00e9f\u00e9rence future et partage. Il existe des mod\u00e8les de guide de style pour les logos et les images, les palettes de couleurs, la typographie, les ic\u00f4nes et votre propre texte et m\u00e9dia. L’autre gros avantage ici est que vous n’avez pas \u00e0 cr\u00e9er manuellement vos propres guides de style PDF – vous les stockez sur Frontify et ils peuvent \u00eatre convertis en fichiers PDF pour le t\u00e9l\u00e9chargement, l’impression et le partage. La gestion des versions conserve toutes les anciennes versions en arri\u00e8re-plan pour les r\u00e9cup\u00e9rer \u00e0 tout moment. Vous pouvez commencer avec leurs mod\u00e8les ou rechercher des exemples de livres de marque pour personnaliser les v\u00f4tres. Toutes les fonctions sont accessibles via l’API. Voici un exemple de ce que vous pouvez faire avec juste un logo, en utilisant celui de Frontify :\n<\/p>\n
\n C’est le logo de base. Frontify a d\u00e9cid\u00e9 que les \u00ab\u00a0drops\u00a0\u00bb \u00e9taient la cl\u00e9 ici, mais qu’ils pouvaient faire beaucoup d’autres choses, tout en gardant le logo coh\u00e9rent. Voici les changements de couleur :\n<\/p>\n
\n Et voici un exemple de variante du logo de base :\n<\/p>\n \n Ce n’est qu’un exemple des mod\u00e8les de conception et de couleur que vous pouvez utiliser pour cr\u00e9er des guides de style uniques, et tous les composants sont interchangeables.\n<\/p>\n \n Cette application existe depuis un petit moment et vous le savez peut-\u00eatre d\u00e9j\u00e0, mais vous auriez du mal \u00e0 en trouver une autre avec le package d’options de conception. Il a essentiellement supprim\u00e9 les t\u00e2ches ardues de planification et de codage. Vous pouvez avoir des mises en page de conception en quelques minutes, en ajoutant des \u00e9l\u00e9ments en un seul clic. Le prix de 25 $ en vaut la peine. Boutons pour tout; de nombreuses options d’animation, des options de partage imm\u00e9diat, etc. Plus de 40 \u00e9l\u00e9ments de contenu dans ce b\u00e9b\u00e9 ! C’est vraiment un outil passe-partout! Si vous n’\u00eates pas s\u00fbr de toutes ses fonctionnalit\u00e9s et de la fa\u00e7on dont vous pouvez utiliser cette application, consultez les didacticiels vid\u00e9o ici<\/a>.\n<\/p>\n \n Il existe d’excellentes fonctionnalit\u00e9s qui vous permettent de concevoir vos pages tr\u00e8s rapidement et vous pouvez modifier presque n’importe quel \u00e9l\u00e9ment. Par exemple, il existe plusieurs \u00e9l\u00e9ments de grille pr\u00e9d\u00e9finis que vous pouvez modifier ou une option pour concevoir votre propre grille.\n<\/p>\n \n S’il y a un inconv\u00e9nient \u00e0 Visual Composer, c’est qu’il laisse derri\u00e8re lui beaucoup de petit code lorsque vous le d\u00e9sactivez et qu’il doit \u00eatre supprim\u00e9 avant de d\u00e9marrer un nouveau th\u00e8me. Voici un exemple de conception cr\u00e9\u00e9e via Visual Composer.\n<\/p>\n \n Lorsque votre inspiration vient de stagner, vous la recherchez probablement en recherchant de nouveaux sites Web qui pourraient vous donner de bonnes id\u00e9es. Cela peut prendre un peu de temps, alors pourquoi ne pas utiliser une m\u00e9thode beaucoup plus pratique? Design Hunt est une sorte de \u00ab\u00a0centre d’\u00e9change\u00a0\u00bb, mais il modifie quotidiennement l’ensemble de son r\u00e9pertoire. Il dessine de superbes nouveaux designs trouv\u00e9s sur Pinterest, Dribble, Designer News, DesignInspiraton, et plus encore et les publie pour les designers qui recherchent de nouvelles inspirations et id\u00e9es. D\u00e9sormais, vous pouvez vous rendre \u00e0 un endroit chaque jour et d\u00e9couvrir une toute nouvelle collection.\n<\/p>\n \n Relativement nouveau dans le secteur des photos d’archives, Tookapic compte d\u00e9sormais plus de 11 000 photos d’archives, la plupart gratuites, le reste \u00e0 petit prix. Vous aimerez peut-\u00eatre mieux cela que la source de photos que vous utilisez actuellement – une couleur et une clart\u00e9 ph\u00e9nom\u00e9nales et des photos vraiment uniques. Acc\u00e9dez \u00e0 leur site et d\u00e9couvrez ce qu’ils ont. Vous pourriez \u00eatre surpris !\n<\/p>\n \n Cet outil de prototypage gratuit vous permet de dessiner et de cr\u00e9er des maquettes \u00e0 partir de votre mobile ou de tout autre appareil et de voir imm\u00e9diatement le prototype. \u00c0 partir de l\u00e0, vous pouvez r\u00e9organiser, modifier, ajouter de la couleur, du texte, changer de formulaire et faire pratiquement n’importe quoi, avec une compatibilit\u00e9 imm\u00e9diate avec n’importe quel appareil. Une fois que vous avez nomm\u00e9 votre projet, vous acc\u00e9dez imm\u00e9diatement \u00e0 l’interface principale et commencez. Une fois termin\u00e9, vous pouvez pr\u00e9visualiser l’ensemble de la conception et interagir avec elle pour vous assurer que tout fonctionne bien.\n<\/p>\n \n Pour en savoir plus sur cet outil ph\u00e9nom\u00e9nal, visitez le site Web et regardez la d\u00e9mo – vous serez ravis de la facilit\u00e9 d’utilisation. L’une des meilleures fonctionnalit\u00e9s est la possibilit\u00e9 de d\u00e9poser une image de n’importe o\u00f9 (m\u00eame Dropbox et croquis) et de n’importe quel type d’image. Vous pouvez \u00e9galement ajouter une \u00e9quipe s’il s’agit d’un projet collaboratif. Le plus gros inconv\u00e9nient de Marvel est qu’il existe des limitations avec la version gratuite, vous devrez donc certainement mettre \u00e0 niveau. Pourtant, c’est super facile \u00e0 utiliser – tout aussi bon que Justinmind.\n<\/p>\n \n Si vous cr\u00e9ez beaucoup d’animations, vous voudrez certainement cet outil. Fonctionnalit\u00e9s vraiment cool sans avoir \u00e0 \u00e9crire de code. Il existe une biblioth\u00e8que d’effets d’animation pr\u00eate \u00e0 l'emploi – plus de 50 en fait – et vous pouvez facilement personnaliser le nombre de boucles et la dur\u00e9e. L’animation ajoute beaucoup d’engagement et de divertissement tant que vous n’en faites pas trop !\n<\/p>\n \n Si vous recherchez une gamme vraiment compl\u00e8te de fonctionnalit\u00e9s et d’options, CSS ne suffira pas \u00e0 lui seul. Bien que le d\u00e9bat sur CSS et JavaScript se poursuive, il existe certainement des moyens de les utiliser ensemble. Par exemple, vous avez con\u00e7u une excellente animation CSS, mais vous souhaitez qu’elle glisse de la gauche lorsqu’un utilisateur atteint un certain point de d\u00e9filement vers le bas. Vous devrez ajouter JS pour y parvenir. Comprendre que CSS a ses limites et peut \u00eatre am\u00e9lior\u00e9 par JS n’est qu’une utilisation judicieuse des outils disponibles.\n<\/p>\n \n N\u00e9anmoins, Animate CSS est vraiment facile \u00e0 ex\u00e9cuter. Vous le t\u00e9l\u00e9chargez, attachez CSS ainsi que jQuery et tous les autres composants que vous voulez et commencez \u00e0 animer. Il y a d’excellents tutoriels sur YouTube pour vous aider \u00e0 d\u00e9marrer.\n<\/p>\n \n S’il vous arrive d’\u00eatre daltonien ou simplement d\u00e9fi\u00e9 par le jeu de couleurs, cet outil d\u00e9veloppera un jeu de couleurs complet pour vous, ou en cr\u00e9era un si vous savez par o\u00f9 commencer. Lorsque vous rep\u00e9rez une couleur que vous aimez, verrouillez-la et continuez \u00e0 cliquer – vous obtiendrez un sch\u00e9ma complet avec autant de couleurs que vous le souhaitez. Ceci est particuli\u00e8rement utile si vous souhaitez utiliser des d\u00e9grad\u00e9s de couleurs. Il n’y a rien de vraiment controvers\u00e9 \u00e0 propos de cet outil – les concepteurs qui l’utilisent l’adorent ; ceux qui ne l’ont pas encore essay\u00e9. Le seul b\u00e9mol? Ce n’est plus gratuit et vous devez avoir un compte iTunes pour t\u00e9l\u00e9charger.\n<\/p>\n \n Ce n’est pas un outil complet avec beaucoup d’options, de mod\u00e8les, etc., mais voici une fa\u00e7on unique de concevoir un menu, ou plusieurs sur autant de pages que vous le souhaitez! Tout ce que vous avez \u00e0 faire est d’entrer les d\u00e9tails de ce que vous voulez dans votre menu. Vous recevrez ensuite des instructions d\u00e9taill\u00e9es sur la fa\u00e7on de le construire et de l’int\u00e9grer dans une page sp\u00e9cifique.\n<\/p>\n \n Le SVG circulaire est probablement sup\u00e9rieur au CSS pour cr\u00e9er ce type d’\u00e9l\u00e9ment. Une fois t\u00e9l\u00e9charg\u00e9, vous avez 3 options: Vous pouvez dessiner vos secteurs dans un \u00e9diteur graphique, tel que Sketch, puis les exporter au format SVG, ajouter de l’interaction et les int\u00e9grer ; vous pouvez dessiner vos secteurs avec du code ; ou vous pouvez utiliser le g\u00e9n\u00e9rateur Circulus directement dans l’application.\n<\/p>\n \n CSS vous permet de cr\u00e9er une navigation circulaire, mais il y a quelques bogues de navigateur et c’est juste beaucoup de travail. Vous devez commencer avec un rectangle, le s\u00e9parer, puis incliner et faire pivoter ces sections. Et, si vous utilisez plus que de simples ic\u00f4nes dans vos secteurs, cela devient plus d\u00e9licat.\n<\/p>\n \n En utilisant SVG, vous pouvez dessiner n’importe quelle forme que vous voulez, en utilisant des lignes sp\u00e9cifiques et des commandes d’arc pour les \u00ab\u00a0coins de tarte\u00a0\u00bb que vous voulez – voici un exemple :\n<\/p>\n \n Une fois que vous avez dessin\u00e9 chacun de vos coins et votre ic\u00f4ne et\/ou contenu int\u00e9gr\u00e9, il vous suffit de les rejoindre.\n<\/p>\n \n Fatigu\u00e9 des m\u00eames vieilles polices et styles de lettres? Cr\u00e9ez le v\u00f4tre – aucun codage requis – il suffit de cliquer et de faire glisser. Changer pour des polices et des styles uniques pour le texte peut encourager les visiteurs \u00e0 lire r\u00e9ellement le contenu ! Cette application est tellement cool que vous aurez du mal \u00e0 ne pas jouer avec pendant des heures. Et vous ne direz plus jamais que la typographie est la partie la moins sexy de la conception Web.\n<\/p>\n \n C’est si simple. Vous personnalisez les polices \u00e0 partir d’une s\u00e9rie de diapositives qui ont des caract\u00e9ristiques diff\u00e9rentes – hauteur, ouverture et contraste. Vous ajustez jusqu’\u00e0 ce que vous ayez ce que vous aimez, puis vous le t\u00e9l\u00e9chargez en tant que package de polices Web (gratuit). Il existe \u00e9galement une biblioth\u00e8que de polices pr\u00e9d\u00e9finies parmi lesquelles choisir. Continuez \u00e0 jouer – vous comprendrez pourquoi les cr\u00e9ateurs de caract\u00e8res peuvent \u00eatre une \u00ab\u00a0race en voie de disparition\u00a0\u00bb.\n<\/p>\n \n C’est vraiment un \u00ab\u00a0petit nouveau sur le bloc\u00a0\u00bb. Fontflame tente de soulager les concepteurs d’un seul fardeau suppl\u00e9mentaire: trouver des associations de polices qui fonctionnent vraiment. \u00c0 l’heure actuelle, il a 10 accords publi\u00e9s sur son site mais en ajoute quotidiennement. Des exemples d’appariement, utilisant la biblioth\u00e8que de polices gratuite de Google, incluent \u00ab\u00a0Lobster-Asap\u00a0\u00bb et \u00ab\u00a0Roboto-Open Sans\u00a0\u00bb. Des biblioth\u00e8ques suppl\u00e9mentaires seront bient\u00f4t ajout\u00e9es. Gardez un \u0153il sur ce site \u2013 il aura bient\u00f4t beaucoup \u00e0 offrir en mati\u00e8re d’appariements.\n<\/p>\n \n Pas une application ou un outil – c’est un podcast hebdomadaire pour les concepteurs et les d\u00e9veloppeurs que vous ne voudrez pas manquer. Anim\u00e9 par Paul Jarvis, vous aurez acc\u00e8s aux nouvelles tendances, applications et outils, et \u00e0 plein de conseils vraiment pratiques.\n<\/p>\n \n Voici un excellent outil de prototypage qui poss\u00e8de plusieurs fonctionnalit\u00e9s introuvables dans les autres. Comme tous les autres, vous cr\u00e9ez votre maquette pour tout ou partie des appareils – vous choisissez ceux que vous voulez. Une fois votre prototype cr\u00e9\u00e9, vous pouvez le pr\u00e9visualiser sur tous les appareils, puis l’envoyer aux clients ou aux membres de l’\u00e9quipe pour examen. Ils peuvent commenter directement le design lui-m\u00eame, ce qui est un \u00e9norme avantage. Deux autres fonctionnalit\u00e9s int\u00e9ressantes d’In-Vision sont un mode historique, qui vous permet de voir toutes les versions ant\u00e9rieures d’une conception, et 3 projets de d\u00e9monstration que les concepteurs peuvent parcourir jusqu’\u00e0 ce qu’ils soient \u00e0 l’aise avec toutes les fonctionnalit\u00e9s.\n<\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820aec8c0e1.webp\")
<\/a><\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820aeed4185.webp\")
<\/a><\/p>\n\n COMPOSITEUR VISUEL<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820af0e1084.webp\")
<\/a><\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820af2d7a5b.webp\")
<\/a><\/p>\n\n CHASSE AU DESIGN<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820af635541.webp\")
<\/a><\/p>\n\n TOOKAPIC<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820afa6f8e1.webp\")
<\/a><\/p>\n\n MARVELAPP<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820afda6714.webp\")
<\/a><\/p>\n\n ANIMER CSS<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b0055e63.webp\")
<\/a><\/p>\n\n GLACI\u00c8RES<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b02cf489.webp\")
<\/a> G\u00e9n\u00e9rateur de sch\u00e9ma de couleurs automatique pour les personnes \u00e0 la couleur difficile<\/p>\n\n CERCLE.SVG<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b05b156f.webp\")
<\/a> Un petit quelque chose pour mieux engager les visiteurs<\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b091211e.webp\")
<\/a><\/p>\n\n M\u00c9TAFLOP<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b0bf1c12.webp\")
<\/a> Captez l’attention avec des polices et des styles uniques<\/p>\n\n POLICE FLAMME<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b0fbac60.webp\")
<\/a><\/p>\n\n PODCAST IND\u00c9PENDANT<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b126e89c.webp\")
<\/a><\/p>\n\n EN VISION<\/a>
\n<\/h5>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b159f64b.webp\")
<\/a><\/p>\n