Post on 04-Feb-2022
transcript
Proj
ect b
y: S
arah
Sel
lars
- MO
OD
MA
P
IED Firenze
Professional Training Program
Italiano
PROFESSIONAL TRAINING PROGRAM—WEB DESIGN
PTP
IED FIRENZE
2Professional Training Program
- W
EB D
ESIG
N |
Visu
al C
ommu
nica
tion
Diploma Conferito
Coordinatore
Frequenza
Durata
Lingua
Inizio Corso
Possibili Studi Superiori
Professional Training Program
Daiana Salucci
12h alla settimana Lun-Gio part-time
2 anni
Italiano
Ottobre 2015
Corsi Master e Specializzazione IED.
— Sarah Sellars- MOOD MAP
Web Design
ied.it/come-iscriversi50 ANNI DI ESPERIENZA 11 SEDI NEL MONDO 10.000 STUDENTI ALL’ANNO30% DI STUDENTI STRANIERI+100 NAZIONALITÀ DI PROVENIENZA60 CORSI TRIENNALI POST-DIPLOMA+100 TITOLI MASTERE CORSI DI SPECIALIZZAZIONE1900 DOCENTI
IED FIRENZE
4Professional Training Program
- W
EB D
ESIG
N |
Visu
al C
ommu
nica
tion
IL CONTESTO PROFESSIONALE
Un sito accattivante e funzionale è la prerogrativa un azienda che si posiziona con successo. L’avvento dell’ecommerce e delle vendite online assieme agli smartphone e tablet hanno reso necessario un approccio nuovo al design ed il funzionamento dei siti affinchè siano fruibili su dispositivi diversi.Progettare oggi dei siti significa consocere gli strumenti e avere un approccio estetico in linea con i tempi e con i dispositivi. Questo è un mercato in costante cambiamento e che si rivolge sempre di più ad un’utente internazionale.È quindi fondamentale oggi per qualsiasi azienda esistere on line con strumenti in grado di fornire risposte ai nuovi comportamenti del mercato e alle nuove esigenze dei consumatori.Nuovi professionisti dedicati a questo canale di comunicazione sono quindi indispensabili. La digitalizzazione dell’informazione in atto da pochi decenni rappresenta un processo che sta trasformando la società in ogni sua forma e relazione, in mano ai professionisti digitali del futuro c’è la responsabilità di comprendere orizzonti in continuo cambiamento per strutturare paradigmi comunicativi sempre aggiornati.
L’utilizzo del web si sta spostato dal desktop al mobile con smartphone e tablet, la semplice informazione si è trasformata in relazione e interazione tra utenti. L’uso della rete si allarga e il web diventa luogo sociale e paradigma comunicativo. Quello del web designer, colui che veicola e gestisce questi cambiamenti, è ormai un ruolo poliedrico che soltanto professionisti formati all’aggiornamento e orientati alle nuove tendenze possono padroneggiare in modo vincente. Il web 3.0 sta sorgendo, noi vogliamo essere pronti.
Il corso è indirizzato a coloro che vogliono intraprendere una carriera di studi nell’ambito delle Arti Visive e nello specifico del design di siti web e del loro sviluppo e gestione, con uno sguardo agli orizzonti contemporanei e allo sviluppo dei campi d’applicazione in continuo aggiornamento. Possono accedere a questo corso sia gli studenti che hanno terminato il percorso di studio superiore o neo laureati che professionisti che hanno necessità di riconvertire le proprie competenze.
A CHI È RIVOLTO
— Ekaterina Zhurkina- IPort
IED FIRENZE
6Professional Training Program
- W
EB D
ESIG
N |
Visu
al C
ommu
nica
tion
Web designer, colui che è in grado di sviluppare da zero un sito web seguendo criteri di accessibilità, usabilità e comunicazione.
Web graphic designer, un esperto di progettazione grafica per i siti web.
Web Store Manager, il referente della gestione dell’attività ordinaria del sito e degli ecommerce.
Media planner, colui che analizza e sceglie i media di riferimento decidendo poi dove posizionare i messaggi e le campagne di comunicazione.
Digital communication specialist, segue lo sviluppo delle presenze del brand nei canali digitali, definendo campagne pubblicitarie e relative pianificazioni sui nuovi media.
Social Media Manager, gestisce le presenze del brand nei social media, sviluppando iniziative ad hoc per eventi e campagne.
Interaction designer, colui che progetta le varie tipologie di interazione tra l’utente e i disposti digitali e ne facilita la comprensione di utilizzo.
UI e UX architect, colui che analizza le sensazioni e azioni dell’utente (user experience) finalizzando la ricerca alla strutturazione di un’interfaccia grafica efficace (user interface).
Creative coder, è quel programmatore che applica le proprie capacità nello sviluppo di progetti artistici.
Multimedia artist, artista contemporaneo che unisce all’espressione artistica l’uso delle nuove tecnologie.
Sia come liberi professionisti e consulenti nell’ambito del web e della comunicazione online, sia presso agenzie di servizi o come designer interni alle aziende, avendo l’opportunità di inserirsi in strutture professionali quali web agency, agenzie di pubblicità e comunicazione, studi di progettazione digitale, reparti digitali interni.
IL PERCORSO DI STUDI PROSPETTIVE PROFESSIONALI
— Ekaterina Zhurkina- IPort
Il corso di studi ha l’obiettivo di formare professionisti che siano in grado di progettare e realizzare strumenti utilizzando i diversi linguaggi della comunicazione visiva contemporanea applicati a prodotti digitali quali siti internet, sistemi comunicativi interattivi e multimediali, applicazioni cross platform. I diplomati devono conoscere gli strumenti, le tecniche e le tecnologie funzionali allo sviluppo e alla progettazione di un sito web: i meccanismi percettivi e i sistemi cromatici, le tecniche di manipolazione delle immagini e della rappresentazione visiva, le tecnologie di sviluppo su piattaforme digitali e dispositivi interattivi, le tecniche di progettazione di layout visivi e funzionalità usabili lato utente. Il corso consente quindi l’apprendimento delle tecnologie di lavorazione digitale e di progettazione interattiva su piattaforma web, la sperimentazione attraverso temi progettuali specifici, lo sviluppo dell’autonomia nel processo di produzione di un sito e nel coordinamento delle diverse fasi di lavorazione dalla grafica alla programmazione all’interazione, l’acquisizione di conoscenze economico gestionali legate alla pratica professionale. Al termine del corso gli studenti potranno svolgere attività professionali legate alla programmazione, progettazione e attuazione degli interventi specifici della comunicazione visiva nel settore operativo legato alle nuove tecnologie e alle applicazioni del web contemporaneo.
Loading page Icons
iPhone application concept for yacht’s service “iPort” designed by Ekaterina Zhurkina
IED FIRENZE
8Professional Training Program
- W
EB D
ESIG
N |
Visu
al C
ommu
nica
tion
STRUTTURA DEL CORSO
Il percorso formativo adotta una metodologia didattica finalizzata all’inserimento nel mondo professionale, attraverso esperienze dirette di progettazione, finalizzate alla sperimentazione dei vari ambiti della comunicazione online e delle diverse aree espressive, attraverso esperienze pratiche guidate nei tre ambiti della comunicazione visiva:
• l’area espressiva, dove il messaggio e l’immagine prendono forma e diventano layout grafico, dal progetto visivo si arriva alla strutturazione del prodotto digitale
• l’area razionale, in cui si costruiscono prodotti digitali formati da grafica testo e funzionalità finalizzati ad una esperienza chiara e usabile da parte dell’utente, in cui ogni elemento ha un suo ruolo preciso, che deve trovare riscontro nel trattamento grafico e di scrittura del codice;
• l’area dell’interattività e della organizzazione delle informazioni a disposizione dell’utente, dove vengono analizzati gli aspetti fondamentali che portano alla realizzazione di un’interfaccia efficace funzionale e usabile.
Con cadenza annuale e in continuità con gli insegnamenti del percorso formativo gli studenti hanno la possibilità di sperimentare le competenze acquisite durante laboratori creativi in forma di workshop, legati allo sviluppo di linguaggi innovativi e secondo istanze contemporanee.
Il progetto di tesi è un progetto complesso e articolato, svolto in collaborazione con Enti e Aziende che interagiscono con IED con intenti di ricerca di soluzioni originali e innovative. (da ampliare)
Un modello formativo che costruisce valore sul confronto, lo scambio, la relazione tra gli studenti, i docenti e le imprese.
Il percorso formativo è articolato in quattro semestri, per una durata complessiva di 2 anni, ognuno dei quali con obiettivi specifici.
Il primo anno è dedicato alla propedeutica, ovvero all’acquisizione della formazione di base, dei riferimenti culturali specifici sull’evoluzione dei linguaggi del web, del design e dei new media; dei principi della psicologia della comunicazione visiva, che mette in relazione i meccanismi percettivi con le problematiche legate all’uso della forma e la conseguente elaborazione dei linguaggi creativi, l’acquisizione degli strumenti professionali (hardware e software) per l’ideazione del progetto, la conoscenza delle tecnologie e delle tecniche di sviluppo.
Durante il secondo anno lo studente acquisisce consapevolezza e competenza nelle specifiche aree professionali: le attività progettuali sono supportate dallo studio di discipline tecniche, in particolare design grafico e scrittura di codice finalizzati alla costruzione del sito web, gestione di contributi multimediali e interattivi, insegnamenti legati all’evoluzione dei linguaggi pubblicitari, dei mercati e dell’organizzazione professionale.
Il primo semestre del secondo anno rappresenta una peculiarità interna al corso in quanto viene strutturato come modulo di specializzazione in Interaction design dove lo studente avrà la possibilità di affrontare dal punto di vista sia progettuale che tecnico strumentale le avanguardie attuali del mondo del web declinato al mobile e all’interazione sempre più specifica e accurata dei prodotti digitali e multimediali.
IED FIRENZE
10Professional Training Program
- W
EB D
ESIG
N |
Visu
al C
ommu
nica
tion
I ANNOPSICOLOGIA DELLA COMUNICAZIONE VISIVA Capire i processi percettivi che
portano le immagini ad essere il
più potente veicolo di
comunicazione è essenziale per
comprendere le potenzialità
espressive contemporanee.
Verranno esaminate le teorie
della percezione in funzione
dello sviluppo di linguaggi
contemporanei applicati alla
comunicazione visiva e in modo
particolare ai new media.
GRAPHIC DESIGN ll corso fornisce le conoscenze
per un completo utilizzo dei
software grafci Adobe:
Photoshop per la gestione delle
immagini fotografche e la
creazione di grafca bitmap,
Illustrator per la creazione di
elementi di grafca vettoriale.
WEB COPYWRITING Essere in grado di produrre un
testo semanticamente corretto,
linguisticamente coinvolgente e
ottimizzato allo strumento web
è parte fondamentale del
progetto stesso, al fne di
produrre una comunicazione
coerente e valida. Prendendo in
esame i rapporti tra la parola e
l’immagine, durante il corso
vengono affrontate diverse
tecniche di scrittura orientate al
web. Particolare attenzione
viene data alla tagline (nome del
sito), il labelling (etichette di
navigazione) ai microcontenuti
testuali e alle parole chiave
(keyword), con lo scopo di
migliorare la comprensione dei
testi e la reperibilità da parte dei
motori di ricerca.
WEB DEVELOPMENT Verranno esaminate le
metodologie più diffuse per
gestire la programmazione web,
si affronteranno le tecniche per
creare applicazioni interattive
con HTML 5.0 utilizzato per
progettare e gestire contenuti
multimediali e grafci sul web.
Verranno approfonditi temi
legati ai CSS, allo sviluppo di
applicazioni per interfaccia
grafca e per web lato server.
VISUAL DESIGN Il corso esaminerà le applicazioni
della progettazione grafca,
concentrandosi sulle
caratteristiche essenziali del
layout visivo per il web
fnalizzato alla costruzione di
una corretta comunicazione.
Verranno studiati e sperimentati
i principi della teoria del colore e
dell’elaborazione dei linguaggi
creativi attraverso la forma. In
particolare, si acquisiranno
strumenti e metodi relativi
all’impostazione strutturale di
una corretta gerarchia degli
elementi partendo dallo studio
dell’organizzazione visiva.
USER INTERFACE & USER EXPERIENCE DESIGN Quando si ha a che fare con i
nuovi media, interattivi o meno,
c’è sempre la necessità di
progettare una interfaccia
utente. Fondamentale di fronte
ad un dispositivo non soltanto
l’azione quanto il sentimento:
user interface è quello che
l’utente vede, user experience è
quello che sente. Esaminando la
logica che sottende queste due
discipline e analizzando i campi
di applicazione, il corso getta le
basi per la comprensione e lo
sviluppo dell’esperienza utente. - E.
PIv
a
SEO Nel mondo del web è
fondamentale comprendere
quali sono i criteri con i quali i
motori di ricerca trovano e
classifcano le informazioni e
come fare per trarne vantaggio
attraverso strategie di
marketing ottimizzato per la
ricerca. Questo corso aprirà una
analisi sulle potenzialità delle
attività volte alla ottimizzazione
dei contenuti online, quali
pagine immagini o fle, e si
focalizzerà su come sviluppare
l’attidutine ad un continuo
aggiornamento degli strumenti
necessari per rimanere visibili
dai motori di ricerca.
ON LINE MARKETING STRATEGY & SOCIAL MEDIA MARKETING Il corso presenterà i concetti e la
terminologia del marketing in
ambito digitale, le nuove
modalità di comunicazione web
integrata, le principali pratiche
di social media marketing e le
metodologie in grado di
trasformare e generare valore
aggiunto per le imprese.
Verranno forniti gli strumenti
per impostare e comprendere
l’analisi che sottende un
progetto creativo di
comunicazione e la gestione
strategica nella pianifcazione e
nella valutazione delle decisioni
di marketing.
WEB DESIGN #1 Acquisire le conoscenze
teoriche, metodologiche e
operative per sviluppare un
progetto nell’ambito della
comunicazione on-line.
Partendo dall’architettura delle
informazioni si passa dal
mockup al layout del sito in
grafica. I contenuti progettuali
vengono strutturati secondo le
tecniche di impaginazione, la
scelta dei font, dei colori e delle
immagini grafche e fotografche
in relazione all’accessibilità. La
metodologia di progettazione
delle pagine web, gli strumenti
di editing (CSS) e la successiva
fase di sviluppo, fno ad arrivare
alla pubblicazione online e alla
manutenzione del sito
attraverso un cms.
Laboratori Creativi Workshop
Software Utilizzati Suite Adobe. Editor HTML / CSS,
Wordpress
II ANNOSEMIOTICA DEI NUOVI MEDIA L’analisi semiotica dei nuovi
media fornisce una visione che
in sé è strumento metodologico
di orientamento verso la
signifcazione dei prodotti
creativi contemporanei e
fornisce le basi per comprendere
gli sviluppi socio culturali legati
ai segni e alle leggi che ne
regolano le modalità
comunicative. Il corso offrirà una
panoramica storica sui nuovi
media e sugli stili comunicativi,
analizzandone gli sviluppi
culturali e le linee di continuità
che si sono succedute negli
ultimi decenni.
INTERACTION & MEDIA DESIGN Verranno analizzati i vari aspetti
dello sviluppo produttivo di un
progetto di media design
partendo dalle basi teoriche
della relazione attiva tra utente
e dispositivo fno ad arrivare
all’esplorazione e all’applicazione
degli strumenti attuali più
versatili per la creazione di
ambienti interattivi.
CREATIVE WEB DEVELOPMENT Verranno gettate le basi di
programmazione creativa per
poter gestire via codice i progetti
sviluppati per piattaforma web,
visualizzazione di prodotti,
esplorazione in tempo reale e
gestione contenuti, soluzioni
industriali per piattaforme web e
mobile. Si introdurranno temi
legati alla usabilità.
Strumenti e linguaggi utilizzati :
C# e Unity3d
CREATIVE CODING Verranno analizzati gli sviluppi
contemporanei dei nuovi media
e dell’arte interattiva. Il corso
intende porre al centro la
creatività in senso lato e
partendo dal codice o dal
software verranno esaminati e
sperimentati concetti come la
rete, lo spazio, il gesto e
l’interazione intesi seguendo
paradigmi di visione innovativa
della realtà.
PROGETTAZIONE MULTIMEDIALE L’approccio del corso è di forte
simulazione professionale: dal
briefng al “prodotto fnito”, viene
svolto un percorso
metodologicamente corretto
nelle sue varie fasi, tenendo in
considerazione sia l’approccio
concettuale che gli aspetti
tecnici e linguistici specifci degli
strumenti e dei contesti in cui il
progetto viene sviluppato,
integrando coerentemente le
specifcità dei vari media.
3D COMPUTER GRAPHIC (WEB GL) Verranno gettate le fondamenta
per comprendere le tecnologie
attuali e future della 3D CG
(Computer Graphic ) applicata al
web, creando una sinergia tra
teoria e pratica.
Scopo del corso è quello di
analizzare le forme che può
assumere un sistema visivo per
applicazioni web/desktop/
mobile e progettare come si
trasforma un’idea in
un’applicazione funzionante.
WEB DESIGN #2 Il corso mira a consolidare
l’esperienza progettuale tramite
la realizzazione di un sito web
dalla progettazione del layout
grafco alla sua costruzione
tramite CMS open-source per la
creazione di un template
personalizzato ad hoc e si
comprenderanno le
trasformazioni del linguaggio
visivo, le implicazioni
semantiche e le tecniche di
sviluppo applicate alla
progettazione web.
ORGANIZZAZIONE E SVILUPPO PROFESSIONALE Il corso presenterà le
panoramiche occupazionali del
settore e fornirà le informazioni
necessarie allo sviluppo di una
propria professionalità.
Mansioni e dinamiche di
agenzia, come mettersi in
proprio, elaborazioni di
preventivi e quantifcazione del
proprio lavoro. Particolare
attenzione verrà data
all’organizzazione del proprio
portfolio e degli strumenti
necessari per il debutto nel
mondo del lavoro.
Laboratori Creativi Workshop
Software Utilizzati Suite Adobe ( Adobe Photoshop,
Adobe Illustrator) Editor HTML /
CSS, Wordpress. C#, Unity 3D
IED FIRENZE
14Professional Training Program
- W
EB D
ESIG
N |
Visu
al C
ommu
nica
tion
For the new logo first i decided to balance everything using a common stroke between the exagon and the anchor, then i redesigned the anchor more narrow and with more balance inside it, in the end i chose Gotham font for the script
Logo ReDesign
SURF CULTUREIcon Design
Icon Design
Search Spot page
TYPE HEREto start doing
a search
TAP HEREIf you want to save this spot as a favourite
TAP HEREIf you want to select this spot
— Jacopo Cosmelli- SC Spot App
DIVENTARE STUDENTE IED È SEMPLICE Per capire quale percorso sia meglio per te o per approfondire il percorso della professione che vuoi intraprendere, IED mette a tua disposizione un Advisoral quale potrai chiedere un colloquio di orientamento gratuito e che ti seguirà durante tutto il Processo di Ammissione e Iscrizione.
Per chiarirti le idee e iniziare a conoscerci meglio, IED ti consiglia di chiedere un colloquio di orientamento gratuito in Sede.
Processo di Ammissione
Scelto il Corso potrai iniziare il processo di Ammissione necessario all’iscrizione. Contatta la Sede di erogazione del corso per fissare il Colloquio Motivazionale di Ammissione. Una volta ammesso, potrai completare la tua immatricolazione versando la Tassa di Iscrizione. Sarai così ufficialmente uno studente IED.
Tutti i Corsi IED sono a numero chiuso e hanno un massimo di 25 studenti per classe, questo per poter garantire un alto livello qualitativo e un’efficace e stimolante collaborazione tra docenti e studenti. Le iscrizioni sono aperte fino al 30 settembre, tuttavia i posti disponibili sono limitati, IED consiglia di formalizzare l’iscrizione nel minor tempo possibile.
ied.it/come-iscriversi
Ritratto Poligrafico a cura diLaura Moretti & Claude Marzotto Foto di Bianca Sangalli
IED FIRENZE
16Professional Training Program
- W
EB D
ESIG
N |
Visu
al C
ommu
nica
tion