Faccio sempre
ciò che non so fare
per imparare
come va fatto.

Vincent Van Gogh

Fondamentali di Web Design: Modi semplici per realizzare siti creativi partendo da zero.

CREATIVITÀ
è la parola chiave?

Passo dopo passo,
vedremo come svilupparla.

Non esistono regole, solo nozioni da assimilare.

Piccola nozione di un grande Designer Italiano
by Enzo Mari.


Il Web Designer
non si limita a disegnare,
progetta esperienze d'interazione.

Usability - UX/UI - GUI

Prima di progettare/disegnare ogni singolo elemento, dobbiamo capire le esigenze del cliente, il target di riferimento e soprattutto il contesto in cui stiamo sviluppando.

Analisi e ricerca saranno le qualità principali che ci aiuteranno a distinguerci, sviluppando siti e interfacce uniche mantenendo usabilità e intuitività.

Spesso il 100% non basta…

Quali sono le caratteristiche che ci servono per far bene il nostro lavoro di Web Designer e le abilità che ci andranno a distinguere?

Problem solving
0%
R&D
0%
Creativity
0%

CAPABILITIES

Nozioni base di UX/UI Design

Obiettivo del corso:
dare tutte le nozioni base
per poter iniziare a intraprendere
la carriera del Web Designer.

Il segreto è nei dettagli.

CALENDARIO / INDEX

Web Design: Blocchi e Lezioni

Un indice schematizzato in 4 giornate a blocchi da 3 ore, di tutti quelli che saranno gli argomenti e i temi che andremo a trattare in questo corso.

WEB DIGITAL TOOLS
Lezione 01 - Parte I

| 10:00 - 13:00 |

/ F : 001

  • Introduzione agli strumenti di disegno digitale e alle piattaforme di sviluppo per la creazione di pag. Web (Illustrator/ XD , Figma, Sketch, Justin mind)
  • Le combinazioni dei Tool (in base al lavoro che andrete a fare, inizieremo a capire quali sono gli strumenti giusti o le combinazioni di strumenti più adatti al nostro modo di lavorare)
  • Differenza tra vettoriale e raster – come gestire i file – cosa usare
  • Web Design: Front e Back-end Developer (quanto può incidere la programmazione)

/ F : 002

/ F : 003

  • Iniziamo a preparare i primi content, disegniamo un set di icone:
      • Set di icone vettoriali
      • Conversione e compressione raster
CMS: COSA SONO ?
Lezione 01 - Parte II

| 14:00 - 17:00 |

/ F : 004

  • CMS: Cosa sono?
  • Perché WP?
  • Come scegliere un “Theme” e cos’è

/ F : 005

/ F : 006

  • Creiamo un Layout per una pagina.
      • Struttura
      • Pulsanti e call to action
      • I contenuti (Immagini, Video, Testo, altro)

WEB DIGITAL TOOLS
Lezione 01 - Parte I

| 10:00 - 13:00 |

/ F : 001

  • Introduzione agli strumenti di disegno digitale e alle piattaforme di sviluppo per la creazione di pag. Web (Illustrator/ XD , Figma, Sketch, Justin mind)
  • Le combinazioni dei Tool (in base al lavoro che andrete a fare, inizieremo a capire quali sono gli strumenti giusti o le combinazioni di strumenti più adatti al nostro modo di lavorare)
  • Differenza tra vettoriale e raster – come gestire i file – cosa usare
  • Web Design: Front e Back-end Developer (quanto può incidere la programmazione)

/ F : 002

/ F : 003

  • Iniziamo a preparare i primi content, disegniamo un set di icone:
      • Set di icone vettoriali
      • Conversione e compressione raster
CMS: COSA SONO ?
Lezione 01 - Parte II

| 14:00 - 17:00 |

/ F : 004

  • CMS: Cosa sono?
  • Perché WP?
  • Come scegliere un “Theme” e cos’è

/ F : 005

/ F : 006

  • Creiamo un Layout per una pagina.
      • Struttura
      • Pulsanti e call to action
      • I contenuti (Immagini, Video, Testo, altro)

IL LATO OSCURO DELLA FORZA
Lezione 03 - Parte I

| 10:00 - 13:00 |

/ F : 001

  • Nozioni fondamentali lato server
    • Hosting – configurazione Server Linux
  • Editor a blocchi, cosa sono come funzionano.
  • Copy & SEO (Base) SITE map e YOST
  • Il codice è fondamentale per le finiture particolari (HTML,CSS) aspetto animazione grafica (Js)

/ F : 002

/ F : 003

  • Iniziamo a disegnare con WP
    • Visual Composer – WP Bakery | Elementor | Muffin | Altro
    • Sezione o Riga | Colonne | immagini, testi , Pulsanti e call to action
DESIGN
Lezione 04 - Parte I

| 10:00 - 13:00 |

/ F : 001

  • Ripassiamo tutte le nozioni acquisite
  • Vediamo alcuni tool online per analisi, performance e monitorino dei siti

/ F : 002

  • Ultimiamo la Landing Page in WP e testiamola
    • Wp-Bakery o Elementor
    • Pulsanti e call to action

/ F : 003

  • Responsività
  • Revisione
  • Test
  • Analytics e Pixel FB

This website stores cookies on your computer. Cookie Policy