Specializare în crearea de site-uri web fără cod

Rezumatul cursului

• U 1: Inspirație

  • Introducere

  • Influențe | Juan Mora

  • Influențe | Filip Felbar

  • Influențe | Jan Losert

  • Influențe | Mónica Durán

  • Influențe | Isa Macías

• U 2: Design UX UI pentru pagini de destinație: Spune o poveste unică

  • Tipuri de pagini de destinație

  • Ce este o pagină de destinație bună?

  • Ce este ierarhia în conținut?

  • Contrast, echilibru vizual și regula celor 3 secunde

  • Rezumatul și cum să cercetezi

  • Structura conținutului pentru o pagină de destinație

  • Cum să creezi un mood board

  • Tipografia potrivită

  • Crearea istoriei

  • Pune tot materialul pe pânză!

  • Creați resursele de care aveți nevoie pentru pagina dvs. de destinație

  • Definiția designului

  • Perfecționarea designului: feedback

  • Prezentare client

• U 3: Sisteme de proiectare pentru site-uri web folosind Figma

  • Introducere în sistemele de proiectare

  • Cum vă pot ajuta sistemele de design să accelerați fluxul de lucru

  • Introducere în proiect și abordare

  • Configurarea fișierului Figma și începerea primelor explorări 1

  • Configurarea fișierului Figma și începerea primelor explorări 2

  • Extinderea Sistemului de Explorări și Design 1

  • Extinderea Sistemului de Explorări și Design 2

  • Organizarea sistemului de design Pagini 1

  • Organizarea Sistemului de Design Pagini 2

  • Explorarea variantelor la crearea componentelor

  • Rafinarea sistemului de design cu o pagină asamblată 1

  • Rafinarea sistemului de design cu o pagină 2 asamblată

  • Rafinarea sistemului de design cu o pagină 3 asamblată

  • Configurarea paginilor noi cu sistemul complet de design 1

  • Configurarea paginilor noi cu sistemul complet de design 2

  • Configurarea paginilor noi cu sistemul complet de design 3

  • Cum să abordezi crearea documentației pentru sistemul de proiectare

  • Curățarea și utilizarea unui aspect automat

  • Utilizarea designului pe alte elemente de brand

  • Gânduri finale

• U 4: Creare site web cu Webflow: Construiește un site fără cod

  • Introducere în No-Code

  • Caracteristici principale Webflow

  • Proiecta

  • Ghid de stil

  • Crearea Ghidului de Stil 1

  • Crearea Ghidului de Stil 2

  • Secțiunea Eroilor

  • Navigare

  • Secțiunile 1 ale studiului de caz

  • Secțiunile 2 ale studiului de caz

  • Secțiunea 1 a colajului

  • Secțiunea 2 a colajului

  • Secțiunea Clienți și Formular Simplu de Newsletter

  • Subsol

  • Vizualizare tabletă

  • Vizualizare mobilă peisagistică și portret

  • Formulare de testare

  • Interacțiuni

  • Optimizare SEO și Găzduire

  • Întreținere, Editor și Panou de resurse

  • Explorează CMS-ul

• U 5: Crearea unui site web pe Squarespace

  • Definirea obiectivului și structurii site-ului nostru web P1

  • Definirea obiectivului și structurii site-ului nostru web P2

  • Stilul general al site-ului nostru

  • Crearea, organizarea și pregătirea fișierelor grafice

  • Modificări ale interfeței blocului de conținut Squarespace

  • Cum să alegi șablonul pentru site-ul tău web

  • Setări inițiale în Squarespace

  • Crearea paginilor în Squarespace: Proprietăți și setări

  • Blocuri de conținut în Squarespace

  • Secțiuni de pagină în Squarespace

  • Design și configurare a paginilor Acasă, Servicii, Despre mine și Contact P1

  • Design și configurare a paginilor Acasă, Servicii, Despre mine și Contact P2

  • Design și configurare a paginilor Acasă, Servicii, Despre mine și Contact P3

  • Configurarea paginii de portofoliu P1

  • Configurarea paginii de portofoliu P2

  • Configurarea blogului P1

  • Configurarea blogului P2

  • Configurarea blogului P3

  • Crearea subsolului și ajustarea navigării principale

  • Setarea fonturilor și culorilor pentru site-ul P1

  • Setarea fonturilor și culorilor pentru site-ul P2

  • Configurarea imaginilor și a altor setări

  • Bonus: Stiluri web în Squarespace 7.0

  • Setări de marketing

  • Setări generale de confidențialitate

  • Să facem public site-ul P1

  • Să facem site-ul P2 public

  • Urmărirea analizelor site-ului

• U 6: Design web fără cod cu Elementor și WordPress

  • Referințe vizuale: unde să cauți inspirație

  • Harta site-ului și ghidul de stil

  • Pregătirea propunerii de design 1

  • Pregătirea propunerii de design 2

  • Noțiuni introductive despre WordPress

  • Instalați Elementor

  • Cunoașterea Elementor 1

  • Cunoașterea Elementor 2

  • Antet și subsol 1

  • Antet și subsol 2

  • Pagina principală

  • Șablon pentru proiecte 1

  • Șablon pentru proiecte 2

  • Arhiva proiectului

  • „Despre” și „Contact”

  • Pagini secundare: confidențialitate, 404 și întreținere

  • Testați și lansați site-ul web

  • Actualizare site

• Proiect final

  • Specializare în crearea de site-uri web fără cod

Proiecte recente