En 2011, Adobe a envoyé des ondes de choc dans la communauté du design en introduisant Adobe Muse: logiciels de conception de sites Web. Vous pouvez imaginer mon enthousiasme ainsi que d'autres non-codeurs du monde entier. Ils ont créé cet éditeur WYSIWYG mélangé à InDesign qui pourrait produire de véritables sites Web en direct. Comment était-ce possible? Quelles étaient les limitations? Qu'est-ce qui leur a pris si longtemps?

Je dois avouer que j'ai essayé Muse quand il était en version bêta et que je ne l'ai pas vraiment compris car il ne me semblait pas assez naturel. Depuis lors, je suis juste resté à l'écart jusqu'à récemment. Mon collègue m'a montré un merveilleux site de parallaxe qu'il a créé et je lui ai demandé s'il pouvait m'apprendre à le faire. Il m'a révélé que ce n'était pas grave car il l'avait fait dans Adobe Muse. J'ai immédiatement téléchargé Adobe Muse CC et je joue avec elle depuis.

La meilleure partie de Muse est la bibliothèque remplie de widgets que vous pouvez ajouter à votre site Web. Les widgets vont des formulaires de contact aux boîtes à lumière en passant par les menus et les diaporamas en plein écran. Après avoir créé la conception de votre site Web, ces fonctionnalités de la bibliothèque ajoutent du piquant et des fonctionnalités à votre site Web. Ils sont évidemment importants, alors aujourd'hui, nous avons décidé de vous présenter un tas de widgets stellaires Adobe Muse. Prendre plaisir!

Preloader (gratuit)

Il y a des moments où il se passe beaucoup de choses avec un site Web. Parfois, en tant que concepteurs, nous aimerions vraiment que ces choses se chargent avant de pouvoir les voir. Il fait une déclaration plus audacieuse lorsque chaque pièce est affichée ensemble plutôt que de la laisser apparaître une par une. Ce widget Preloader ajoute une animation en rotation avec un message personnalisé, visible par les lecteurs avant qu’ils ne voient la page.

préchargeur

Barres de navigation (gratuites)

Les menus sont assez faciles à faire dans Muse, cependant, ils sortent de la bibliothèque des widgets. Ils sont gris sans véritable style et prendront beaucoup de créativité pour rendre quelque chose d'amusant et unique. Ce widget élimine le problème de la création de barres de navigation colorées et intéressantes en proposant 5 variantes prêtes à l'emploi.

la navigation

Prototypes (gratuits)

Ce n'est un secret pour personne que créer un site Web dans Muse est exceptionnellement facile. Il s'agit de glisser-déposer ce que vous voulez. Une chose qui manque à Muse est la possibilité d'avoir des espaces réservés pour les images lorsque vous avez juste des idées ou peut-être que les images ne sont pas encore prêtes. Muse n'a pas non plus de type de générateur de texte factice. C'est un widget simple qui résout ce problème en créant plusieurs prototypes et espaces réservés différents à utiliser lorsque vous créez des idées dans Muse.

prototypes

FAQ Box (gratuit)

Si vous avez utilisé Muse, vous saurez que certains widgets sont déjà disponibles, mais lorsque vous voulez les utiliser, vous devez leur donner beaucoup de style afin de les utiliser comme vous le souhaitez. Ce widget de la boîte FAQ est une combinaison de différents widgets qui créent une boîte aux lettres standard qui révèle une question et une réponse à côté de sa représentation graphique. Ceci est certainement un widget pratique pour les produits et les sites commerciaux.

FAQ

Genius Gallery (gratuit)

La Genius Gallery est une tentative de créer une galerie d'images avec une lightbox pour ceux d'entre nous qui veulent montrer des photographies ou d'autres œuvres. Il est hautement décoré, mais peut être édité, ce qui en fait un excellent point de départ pour un portefeuille d'images. La lightbox contient beaucoup d'espace pour expliquer un projet et comment il a été réalisé.

génie

Mobile Lite (gratuit)

La plupart des widgets de cette liste sont des moyens d’ajouter de l’esthétique à votre page. Celui-ci est différent car il ajoute du code à votre page. Ce code permet à votre site Web d'être téléchargeable sur certains iPhones et affiché comme une application sur un appareil mobile. Ceci est très utile si vous avez un site plein d'informations pour vos lecteurs.

mobile

Social Icon Icon Library (gratuit)

Muse a des widgets qui viennent avec le programme dédié aux médias sociaux. Le problème avec ceux-ci est qu'ils ne sont pas des icônes, mais plutôt des boutons associés à suivre ou à aimer chaque compte. Si cela ne vous intéresse pas, mais préférez un lien vers chaque compte, alors c'est le widget qui vous convient. Chaque icône se présente sous la forme d'un cercle, d'un carré ou d'une forme de goutte.

social

Squarebox Slider (gratuit)

Les sliders sont un peu une énigme dans Muse, mais il existe des solutions de rechange disponibles. Ce widget crée un curseur qui utilise des éléments carrés et des blocs. Cela signifie que l'arrière-plan de votre curseur peut être une couleur unie, tandis que différents objets glissent sur l'arrière-plan (par exemple, des captures d'écran, des images d'application, etc.). Les curseurs Squarebox conviennent parfaitement à tout type de site Web d'applications professionnelles ou de téléphones portables.

boîte carrée

Bibliothèque filaire (gratuite)

Nous ne parlons pas beaucoup de l'utilisation de Muse comme outil pour le cadrage de fil. En fait, il existe des programmes et des applications qui créent des images filaires cliquables pour vous. Mais pourquoi gaspiller de l'argent en achetant un tout nouveau programme? Avec ce kit de widgets, vous pouvez créer des wireframes construits comme des sites Web complets.

fil de fer

Introduction à l'animation (gratuite)

Si vous êtes à la recherche d'un moyen génial de montrer votre site Web, cela pourrait être le widget pour vous. C'est une animation d'introduction simple qui fait défiler un tas de phrases avant de charger votre page d'accueil. Avec quelques styles rapides et une pensée créative, cela pourrait vraiment prendre votre site Web au-dessus de vos attentes.

animation

Kodak Carousel Gallery (gratuit)

Il existe des info-bulles dans Muse qui sont très simples. Cette galerie Kodak crée un menu d'info-bulle rappelant certains produits Apple qui modifient l'environnement dans son intégralité lorsque vous le faites défiler. C'est une idée merveilleuse et certainement utile pour les sites Web à page unique qui veulent afficher beaucoup d'informations en un seul endroit.

kodak

Sample MuCows de Lance (gratuit)

Lance de l’équipe Adobe Muse a configuré des exemples de widgets MuCOW (Muse Configurable Options Widgets) dans un didacticiel. Aujourd'hui, ces widgets sont disponibles pour tous. Ils incluent des choses assez cool comme les styles de lignes, le texte et les images glissantes et les détenteurs de lieu de date actuels. Il y a des choses très utiles et simples dans ces widgets.

mucow

Video Lightbox (gratuit)

La visionneuse vidéo est un widget assez simple qui vous permet de visualiser des vidéos lorsque vous cliquez sur une vignette. De toute évidence, cela diffère de la forme plus simple, où vous ne visualisez que des images. C'est génial pour ceux d'entre nous qui ont un portfolio qui montre un peu de travail vidéo.

boite à lumière

Cartes à tarte intelligente (9 $)

Ceci est un widget merveilleux pour ceux d'entre nous qui créent des portefeuilles, des sites Web d'une seule page ou même des rapports qui pourraient utiliser des représentations graphiques / infographiques. Ces graphiques intelligents sont faciles à éditer et à animer pour ajouter un petit mouvement à la page.

catalyseur

Galerie de photos massive (9 $)

Si vous souhaitez placer plusieurs galeries de photos sur une page, ce widget est pour vous. Vous avez peut-être plusieurs catégories de photos à partager, ou peut-être voulez-vous condenser ce que vous devez adapter à une zone donnée. Cette galerie de photos extensible et pliable vous aide à organiser vos images.

massif

Rollover JS (9 $)

Muse vous permet de créer des états actifs et en survol pour vos liens, mais ne permet pas d'ajouter des images d'animations à vos survols. Ce widget utilise les animations Edge pour créer des survols pour vos images liées.

rouler

Onglet Formulaire Collant (9 $)

Le widget Sticky Form est exceptionnellement utile pour ceux qui créent des sites Web avec des produits ou services nécessitant beaucoup de contact et de support. Ce widget crée un formulaire qui est masqué jusqu’à l’appel, mais est épinglé de chaque côté de l’écran. C'est certainement l'une des utilisations les plus fonctionnelles d'une forme et certainement utile pour les utilisateurs de Muse.

gluant

Bibliothèque de thèmes de Muse Themes (39 $ par an)

Si vous avez 39 $ à dépenser sur de superbes widgets professionnels, cet endroit est idéal pour vous. Muse Themes propose plus de 60 widgets allant des curseurs aux galeries de photos et aux formulaires de contact. Cette bibliothèque seule pourrait vous faire économiser des heures de stylisation et de construction dans Muse pour vos projets. Cette bibliothèque est un excellent investissement.

Outils et ressources Adobe Muse Widgets - par thèmes Muse

Conclusion

Si vous avez déjà utilisé Muse auparavant, vous saurez qu'il existe certaines limites à ce que vous pouvez faire uniquement dans Muse. Maintenant, si vous connaissez un peu le codage, Muse est un excellent moyen de démarrer un site Web que vous pouvez modifier pour en ajouter. Ces ajouts vous aident à ajouter des fonctionnalités et des éléments de conception Web à la mode sur votre nouveau site Web.

Adobe Muse est encore assez récent et, avec le temps, Adobe créera de nouvelles mises à jour et ajoutera de nouvelles fonctionnalités, tandis que les développeurs de widgets continueront à créer. L'avenir est prometteur pour Muse.

Utilisez-vous Adobe Muse pour vos projets? Avons-nous raté l'un de vos widgets préférés? Faites le nous savoir dans les commentaires.