Gli ultimi standard web, HTML5 e CSS3 inla collaborazione con JavaScript ha veramente ridotto il tempo e gli sforzi necessari per la creazione di siti Web ricchi di grafica, testo e animazione. Utilizzando i poteri di HTML5, non è più necessario scrivere manualmente il codice per incorporare contenuti multimediali mentre CSS3 rende gli elementi dell'interfaccia utente Web più flessibili, robusti e, soprattutto, più facili da gestire. Se sei stato alla ricerca di uno strumento di progettazione web che ti consenta di trarre il massimo beneficio dagli ultimi standard web senza obbligarti a inserire manualmente il codice per ogni elemento dell'interfaccia utente, il nuovo lancio Adobe Edge è probabilmente proprio quello di cui hai bisogno.
Adobe Edge è stato scritto appositamente perdesigner visivi, web e di interazione che spesso lottano con la creazione di contenuti web animati e animati usando HTML5, CSS3 e JavaScript standard web. È fondamentalmente uno strumento di progettazione di movimento e interazione web per la creazione di contenuti animati tramite HTML5, CSS3 e JavaScript. Mentre incorpora tutti gli strumenti di base per creare, modificare, modificare e progettare gli elementi dell'interfaccia utente Web, offre un coreografo di animazione intuitivo per creare e regolare facilmente i contenuti animati nella tua pagina web. Inoltre, non ti obbliga ad avviare un nuovo progetto da zero, puoi importare il tuo file HTML in esso per includere nuove composizioni dell'interfaccia utente e armeggiare con elementi dell'interfaccia utente esistenti, come tabella, stili di testo, sfumature dell'immagine, posizione, font, allineamento contenitore e altro.
L'interfaccia principale è divisa in 3 sezioni. La barra laterale sinistra contiene gli strumenti di composizione degli elementi dell'interfaccia utente selezionati, la barra laterale destra ha tutti gli elenchi degli elementi dell'interfaccia utente Web principali, inclusi effetti ombra, immagini, testo, mentre la sezione inferiore contiene l'editor della sequenza temporale per le animazioni coreografiche.
Il riquadro Elementi consente di mostrare / nascondere selezionatielemento e bloccarlo per impedire ulteriori modifiche. Quando si seleziona un elemento dalla schermata principale, lo evidenzia immediatamente nel riquadro Elementi, rendendo più semplice nasconderlo o bloccarlo. Quando passi il puntatore del mouse su un elemento elencato in Elements, ti dice le iniziali della classe con il nome, in modo da poterlo facilmente identificare nel file CSS.
Viene visualizzato il riquadro delle proprietà sul lato sinistrostrumenti di composizione per l'elemento UI selezionato della tua pagina web. Una volta selezionato, è possibile modificarne la posizione, l'opacità, la famiglia di caratteri del testo, la dimensione e gli stili del testo, impostare l'origine della trasformazione, la rotazione dell'immagine e così via.
L'editor della sequenza temporale consente di visualizzare la sequenza temporaledi ogni elemento animato. Se hai a che fare con un enorme file CSS, fai clic sul pulsante di filtro per mostrare solo gli elementi animati nel riquadro Elementi per modificarne rapidamente posizioni, colori, dimensioni, ecc. Nella parte inferiore sinistra del riquadro, hai un pulsante di zoom per ingrandire la sequenza temporale per verificare il tempo assegnato e l'effetto di transizione di tutti gli elementi animati.
Oltre a creare un browser compatibilei contenuti animati per tutti i browser Web più diffusi, tra cui Firefox, Chrome, Internet Explorer 9, i contenuti Web creati tramite questo strumento funzioneranno perfettamente anche su piattaforme iOS e Android. Secondo la community ufficiale, Edge Preview è in fase di sviluppo attivo e verrà presto aggiornata con numerose funzionalità. Adobe Edge funziona su Windows Vista e Windows 7.
Scarica Adobe Edge
Commenti