Photoshop-ban lehet a legigényesebben megtervezni egy weboldal designját. Eredményként kapunk egy PSD fájlt, és azt már könnyedén át lehet ültetni Html+CSS-be. Figyelembe kell venni a reszponzivitást és ezért a projekt, amit a hat alkalmas képzés alatt végigviszünk, egy 12 oszlopos Bootstrap-re szabott web design lesz. A képzés során minimális tudásról jut el a tanuló oda, hogy egy professzionális projektet egyedül végig tud vinni. A projekt maga nem éppen a legegyszerűbb, mivel így lehet igazán sokat tanulni.
Bevezetés:
weboldalak ergonómiája
hogyan ad el a webdesign
befogadó esztétika a webes világban - mi az, ami emészthető az emberi agynak
milyen fajta a weblapokra van igény
mit hol találsz
Szakmai trükkök:
2020-as webdesign trendek
UI és UX a gyakorlatban
Tipográfia: a megfelelő betűstílus a megfelelő helyre
A Photoshop leghasznosabb billentyűzet kombinációi webdesign készítéshez
Az Adobe XD alkalmazása mobil webdesign készítéshez
Gyakorlati projekt
(1 főoldal minden funkcióval):
Készítsünk lenyűgöző webdesign-t annak érdekében, hogy a látogató ne akarjon csak úgy tovább lépni az oldalról!
psd minták és annak forrása
betűtípusok, azok keresése és telepítése
színek: divatos és klasszikus színpárosítások
a tökéletes background megteremtése
tervezzük meg a header-t
szemhökkentő strip megalkotása
tartalom: ízléses és visszafogott, de professzionális
képek beillesztése, körülvágása, keretezése
szöveg csíkok, szöveg dobozok, vonalak és gombok elhelyezése
social media ikonok, kapcsolat boxok, feliratkozási lehetőségek
5 perc logo - hogyan készíts a megrendelőidnek 20 látványtervet pár perc alatt