Adobe Photoshop pentru design web
De Arturo Servín , Designer web
Adobe Photoshop pentru design web
Noțiuni de bază despre Domestika · 6 cursuri incluse
Acest curs este actualizat pentru a include noi funcții Adobe Photoshop și pentru a vă face învățarea cât mai completă posibil.[/textbox] [textbox type=alert]Există multe instrumente pentru proiectarea unui site web, dar unul dintre ele este cel mai cuprinzător și anume Adobe Photoshop. În acest curs de 6 cursuri de Noțiuni de bază despre Domestika, Arturo Servín - designer grafic specializat în design web și instructor certificat Adobe - vă va învăța pas cu pas cum să utilizați Photoshop pentru a proiecta și a aranja într-un mod simplu și fără probleme.
Dacă numele profesorului vă sună familiar, probabil este din cauza primei sale sesiuni Domestika Basics: Introducere în Adobe XD pentru aplicații mobile , unde își împărtășește cunoștințele despre cum să proiectați aplicații de la zero pentru iOS și Android.
Vei începe acest curs prin a învăța elementele de bază ale programului: de la învățarea modului de configurare a interfeței la crearea de documente noi și începerea proiectării site-ului web pentru diferite dispozitive.
În continuare, veți învăța cum să vă aranjați site-ul web folosind ghiduri și ghiduri inteligente, care vă vor permite să creați o grilă pentru a defini și tuturor secțiunilor paginii.
Vei continua al treilea curs punând ordinea în prim-plan. Vei vedea cum funcționează straturile pentru a menține toate elementele organizate și vei învăța diferitele opțiuni de poziționare a obiectelor, optimizând astfel performanța designului tău web.
În al patrulea curs, vei aprofunda lumea tipografiei ecranizate. Vei descoperi fonturile optime pentru web și vei învăța cum să editezi textul pentru a-i da formatare și stil folosind instrumentele Photoshop.
În continuare, Arturo îți va explica tot ce trebuie[/i] știi despre designul [i]. În acest fel, vei ști cum să optimizezi aspectul site-ului tău web în funcție de modelul telefonului mobil sau al tabletei tale, păstrând designul intact și adaptându-se întotdeauna la orice dispozitiv.
În ultimul curs, veți învăța cum să generați resurse pentru site-ul dvs. web, să explorați formatele de export al fișierelor, să creați stiluri CSS și multe altele. Acest curs vă va ajuta să lucrați cu echipa de dezvoltare pentru a rafina și îmbunătăți site-ul dvs. web.
- ⦁ Un computer cu Windows 10 sau macOS 10.12 Sierra (sau o versiune ulterioară).
⦁ Adobe Photoshop CC (îl puteți achiziționa sau descărca versiunea de probă de 7 zile de pe site-ul Adobe).
⦁ Se recomandă o tabletă grafică.
- 99% recenzii pozitive ( 353 )
- 1 elev
- 1 lecție ( 1 oră 1 metru )
- 1 curs
- 1 descărcare (1 fișier)
- Online și în ritmul tău propriu
- Disponibil în aplicație
- Sunet: Spaniolă, Engleză, franceză, italian, Portugheză, turc
- Spaniolă · Engleză · Portugheză · german · franceză · italian · Lustrui · Olandeză · turc · Română · Indoneziană
- Nivel: Începător
- Acces nelimitat pentru totdeauna
Software și instrumente recomandate pentru acest curs
Adobe PhotoshopRecenzii
Arturo Servín
De Arturo Servín
Monky este un designer grafic specializat în design web. A lucrat ca designer web pentru revista a! Diseño, pentru brandul mexican de design Tixinda și a colaborat cu Dr. Morbito la diverse proiecte web. Timp de mai mulți ani, a făcut parte din echipa ...
Conţinut
Curs 1 – Principii de bază
-
U 1
Bun venit
-
Bun venit
-
-
U 2
Interfața Adobe Photoshop pentru design web
-
Interfața Adobe Photoshop pentru design web
-
-
U 3
Document nou pentru web, mobil și alte dispozitive
-
Document nou pentru web, mobil și alte dispozitive
-
-
U 4
Măsurători generale ale unui site web
-
Măsurători generale ale unui site web
-
-
U 5
Practică: Creați dimensiunile totale ale ecranului unui site web
-
Practică: Creați dimensiunile totale ale ecranului unui site web
-
Curs 2 – Aspectul site-ului web
-
U 1
Avantajul utilizării liniilor de ghidare
-
Avantajul utilizării liniilor de ghidare
-
-
U 2
Grile pentru proiectarea unui site web pe computer
-
Grile pentru proiectarea unui site web pe computer
-
-
U 3
Grile pentru designul site-urilor web mobile
-
Grile pentru designul site-urilor web mobile
-
-
U 4
Diagrama grafică generală a unui site web
-
Diagrama grafică generală a unui site web
-
-
U 5
Practică: Generați structura generală de design a site-ului dvs. web
-
Practică: Generați structura generală de design a site-ului dvs. web
-
Curs 3 – Lucrul cu straturi
-
U 1
Editarea straturilor
-
Editarea straturilor
-
-
U 2
Grupuri de straturi
-
Grupuri de straturi
-
-
U 3
Obiecte încorporate VS. obiecte legate
-
Elemente încorporate și legate în Photoshop
-
-
U 4
Obiecte inteligente
-
Obiecte inteligente
-
-
U 5
Formulare
-
Formulare
-
-
U 6
Alinierea elementelor
-
Alinierea elementelor
-
-
U 7
Practică: Proiectați pagina principală a site-ului dvs. web
-
Practică: Proiectarea paginii principale a site-ului web - Partea 1
-
Practică: Proiectarea paginii principale a site-ului web - Partea a 2-a
-
Curs 4 – Tipografie
-
U 1
Fonturi pentru design web
-
Fonturi pentru design web
-
-
U 2
Instrumente tipografice
-
Instrumente tipografice
-
-
U 3
Stiluri de caractere
-
Stiluri de caractere
-
-
U 4
Stiluri de paragraf
-
Stiluri de paragraf
-
-
U 5
Navigare pe computer vs. navigare pe mobil
-
Navigare pe computer vs. navigare pe mobil
-
-
U 6
Practică: Proiectați meniul de navigare al site-ului web
-
Practică: Proiectarea meniului de navigare al site-ului web - Partea 1
-
Practică: Proiectarea meniului de navigare al site-ului web - Partea a 2-a
-
Curs 5 – Design Responsiv
-
U 1
Mărci diferite, ecrane diferite
-
Mărci diferite, ecrane diferite
-
-
U 2
Adaptarea designului la tablete
-
Adaptarea designului la tablete
-
-
U 3
Adaptarea designului la dispozitivele mobile
-
Adaptarea designului la dispozitivele mobile
-
-
U 4
Vertical VS. orizontal
-
Vertical VS. orizontal
-
-
U 5
Practică: Ajustați designul site-ului web pentru tabletă și mobil
-
Practică: Ajustați designul site-ului web pentru tabletă și mobil
-
Curs 6 – Generarea de resurse
-
U 1
Diferența dintre JPG, PNG și SVG
-
Diferența dintre JPG, PNG și SVG
-
-
U 2
Exportați o imagine pentru web
-
Exportați o imagine pentru web
-
-
U 3
Exportul unui stil CSS dintr-un obiect
-
Exportul unui stil CSS dintr-un obiect
-
-
U 4
Exportul unui stil CSS tipografic
-
Exportul unui stil CSS tipografic
-
-
U 5
Generați resurse dintr-un strat
-
Generați resurse dintr-un strat
-
-
U 6
Generați resurse dintr-un grup de straturi
-
Generați resurse dintr-un grup de straturi
-
-
U 7
Multiformate cu un singur clic
-
Multiformate cu un singur clic
-
-
U 8
Practică: Generați resursele site-ului web
-
Practică: Generați resursele site-ului web
-
Vedeți conținutul cursurilor 6
Despre Domestika Basics
Domestika Basics este o serie de cursuri axate pe predarea celor mai utilizate programe software de către profesioniștii creativi din întreaga lume.
Conținutul a fost meticulos selectat și este destinat atât studenților care intră într-un nou domeniu creativ, cât și profesioniștilor mai experimentați care doresc să își perfecționeze abilitățile.
Învață cu cei mai buni profesori Domestika prin lecții practice, o mulțime de resurse și o dificultate progresivă care îți va permite să vezi rezultate încă din prima zi.
Domestika Basics îți va permite să-ți îmbunătățești calitățile profesionale și să fii pregătit să obții rezultate mai bune pentru proiecte.
-
Fără cunoștințe prealabile.
Domestika Basics îți oferă tot ce ai nevoie pentru a începe într-un nou domeniu creativ și a deveni expert în acesta.
-
Concentrat pe instrument.
Descoperă principalele sale componente, tehnici și metodele încercate de care ai nevoie pentru a o stăpâni.
-
Învață repede
Cu o abordare simplă, pas cu pas, profesioniștii noștri remarcabili vă vor învăța cum să profitați la maximum de program.
-
Certificate Plus
Dacă ești membru Plus, primești un certificat personalizat semnat de profesorul tău pentru fiecare curs. Distribuie-l în portofoliul tău, pe rețelele sociale sau oriunde dorești.
Adobe Photoshop
Muy bien estructurrado el curso, facil de seguir y ayuda mucho para entender la logica del diseno web, aunque sin saber Photoshop esta muy bien explicado, al final da las bases para empezar a disenar sitios web de manera profesional!
Muito bom 👍
Very informative and lots of details.
Excelente curso, muy bien explicadas tosas las unidades, he aprendido muchisimo sobre Photoshop.
Buenisimo!!