Web Design: Be Responsive!
Un corso di Francisco Aveledo, web designer
Impara a disegnare il tuo portfolio web responsive
Il mondo del web si muove in responsive modo che possa essere visto sia su cellulare, tablet e desktop, quindi Francisco Aveledo di FA Design, ti insegnerà come progettare un sito web originale o il tuo portfolio, da il concetto alla sua preparazione per un programmatore per renderlo una realtà.
Creando il tuo portfolio online, imparerai i passaggi più basilari per progettare siti web fino a lasciare il file pronto per il programmatore, e entrerai anche in " Responisve Web Design ", il metodo più utilizzato attualmente che consente al tuo design di adattarsi a tutti i dispositivi.
Allontanati dai tipici portafogli predefiniti creando il tuo da zero e muovi i primi passi nel web design.
Cosa imparerai in questo corso online?
17 lezioni & 23 download
Cosa include questo corso?
Per iniziare l'avventura della creazione del tuo sito, FA Design ti fornirà un'introduzione al web design e ai portfolio online, con una spiegazione sul "Responsive Web Design" dove imparerai perché questo è attualmente il modo più comune di progettare siti web. Successivamente, organizzerai il contenuto del portfolio web e realizzerai gli schizzi su carta dell'architettura dell'informazione, fondamentalmente dei 'wireframe' fatti a mano. A tal fine, utilizzerai una griglia come base del progetto; Questo ti aiuterà a mantenere una logica a livello strutturale e sarà molto utile per il programmatore che imposterà il sito.
Praticherai un vero processo di lavoro con tutti i tasti in modo che il web sia fluido e facile da usare. Infine, vedrai alcuni suggerimenti su come preparare i file Photoshop da utilizzare in seguito da un programmatore, sarà lui che darà vita al design. Riceverai anche consigli su come promuovere il sito web una volta impostato e online.
- 91% valutazioni positive (259)
- 3.770 allievi
- 17 lezioni (1h 49m)
- 23 risorse aggiuntive (12 file)
- Online al tuo ritmo
- Disponibile sull'app
- Audio: Spagnolo
- Spagnolo · Inglese · Portoghese
- Livello: Principiante
- Acceso illimitato per sempre
Software e strumenti consigliati per questo corso
Adobe PhotoshopQual è il progetto del corso?
Il progetto finale del corso consisterà nella creazione del visual design di un portfolio web per un programmatore per realizzarlo. Inizierai dall'ideazione dell'idea alla preparazione dei file che potranno essere utilizzati da un programmatore per impostare successivamente il web.
I portfoli web di solito non sono siti complessi ed è un progetto molto utile per qualsiasi creativo, perfetto per iniziare nell'area del responsive design in modo che possa essere visto da qualsiasi dispositivo (mobile, tablet o desktop).
Progetti di allievi del corso
A chi è rivolto questo corso online?
Questo corso è rivolto principalmente ai creativi in genere che vogliono muovere i primi passi nel mondo del web design. Può anche essere utile per alcuni programmatori che hanno bisogno di approfondire la fase creativa dei loro progetti.
Requisiti e materiale
Per fare questo corso avrai bisogno di principi base di progettazione grafica, un taccuino per disegnare e un livello medio di Photoshop. Non è necessario avere conoscenze di web design, solo un'idea di base con l'esperienza di navigazione in Internet.
Recensioni
Francisco Aveledo
Un corso di Francisco Aveledo
Mi chiamo Francisco Aveledo e lavoro come grafico con il nome FA Design. La mia specialità è il web design e l'immagine aziendale, anche se copro altre aree del design. Mi dedico al design da più di 15 anni, molti anni di studio e gli ultimi 6 anni da solo.
Sono sempre stato appassionato di design digitale, anche se apprezzo molto anche la parte tradizionale del design, poiché ho avuto l'opportunità di imparare entrambi. Da quando studiavo design mi piaceva l'idea di progettare per lo schermo, organizzare i contenuti e visualizzarli in modo efficiente. Ho lavorato a molti progetti, sia web, stampa, movimento e altre superfici digitali come le applicazioni di servizi di televisione digitale.
Contenuti
-
U1
Introduzione al Web Design
-
FA Design e web design
-
Basi del web design
-
Ispirazione
-
Web design reattivo
-
-
U2
Informazione architettura
-
Organizza i contenuti
-
Wireframing
-
La rete (sistema Grid)
-
-
U3
Concetto e visual design
-
Concetto grafico
-
Costruisci il web
-
Definisci gli elementi grafici
-
Variazioni del fondo
-
Definisci istanze
-
Progetta il resto degli schermi
-
Definisci funzioni reattive
-
-
U4
Prepara i file per lo sviluppatore
-
Il programmatore
-
Pulisci e organizza
-
Promuovi il tuo sito web
-
-
PF
Progetto finale
-
Web design: sii reattivo!
-
Cosa aspettarsi da un corso Domestika
-
Impara al tuo ritmo
Divertiti imparando comodamente da casa e senza orari. Sei tu a decidere quando seguire le lezioni.
-
Impara dai migliori professionisti
Impara i metodi e le tecniche più utili insieme ai migliori professionisti del settore creativo.
-
Conosci insegnanti di grande esperienza
Ogni insegnante ti trasmetterà le sue conoscenze con passione e spiegazioni chiare, offrendoti una prospettiva professionale in ogni lezione.
-
Attestati
PlusSe hai un abbonamento Plus, riceverai un attestato personalizzato firmato dall'insegnante per ogni corso completato. Condividilo sul tuo portfolio, sui social network o dove desideri.
-
Siediti in prima fila
Con i nostri video di alta qualità, non ti perderai neanche un dettaglio. Grazie all'accesso illimitato, puoi vedere ogni lezione tutte le volte che vuoi e perfezionare le tue abilità.
-
Condividi conoscenze e idee
Fai domande, chiedi pareri e offri soluzioni. Condividi la tua esperienza di apprendimento con gli altri allievi della community appassionati di creatività.
-
Interagisci con una community creativa globale
La community di Domestika è composta da milioni di utenti di tutto il mondo: persone curiose, piene di voglia di esplorare ed esprimere la propria creatività.
-
Segui corsi prodotti da veri professionisti
Domestika seleziona gli insegnanti con cura e produce ogni corso internamente, per garantirti un'esperienza di apprendimento online di eccellente qualità.
Domande frequenti
Imparerai a strutturare pagine web, usare griglie, creare menu, progettare header e footer, applicare design responsive, organizzare contenuti con wireframe e preparare file per gli sviluppatori, concentrandoti su portfolio professionali e siti visivamente accattivanti.
Il corso è di livello intermedio. È ideale se hai già conoscenze base di web design o esperienza con strumenti di grafica come Photoshop.
Serve una conoscenza base del design digitale e l’uso di programmi come Photoshop. È consigliata familiarità con concetti di web design e navigazione internet.
Il corso ti guida passo dopo passo nella strutturazione, nel design visivo e nell’organizzazione di progetti per un portfolio web, usando esempi reali e tecniche di ispirazione per valorizzare il tuo lavoro online.
Si usano principalmente Photoshop e strumenti online per creare griglie, simulatori di dispositivi e wireframe sia manuali che digitali.
Sì, imparerai a creare strutture flessibili, adattare menu, colonne e contenuti in base al dispositivo e verificare la visualizzazione responsive con strumenti e simulatori.
Apprenderai come applicare griglie a colonne e wireframe per distribuire e gerarchizzare i contenuti, ottenendo una struttura visiva coerente e facile da navigare.
Adobe Photoshop
Me ha gustado, es sencillo.
La explicación que tiene es muy concreta y precisa haciendo entender todo el contenido de manera correcta y así mismo incitando a el aprendizaje autónomo
I loved the grid system in this topic. Love to know more about it
Buenísimo.
Excelente