All Articles Review
Recensione: 5 Cose da Amore A proposito di Adobe Muse (Codename)
David Smith on Fri, December 9th 0 comments
When developers put the word "Codename" in the title of new BETA application you might expect something exciting... You could well be correct! David Smith examines Adobe's latest piece of tech.

Con il rilascio di Adobe InDesign CS5 fatto un cambiamento considerevole per permettere ai progettisti di creare documenti interattivi senza, e questo è il bit di veramente importante, senza dover conoscere alcun codice prima cosa così mai. Prendete il pannello Oggetto Stati come esempio. Improvvisamente un mondo di design interattivo SWF aperto le sue porte anche ai designer più hardcore di stampa. E così la rivoluzione, se è questo che si continua con la Musa software Beta nome in codice.

Muse è un pacchetto di editing HTML5 che utilizza i benefici di web design di CSS3, ma che richiede nessuna codifica. Infatti il ​​software è così non di codice i thats il suo flusso di lavoro di base, il layout e la terminologia è più associata con InDesign da Dreamweaver. Ed è che l'emulazione di InDesign che apre davvero Muse (titolo provvisorio) fino a Designer.

Ci sono un sacco di funzioni veramente bello nella Muse che lo rendono un applicazione davvero molto semplice per chiunque abbia una conoscenza di base di InDesign a fare i conti con. Ho scelto cinque delle mie funzioni preferite per voi.


Funzione 1 - Vista in pianta

La pianta si trova in molti modi un equivalente al Pannello di pagine in InDesign, solo con la caratteristica aggiunta di esso che è un sito web che viene messo insieme come una mappa del sito piuttosto che un documento.

Plan View

Piano View.


Cominciamo guardando la struttura e il layout per primo. Accanto alla prima pagina (questa sarà la vostra pagina di indice), si vedrà piccola "" pulsanti. Cliccando sul pulsante a destra della prima pagina aggiunge una seconda pagina del sito.

An Added page.

Una pagina aggiunta.


Le pagine sono unite da una piccola linea di collegamento. Questa linea sarà utilizzata per generare la navigazione, come si vedrà in seguito. Continua a cliccare sul pulsante per aggiungere nuove pagine, prima o dopo le vecchie pagine. Così semplice.

The bottom   button

Il pulsante in basso


Il pulsante alla base di ogni pagina ha un ruolo diverso. Facendo clic su questo pulsante aggiunge Pagine Sibling. Pagine fratelli sono pagine che non può che essere legata alla dall'interno della pagina del tuo li aggiungendo.

The Sibling page

Un fratello pagina.


Uso dei pulsanti per formare una struttura del sito significa che non ci vuole molto tempo prima di aver creato questo genere di cose.

Site Map

Mappa del sito.


Non ci vuole molto sforzo sia. Proprio come in InDesign pagine selezionate possono essere cancellati con il cestino pulsante anche.


Funzione 2 - pagine master

Come designer si sa quanto sia importante coerenza nella progettazione è per l'esperienza utente sia buona, indipendentemente dal mezzo. Utilizzando pagine master in Muse è un ottimo modo per facilitare proprio questo. Se si ha familiarità con le pagine master in InDesign allora si avrà già capito questo concetto. Se sei nuovo di pagine master la migliore immagine mi viene in mente per voi è Modelli.

A Master Page.

Un Maestro pagina.


Fare doppio click sulla pagina master per aprirlo. Si noti ci sono due coppie di guide? Questi sono preimpostati come intestazione per la top pair e piè di pagina per la coppia in basso.

Header guide

Intestazione guida.


Regolare come si farebbe con qualsiasi guida per arrivare in posizione.

Luogo di contenuto che deve essere coerente su più di una pagina premendo Comando-D per aprire le opzioni luogo o selezionando uno degli strumenti per generare ad esempio una casella di testo o una forma.

Content placed on master page plus tools

Contenuti immessi sul pagina master più strumenti.


Provare a fare alcune variazioni da entrambe aggiungendo pagine master più o duplicazione (tasto destro del mouse e scegliere 'Duplica') a quello attuale e apportare modifiche.

A pagina master viene applicata automaticamente a tutte le pagine. Per applicare una pagina diversa master per le pagine, trascinare una pagina master dal gruppo pagina master oltre ad una pagina nella vista in pianta e rilasciarlo quando la pagina di luci.

Page with master applied and extra content

Pagina con il maestro applicata e contenuti extra.


La pagina può essere ancora modificato dove non c'è contenuto della pagina master, quindi in realtà una pagina potrebbe essere composto da 80% di contenuto inserito in quella pagina e il 20% di contenuto dalla pagina master per esempio.

SUGGERIMENTO: Pagine master può ancora essere modificato nel gruppo di pagine master, bisogna ricordare che tutte le modifiche apportate alle pagine master sono globali e quindi si rifletterà nelle pagine che hanno quel particolare pagina master applicata.


Funzione 3 - Oggetto Pinning

Utilizzando le opzioni di formattazione Posizione nel CSS al pin di un oggetto ad una posizione nella finestra del browser può essere molto complicato se non siete sicuri di quello che stai facendo. Muse però ha trovato un modo semplice ma efficace di fare proprio questo.

The Pin option

Il Pin opzione.


Selezionare un oggetto o un gruppo nella pagina che non deve muoversi dalla sua posizione attuale, forse una barra di navigazione, per esempio.

Navigation selected and pinned

Navigazione selezionati e appuntato.


Nel pannello di controllo clicca su una delle opzioni di Pin, ho scelto in alto a sinistra.

Fare clic sul pulsante Anteprima per visualizzare la pagina HTML, ora provare lo scorrimento della pagina (potrebbe essere necessario aggiungere più contenuti per attivare lo scorrimento).

Pinned object stays put

Oggetto bloccato resta fermo.


L'oggetto rimane appuntato appuntato in alto a sinistra della finestra del browser, piuttosto che la pagina.


Funzione 4 - Personalizzazione di navigazione

Nella vista Piano ho una struttura del sito, e tutte le pagine e le pagine Fratelli e sorelle si chiamano.

Plan view busy

Una vista Piano occupato.


Ora io uso questo struttura del sito per creare automaticamente la navigazione del sito.

Widgets

Il pannello Widget.


Trascinare il menu sulla prima pagina del sito e collocarlo nella posizione.

Suggerimento: Le pagine master sono il luogo ideale per questo tipo di cose.

Menu on the page

Menu sulla pagina.


Questo widget è un widget intelligente che assegna automaticamente ogni link e crea un link alla pagina.

The Options area

Le Opzioni HUD.


Qui si può scegliere che tipo di menù desiderato, come il livello di navigazione che si desidera, o solo le pagine includono pagine Sibling per esempio.

The Control Panel

Il Pannello di controllo.


Per lo stile del menu per soddisfare le vostre sito utilizzare le opzioni di colore e le opzioni dei caratteri disponibili nel Pannello di controllo, come molte altre applicazioni Adobe.


Caratteristica 5 - Pulsanti Importazione da Photoshop CS5

Questa deve essere la mia caratteristica preferita di tutti, in quanto consente per la progettazione di pulsanti con livelli di Photoshop per stati di un pulsante.

Photoshop layers

Photoshop strati.


Qui ho un'immagine di Photoshop che ho fatto, un pulsante con un design di livello diverse per ogni stato.

Nel Muse, inserire il file di Photoshop come un pulsante di Photoshop scegliendo File

Button Options

Pulsante Opzioni.


Nella finestra di opzioni che si apre ogni strato corrisponde ad ogni stato del pulsante, Su, Sopra ecc Poi posto il pulsante sulla pagina.

Passare alla modalità di anteprima e provare il pulsante. Ogni livello di Photoshop si rivela quando il suo stato corrispondente viene attivato dal cursore.

The States panel

Gli Stati pannello.


Il pannello degli Stati consente ad ogni stato del pulsante di Photoshop per essere monitorati e modificati dopo il posizionamento.


Conclusione

Così Adobe ha colpito il giusto corso con Muse, o addirittura qualunque cosa potrebbe essere chiamato al momento del lancio? Beh, io avrei dovuto dire ... Sì! Muse è un grande strumento per i progettisti di trasferire la loro conoscenza dalla stampa al web senza coinvolgere codice. Non che io sto dicendo nulla che non va con la codifica, ma per molti designer HTML e CSS non sono parte del loro set di strumenti.

Se volete provare la versione beta di Muse quindi visitare il sito Web di Adobe e scaricare gratuitamente qui .


Comments (0)

You must be logged in to comment.

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: