mosaico_learning_logo
mosaico_logo_elearning
p11

CONTATTACI

Dai un Nuovo Look ai Tuoi Corsi E-Learning

2014-01-01 16:54

mosaicoelearning

Digital learning, steve Jobs, interattività, storyline, online, traduzione, graphic, creare,

avatarblog-.jpg
banner-.png

Lo stile grafico è in continua mutazione. Ciò che va di moda oggi, può risultare vecchio domani. Un modo per fare in modo che i tuoi corsi abbiamo un look fresco consiste nell'adattarti ai cambiamenti. Negli scorsi anni c'è stato uno spostamento verso gli angoli smussati e i riflessi (ad es. nelle immagini o nei box di testo). Oggi quello che va di moda è la flat UI (interfaccia utente piatta, piana).


350-flatui-.png

Proprio l'altro giorno qualcuno mi ha chiesto un feedback a proposito di un corso e del suo aspetto. Ho raccomandato loro di rivedere la grafica in chiave flat. Non ci vuole molto tempo, e si ottiene un look che oggi va molto di moda.


Che Cosa è il Flat Design?

Prova a fare una ricerca, e vedrai che ci sono un sacco di risorse online in merito al design di flat UI, ma ecco cosa ne penso io:


  • Semplicità. L'obiettivo è di a cere un design semplice e pulito. Per esempio, invece di creare una visuale dall'alto di una scrivania, creare qualcosa che ne trasmetta l'essenza, ma che non distragga per colpa dei dettagli.

real-desktop-.png

 


flat-desktop-.png

  • Consistenza (uniformità). Una cosa che normalmente si fa, quando si lavora con il flat design, è scegliere uno stile per le linee. Possono essere rotonde o dritte, ma mischiarle sarebbe un errore, a meno di non farlo per creare un diversivo. Per esempio, usa un cerchio su uno schermo ricco di linee dritte per creare contrasto. Quel contrasto è un ottimo modo per catturare e indirizzare l'attenzione dello studente in un posto specifico della schemata. Inoltre, se usi gli angoli arrotondati, assicurati che anche gli altri elementi abbiano lo stesso stile.

 


  • Poca profondità. Un'altro elemento tipico del flat design è l'assenza di profondità, data dalla poca presenza delle ombreggiature (quando si trovano, sono molto semplici). La profondità si crea impilando oggetti o con ombreggiature "solid" a tinta unita con colori.

flat-design-elements-.png

  • Colori semplici. Scegli uno schema di colori solidi. Se fai una ricerca per degli schemi di colori solid, scoprirai che tendono ad essere audaci.Ecco un buon esempio per cercare colori. Un modo facile per creare varianti consiste nel sovrapporre una forma bianca con gradiente di colore smussato.

flat-colors-.png

  • Molti spazi vuoti. Gli spazi bianchi sono ottimi per i corsi elearning. Se abbiamo meno spazio, dobbiamo essere sicuri che le informazioni che inseriamo siano chiare e che contribuiscano a trasmettere l'oggetto del messaggio

E-Learning Template Gratuito: Notebook a Schede (interattivo)

Per mettere i miei pensieri in pratica, ho fatto un makeover di un progetto powerpoint che avevo creato tempo fa.


tab-course-.jpg


Ecco la versione originale.


 


Come puoi vedere, il design originale è semplice, ma un po' datato. Ecco il nuovo design, di seguito, con l'aggiornamento ad un look flat.



Clicca per vedere l'esempio.


Come create la Flat UI

Ecco alcune delle decisioni che ho preso per convertire il vecchio template:


  • Ho creato una versione minimal del notebook. Volevo che la nuova versione avesse meno dettagli possibile. Ho deciso di includere la cover, le schede (naturalmente), ed una semplice spirale
  • Ho fatto diversi esperimenti con la spirale. Nella versione per PowerPoint ho usato una versione con linee dritte, mentre in quella per Storyline ne ho creata una con linee tondeggianti.

Clicca qui per vedere la versione interattiva con Storyline.


  • Per creare profondità senza dettagli, ho aggiunto un angolo alla pagina
  • Tutti i colori sono stati scelti attingendo ad uno schema di colori che puoi trovare nelle palette di base dei software

colors-.png

  • Ho usato un font semplice: Rockwell Condensed per i titoli e Trebuchet MS per il body.

 


Traduzione autorizzata tratta dal post originale di Tom Kuhlmann sul “Rapid E-Learning Blog”.Il post originale è disponibile qui

Dove
Ragusa, Via del Melograno, 77

Training

Per ricevere informazioni sulle attività di training in aula o online training@mosaicoelearning.it
 

Digital Learning

Per richiedere un preventivo su corsi o servizi elearning corsi@mosaicoelearning.it

Digital Learning

Per richiedere un preventivo su corsi o servizi elearning corsi@mosaicoelearning.it

Training

Per ricevere informazioni sulle attività di training in aula o online training@mosaicoelearning.it
 

Assistenza

Per richiedere assistenza o per segnalare malfunzionamenti del sito assistenza@mosaicoelearning.it
 

Articulate

Per acquistare o ricevere informazioni sui prodotti Articulate articulate@mosaicoelearning.it
 

Assistenza

Per richiedere assistenza o per segnalare malfunzionamenti del sito assistenza@mosaicoelearning.it
 

Telefono
09321855211 – 3348437664

footer

facebook
instagram
twitter
linkedin

www.mosaicoelearning.it @ All Right Reserved 2022 - Sito Realizzato da Flazio Experience

k2.svg
k1.svg
k4.svg
p2.svg
k5.svg
k3.svg
Create Website with flazio.com | Free and Easy Website Builder