Kiemelt linkek:
Cél
- Webszövegírás módszerének megértése
- Figma UI design szoftver megismerése
- Drótváz készítés folyamatának lépései
Feladat
Drótváz elkészítése Figma-val a következő projekteknél
- Széphegyi Csaba – Coach
- Sipos Eliza – Kozmetikus
Lépések a 2. házi feladat elkészítéséhez
1. Weboldal tervezés kurzus megfelelő moduljainak megnézése (kb. 3.5 óra)
A Webtervezés kurzus alábbi moduljait kell feldolgoznod, hogy meg tudd oldani a feladatot:
- Webdesign és webszövegírás stratégiai lépések
- WPKurzus UI Drótváz Csomag
- Webszövegírás
- Webdesign megtervezése
2. Saját Figma design fájlok létrehozása (kb. 10 perc)
- A Webtervezés kurzus megfelelő leckéjéből vagy a letöltéseknél töltsd le a WPKurzus UI Drótváz Csomagot.
- Duplikáld a fájlt 2×.
- Nevezd el őket az adott projektként, amit építeni fogsz rajta.
Ezek lesznek a kezdő design fájljaid, amiben dolgozni fogsz a drótvázaidon.
3. Végső designok megnézése és megvizsgálása (kb. 30 perc)
A design tanulása leghatékonyabban akkor megy, ha lemásolsz már kész műveket.
Itt az idő, hogy találkozz azokkal az oldalakkal, amelyeknek most még csak a drótvázát kell elkészítened. Később összerakod majd a végleges designt is és persze majd fel is építed őket WordPress-ben.
Végső gyakorlati feladat weboldalak:
Ezekkel fogunk dolgozni a következő hetekben…
4. Drótváz elkészítése (kb. 2 óra)
Az igazi feladat most következik. Mindkét projektnél tedd meg a következő lépéseket!
- Készíts teljes oldalas képernyőfotót a végső weboldalból, és töltsd le a képet a gépedre (Awesome Screenshot, Nimbus Screenshot, Full Page Screenshot vagy egyéb bővítményekkel)
- Töltsd be a lefotózott képet a weboldalról a Figma Design fájlba és tedd amellé a Frame mellé, amiben fel fogod építeni a drótvázat
- A WPKurzus UI Drótváz Csomag szakaszaiból válaszd ki azokat, amelyekből a legkönnyebben fel lehetne szerinted építeni a szakaszokat és rakosgasd őket egymás után. Ha nem találsz pontosan ugyanolyat, akkor se ess kétségbe, hanem próbáld meg a legközelebbit kiválasztani.
- Tedd sorrendbe a Frame-en belül a Layereket / Rétegeket és nevezd el őket valami leíró névvel.
- Ha így elkészültél a drótvázzal, akkor az egész Frame-et duplikáld a következő lépéshez.
- Írd be a szövegeket is a megfelelő helyekre, amelyeket le is tudsz másolni a végső weboldalakból. Ha esetleg olyan szakaszod van, ahol másféle szövegekre is szükség van, akkor rakosgass be “Text” elemeket.
Házi feladat beküldése – 2022.12.13. 12:00-ig
A szöveggel megtöltött kész drótvázak Frame-jét exportáld .PNG formátumban, és töltsd fel az alábbi űrlapokon – megfelelő projektet a megfelelő helyre.