Sommario:
- Scambio HTML5, JavaScript e CSS
- Lo stage è un browser
- Simboli riutilizzabili
- Responsive web design
- Importazione dei caratteri
- Strumenti di disegno familiari
- Linea temporale intuitiva
- Interattività
- Area di lavoro personalizzabile
- Uno strumento di animazione che chiunque può utilizzare
Video: Aspect Ratios 2.35:1 vs 1.85:1 vs 1.77:1 ( 16:9 ) 2024
Adobe Edge Animate è stato pubblicizzato in sostituzione di Adobe Flash. Mentre questo potrebbe essere un pio desiderio per coloro che sono pronti a superare l'era di Flash, è ancora troppo presto per fare quella chiamata. Tuttavia, Edge Animate è uno strumento software potente e intuitivo che consente di creare animazioni interattive per il Web, iBooks e le app.
Ecco dieci ottimi motivi per iniziare a utilizzare Edge Animate.
Scambio HTML5, JavaScript e CSS
Adobe Edge Animate genera codice usando HTML5 e JavaScript con il CSS incorporato. Questa è una grande notizia sia per gli sviluppatori che per i designer che non sanno come codificare.
La buona notizia per gli sviluppatori è che possono immergersi direttamente nel codice per migliorare le loro animazioni in base alle proprie preferenze. La buona notizia per i progettisti è che possono realizzare animazioni funzionali ed efficaci senza conoscere una singola riga di codice.
Lo stage è un browser
Lo stage è la parte dell'interfaccia di Edge Animate dove si esegue la maggior parte del lavoro di progettazione. La cosa fantastica del palco è che si comporta, per lo più, come una finestra del browser. Quello che vedi sul palco è ciò che vedresti se stavi visualizzando il tuo progetto in un browser web moderno. Puoi persino visualizzare l'anteprima dell'animazione direttamente dal palco.
Ci sono alcune limitazioni. Ad esempio, non puoi visualizzare in anteprima le azioni, come loop e clic, dallo stage. Ma questo è un piccolo ostacolo nel grande schema delle cose.
Simboli riutilizzabili
Edge Animate consente di creare simboli. Con i simboli, è possibile salvare elementi o gruppi di elementi e le azioni associate da riutilizzare in altri progetti. Ad esempio, se si crea una presentazione utilizzando Edge Animate e si salva tale progetto come simbolo, è possibile esportarlo sul desktop e quindi importarlo in un altro progetto Edge Animate.
Se preferisci un flusso di lavoro più rapido, puoi persino copiare e incollare un simbolo da un progetto a un altro. I simboli sono un ottimo modo per risparmiare tempo ed energia quando si lavora con elementi comuni che ti piace usare più volte.
Responsive web design
La prossima grande cosa per il web design è renderlo responsive (chiaro e facile da usare su una vasta gamma di tipi e dimensioni di dispositivi) . Solo pochi siti al momento possono vantare un design web reattivo. Quando li vedi in azione, può essere impressionante.
Se riesci a dire ai tuoi clienti che puoi creare un'animazione online che su un monitor da 30 "è altrettanto bella su un iPhone da 4", dovrebbero essere impressionati. In caso contrario, hai bisogno di nuovi clienti.
Importazione dei caratteri
Adobe sa che c'è di più per i caratteri oltre a Arial e Helvetica. Ecco perché hanno semplificato l'importazione di caratteri da vari luoghi. Ciò include i caratteri Web di Google, Typekit e altro.
Strumenti di disegno familiari
Se hai mai utilizzato uno strumento di progettazione per disegnare un rettangolo o un cerchio, passerai immediatamente al menu di disegno Edge
Edge Animate. Adobe ha reso super facile aggiungere elementi al palco, in modo da poter creare qualsiasi cosa, dai quadrati ai cerchi perfetti (o animare un cerchio perfetto in un quadrato). Gli strumenti di disegno includono uno strumento testo, uno strumento rettangolo, uno strumento ellissi e altro ancora.
Linea temporale intuitiva
La linea temporale è dove si creano sequenze animate con fotogrammi chiave. Puoi diventare un professionista in pochissimo tempo. Dopo aver capito come funziona, puoi usare la timeline per animare le tue animazioni.
Interattività
Non devi accontentarti di animazioni piatte che il tuo pubblico deve sedersi e guardare passivamente. Oh, no. Puoi fare in modo che il tuo pubblico clicchi attivamente su un mouse o tocca un tablet per eseguire azioni diverse. Dai link ai loop e molto altro, puoi creare animazioni varie come un libro per bambini animato in un sito di ristoranti di una pagina.
Area di lavoro personalizzabile
Non tutti funzionano allo stesso modo. Non tutti apprezzano le stesse opinioni. Sulla base di ciò, Adobe ha reso l'interfaccia di Edge Animate estremamente personalizzabile. È anche possibile salvare le viste personalizzate da utilizzare in un secondo momento. Se accidentalmente chiudi un pannello e non riesci a trovarlo, puoi sempre tornare alla visualizzazione predefinita.
Uno strumento di animazione che chiunque può utilizzare
Edge Animate è uno di quegli strumenti che molti tipi diversi di persone possono apprezzare. Se sei un designer professionista che non conosce il codice, puoi comunque creare animazioni complesse. Se sei uno sviluppatore che vuole aggiungere alcune funzionalità extra a un progetto, puoi farlo anche tu.
D'altra parte, se sei uno studente o un hobbista che vuole solo giocare con qualcosa di nuovo e innovativo, allora puoi farlo anche tu. Chissà? il tuo hobby potrebbe diventare la tua professione!