X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

Premium Accesso libero

Accedere alla nostra libreria di articoli Hub Premium, file di progetto e il primo 10% di ogni tutorial-video dalla libreria di tutorial online .

Crea un account gratuito ora!

Recensione: 5 Cose da Amore A proposito di Adobe Muse (Codename)
Tradotto da Google Translate

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 .


David Smith

David Smith | Articles by this author

David Smith is Scotland's most qualified Apple and Adobe certified trainer. Having completed his education at Edinburgh College of Art's BAFTA winning Film School, David moved straight into TV production, first as a Vision Mixer then quickly becoming, at the age of just 24, a director of live TV studio productions. In 2001 he moved into Higher Education where he became a lecturer in TV Production, specializing in post-production and live studio production. During this time, and working with the support of the BBC, Channel 4 and independent production companies, David was instrumental in the design, development and implementation of industry-approved vocational courses across Scotland's Colleges. In 2006, after working closely with Apple Computers to create a unique multimedia studio for education at the Music and Media Centre in Perth, David became Scotland's first Apple-Certified Trainer for Pro Apps. This led on to David forming the first Apple Authorized Training Centre for Education, north of Manchester. In 2008 David made the move to full time training and joined the ranks at Academy Class, Ltd. where he continues to train industry professionals as a certified trainer across the Adobe Creative Suite and Apple Pro Apps range.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link