Nel 2011, Adobe ha inviato onde d'urto attraverso la comunità del design introducendo Adobe Muse: software di progettazione che realizza siti Web. Potresti immaginare la mia eccitazione così come altri non-programmatori in tutto il mondo. Hanno creato questo editor WYSIWYG combinato con InDesign che poteva produrre veri e propri siti web dal vivo. Com'è stato possibile? Quali sono stati i limiti? Cosa li ha presi così a lungo?

Devo ammettere che ho provato Muse quando era in versione beta e non l'ho preso davvero perché non mi sentivo abbastanza naturale. Da allora, me ne stavo lontano da poco fino a poco tempo fa. Il mio collega mi stava mostrando un meraviglioso sito Web di parallasse che ha fatto e gli ho chiesto se poteva insegnarmi come farlo. Mi ha rivelato che non era un grosso problema perché l'aveva fatto in Adobe Muse. Ho scaricato immediatamente Adobe Muse CC e da allora ho giocato con esso.

La parte migliore di Muse è la libreria piena di widget che puoi aggiungere al tuo sito web. I widget spaziano dai moduli di contatto, alle scatole luminose, ai menu, alle presentazioni a schermo intero. Dopo aver creato il design del tuo sito web, queste funzionalità nella Libreria sono ciò che aggiunge il pizzazz e la funzionalità al tuo sito web. Ovviamente sono importanti, quindi oggi abbiamo deciso di mostrare un sacco di widget stellari di Adobe Muse. Godere!

Preloader (gratuito)

Ci sono momenti in cui c'è molto da fare con un sito web. A volte come designer, ci piacerebbe molto che queste cose si caricassero prima di avere la possibilità di vederle. Fa una dichiarazione più audace quando ogni pezzo viene mostrato insieme piuttosto che lasciarlo apparire uno alla volta. Questo widget Preloader aggiunge un'animazione rotante insieme a un messaggio personalizzato, visibile ai lettori prima che vedano la pagina.

preloader

Barre di navigazione (gratis)

I menu sono abbastanza facili da realizzare in Muse, tuttavia, sono blandi proprio nella libreria dei widget. Sono grigi senza uno stile reale e ci vorrà molta creatività per rendere qualcosa di divertente e unico. Questo widget risolve il problema di creare barre di navigazione colorate e interessanti fornendo 5 varianti pronte all'uso.

navigazione

Prototipi (gratuiti)

Non è un segreto che la creazione di un sito Web in Muse sia eccezionalmente facile. Si tratta di trascinare e rilasciare ciò che si desidera posizionare. Una cosa che manca a Muse è la possibilità di avere segnaposto per le immagini quando hai solo idee o forse le foto non sono ancora pronte. Muse inoltre non ha alcun tipo di generatore di testo fittizio. Questo è un semplice widget che risolve questo problema creando diversi prototipi e segnaposti diversi da utilizzare quando si creano idee in Muse.

prototipi

FAQ Box (gratuito)

Se hai usato Muse, saprai che ci sono già alcuni widget disponibili, ma quando vuoi usarli, devi fare molto stile per ottenerli nel modo desiderato. Questo widget di Domande frequenti è una combinazione di diversi widget che crea una casella di domande frequenti standard che rivela una domanda e una risposta accanto alla sua rappresentazione grafica. Questo è sicuramente un utile widget per prodotti e siti aziendali.

FAQ

Galleria Genius (gratuita)

La Genius Gallery è un tentativo di creare una galleria di immagini insieme a un lightbox per quelli di noi che vogliono mostrare alcune fotografie o altri lavori. È molto decorato, ma può essere modificato, il che lo rende un ottimo punto di partenza per un portfolio di immagini. Il lightbox contiene molto spazio per spiegare un progetto e come è stato realizzato.

genio

Mobile Lite (gratuito)

La maggior parte dei widget di questo elenco sono modi per aggiungere un'estetica alla tua pagina. Questo è diverso perché aggiunge del codice alla tua pagina. Questo codice consente al tuo sito Web di essere scaricabile su alcuni iPhone e visualizzato in modo molto simile a un'app su un dispositivo mobile. Questo è sicuramente utile se hai un sito pieno di informazioni per i tuoi lettori.

mobile

Social Icon Icon Library (gratuito)

Muse ha widget che vengono con il programma dedicato ai social media. Il problema con questi è che non sono icone, ma più come i pulsanti associati a seguire o gradire ogni account. Se non sei interessato a questo, ma preferiresti avere un link che porta a ciascun account, allora questo è il widget per te. Ogni icona si presenta come un cerchio, un quadrato o una forma a goccia.

sociale

Squarebox Slider (gratuito)

I cursori sono un po 'un enigma in Muse, ma ci sono delle soluzioni disponibili. Questo widget crea un dispositivo di scorrimento che utilizza elementi quadrati e di blocco. Ciò significa che lo sfondo del tuo dispositivo di scorrimento può avere un colore a tinta unita, mentre oggetti diversi possono scorrere sullo sfondo (come schermate, app e altro). Gli slider Squarebox si adattano perfettamente a qualsiasi tipo di sito web aziendale o di telefonia mobile.

scatola quadrata

Libreria Wireframe (gratuita)

Non parliamo molto dell'utilizzo di Muse come strumento per l'inquadratura dei cavi. In effetti, ci sono programmi e applicazioni là fuori che creano wireframe cliccabili per te. Ma perché sprecare soldi acquistando un programma completamente nuovo? Con questo kit widget, puoi creare wireframe creati come siti web completi.

wireframe

Introduzione all'animazione (gratuita)

Se stai cercando un modo interessante per mostrare il tuo sito web, questo potrebbe essere il widget per te. È una semplice introduzione all'animazione che scorre un gruppo di frasi prima di caricare la tua home page. Con alcuni stili rapidi e il pensiero creativo, questo potrebbe davvero prendere il tuo sito web sopra le righe.

animazione

Galleria Kodak Carousel (gratuita)

Ci sono suggerimenti per gli strumenti in Muse che sono molto semplici. Questa Kodak Gallery crea un menu tooltip che ricorda alcuni prodotti Apple che cambia l'intero ambiente quando lo si scorre. È un'idea meravigliosa e sicuramente utile per siti web di una sola pagina che vogliono mostrare molte informazioni in un'unica posizione.

kodak

Lance's Sample MuCows (gratuito)

Lance del team di Adobe Muse ha configurato alcuni esempi di MuCOW (Muse Configurable Options Widgets) in un suo tutorial. Oggi questi widget sono disponibili per l'uso a chiunque. Includono alcune cose interessanti come gli stili di linea, il testo scorrevole e le immagini e gli attuali segnaposti. Ci sono alcune cose molto utili e semplici in questi widget.

mucow

Video Lightbox (gratuito)

Il video lightbox è un widget piuttosto semplice che ti consente di visualizzare il video quando fai clic su una miniatura. Ovviamente, questo è diverso dalla forma più semplice, in cui si visualizzano solo le immagini. Questo è ottimo per quelli di noi che hanno un portfolio che mette in mostra un po 'di lavoro video.

lightbox

Smart Pie Charts ($ 9)

Questo è un meraviglioso widget per quelli di noi che creano portfolio, siti web a pagina singola o addirittura report che potrebbero utilizzare alcune infografiche / rappresentazione grafica. Questi grafici a torta intelligente sono facilmente modificati e animati per aggiungere un piccolo movimento alla pagina.

catalizzatore

Massive Photo Gallery ($ 9)

Nel caso in cui desideri inserire più di una galleria fotografica in una pagina, questo widget fa al caso tuo. Forse hai un mucchio di diverse categorie di foto che vuoi condividere, o forse vuoi solo condensare ciò che devi adattare ad una determinata area. Questa galleria fotografica espandibile e pieghevole ti aiuta a organizzare le tue foto.

massiccio

Rollover JS ($ 9)

Muse ti consente di creare stati attivi e di passaggio del mouse per i tuoi collegamenti, ma non consente di aggiungere immagini di animazioni ai tuoi rollover. Questo widget utilizza le animazioni Edge per creare rollover per le immagini collegate.

rotolare

Scheda Modulo appiccicoso ($ 9)

Il widget Modulo appiccicoso è estremamente utile per coloro che creano siti Web con prodotti o servizi che richiedono numerosi contatti e supporto. Questo widget crea un modulo nascosto fino a quando non viene chiamato, ma è bloccato su entrambi i lati dello schermo. È sicuramente uno degli usi più funzionali di un modulo e sicuramente utile per gli utenti di Muse.

appiccicoso

Muse Themes Widget Library ($ 39 all'anno)

Se hai $ 39 da spendere su grandi e professionali widget, questo è il posto che fa per te. Muse Themes offre oltre 60 widget che vanno dai cursori alle gallerie fotografiche e ai moduli di contatto. Questa libreria da sola potrebbe farti risparmiare ore di progettazione e costruzione in Muse per i progetti. Questa libreria è un grande investimento.

Adobe Muse Widgets Strumenti e risorse - per temi Muse

Conclusione

Se hai mai usato Muse prima, saprai che ci sono alcune limitazioni a ciò che puoi fare solo in Muse. Ora, se conosci un po 'di codice, Muse è un ottimo modo per avviare un sito Web che puoi modificare per aggiungerne altri. Queste aggiunte ti aiutano ad aggiungere funzionalità e alcuni pezzi di design web più trendy al tuo nuovo sito web.

Adobe Muse è ancora abbastanza nuovo e con il passare del tempo, Adobe creerà nuovi aggiornamenti e aggiungerà nuove funzionalità, mentre gli sviluppatori di widget continueranno a creare. Il futuro è brillante per Muse.

Usi Adobe Muse per i tuoi progetti? Abbiamo perso uno dei tuoi widget preferiti? Fateci sapere nei commenti.