2. házi feladat – Drótváz elkészítése – 2022.12.13-ig – SZW4

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:

  1. Webdesign és webszövegírás stratégiai lépések
  2. WPKurzus UI Drótváz Csomag
  3. Webszövegírás
  4. Webdesign megtervezése

2. Saját Figma design fájlok létrehozása (kb. 10 perc)

  1. 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.
  2. Duplikáld a fájlt 2×.
  3. 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!

  1. 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)
  2. 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
  3. 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.
  4. Tedd sorrendbe a Frame-en belül a Layereket / Rétegeket és nevezd el őket valami leíró névvel.
  5. Ha így elkészültél a drótvázzal, akkor az egész Frame-et duplikáld a következő lépéshez.
  6. Í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.