Webdesigner tanfolyam

  • Leírás
  • Időpontok
  • Tananyag
  • Tudnivalók

A vállalkozások egyik legfontosabb megjelenési formája a világháló, ahol a weboldal tartalma, összhatása és kezelhetősége adja a leendő ügyfelek első benyomásainak jelentős részét. Ebben a stádiumban az oldal látogatója már döntéseket hoz, melyek pozitív végkimenetelének nélkülözhetetlen elemei a korszerű és jól megválasztott dizájn, a reszponzivitás, valamint a felhasználóbarát kialakítás is.

Webdesigner képzésünkön megtanítunk a webes megjelenés legújabb trendjeire, saját kreativitásod használatára a web-, arculat- és logotervezési folyamatokban, valamint a szükséges programok kezelésére, hogy mindezt önállóan létre tudd hozni! A tanfolyam nem igényel előzetes szakmai tudást. A tematikát webdesigner szakemberek segítségével úgy alakítottuk ki, hogy a tananyagot az alapoktól - a szükséges elméleten át - elsősorban gyakorlati, közös munka során sajátíthasd el.

A Webdesigner képzést ajánljuk mindazoknak, akik webdesignerként szeretnének a munkaerő-piacon elhelyezkedni/vállalkozást indítani, esetleg grafikusként vagy webfejlesztőként bővítenék ismereteiket. És ajánljuk azoknak is, akik saját webes megjelenéseiket színvonalasabb, vonzóbb formában szeretnék bemutatni a nagyközönségnek.

Képzésünket online is elvégezheted.

2024-09-15 - 2024-12-15
Oktatási napok, időpontok
vasárnap
09:00 - 16:00


Időtartam
17 hét (100 óra)


Ár
249.000 Ft


Oktatás módja
Online
2024-09-16 - 2024-12-11
Oktatási napok, időpontok
hétfő, szerda
17:00 - 20:15


Időtartam
13 hét (100 óra)


Ár
249.000 Ft


Oktatás módja
Online

Színtan

  • Színek jelentése, színpszichológia
  • Itten-féle színkör
  • Színharmóniák:
    • Komplementer színek (hideg – meleg, fény – árnyék)
    • Analóg színek
    • Monokróm színek
    • Osztott komplementer
    • Harmonikus hármas színhangzat
  • Színkeverés
  • Színmódok, színterek:
    • RGB
    • HSB
    • CMYK
  • Színpaletták
  • Színek a webdesignban
  • Kultúrafüggő konnotációk
  • Webes hagyományok

Tipográfia

  • Tipográfia célja
  • Betűcsaládok, betűtípusok
  • Betűalak, betűkép, betűtulajdonságok
  • Mértékrendszer
  • Web safe fontok
  • Webes tipográfia
  • Lorem Ipsum
  • Szövegegységek
  • Nyugodt és dinamikus layout
  • Formázás:
    • Címsorok
    • Bekezdések
    • Kiemelések
    • Hivatkozások, linkek
    • Felsorolások, listák
  • Font formátumok
  • Font telepítése

Képek

  • Pixeles és vektoros képalkotás (Mikor? Melyiket?)
  • Fájlformátumok és tulajdonságai (előnyök, hátrányok)
  • Szerzői jogok
  • Képforrások
  • Webháttér videók
  • Ikonok

Webdesign stílusok és stílusjegyek

  • Flat
  • Metro
  • White space
  • Minimál
  • Magazin
  • Sales
  • Retro
  • Illusztrációs
  • Material
  • Grunge
  • Dark
  • Classic
  • Parallax

Koncepcionálás

  • Ki vagy és mid van?
  • Kinek kell?
  • De mi kell neki igazán?
  • Hogy lehet neki eladni?
  • Tartalmi strukturálás és design-elvek

Layout

  • Szerkesztési elvek (háttér-előtér, térköz és hasonlóság, zártság, a ’közös sors’, a ’jó folytatás’, hangsúly)
  • Kontrasztok: kicsi/nagy, könnyű/nehéz
  • Ritmus és ismétlés
  • Struktúra és permutáció
  • Térbeli elrendezés
  • Aranymetszés
  • Hagyományos weboldalszerkezetek
  • Az oszlopszám, a betű- és a kijelzőméret összefüggései
  • Fixed Responsive Layout
  • Fluid (Liquid) Responsive Layout

Webergonómia

  • Célja
  • Használhatósági faktorok
  • Felhasználói szokások és viselkedések
  • Tartalomtervezés
  • Oldaltervezés
  • Linkek
  • Olvashatóság
  • Navigáció
  • Design
  • Multimédiás tartalom
  • Akadálymentesítés

Photoshop: alapok

  • Munkaterület
  • Beállítások
  • Rajzeszközök
  • Kijelölések
  • Transzformációs műveletek
  • Paletta készítése, importálása, exportálása
  • Guides
  • Képek előkészítése webre:
    • Retusáló eszközök
    • Képkorrekciós műveletek
  • Ecsetminták készítése, készlet importálása, exportálása
  • Maszkolás:
    • Shape mask
    • Layer Mask
  • Szűrők
  • Bannerkészítés

Photoshop webdesign

  • Moodboardok szerepe, alkotóelemei
  • Moodboardkészítés
  • User Interface (UI) szerepe, alkotóelemei
  • UI elemek állapotai
  • UI tervezés
  • Fejléc, lábléc elemei
  • Ikonok, közösségi ikonok
  • Grid System
  • Drótvázak (Wireframe) készítése
  • Reszponzív honlaptervek készítése

Illustrator: alapok

  • Alakzatok
  • Szegély- és kitöltő szín
  • Szegély beállításai
  • Színátmenetek
  • Átlátszóság
  • Rulers, Guides, Smart Guides
  • Rétegkezelés
  • Artboards
  • Transzformációs műveletek
  • Igazítás
  • Shape Modes
  • Pathfinders
  • Szöveg és beállításai
  • Pen Tool
  • Effektek
  • Offset Path
  • Clipping Mask
  • Compound Path
  • Mentés és exportálás lehetőségei

Illustrator: arculattervezés

  • Logó szerepe, típusai
  • Milyen a jó logó?
  • Logótervezés szempontjai, menete
  • Logókészítés
  • Névjegykártya készítés
  • Mockupok
  • Arculati kézikönyv

HTML és CSS

  • Html dokumentum szerkezete
  • Címformátumok
  • Bekezdések
  • Betűstílusok
  • Felsorolások, listák
  • Linkek, hivatkozások
  • Képek
  • Videók
  • Űrlapok, és űrlapelemek
  • Külső tartalmak beágyazása:
    • Google Map
    • Google reCaptcha
    • Youtube videó
    • Facebook közösségi elemek (Like Button, Comment Modul)
  • Karakterformázás:
    • Betűtípus
    • Betűméret
    • Szín
    • Stílusok
  • Bekezdésformázás:
    • Igazítás
    • Sorköz
    • Térköz
  • Háttérszín, színátmenetek, háttérkép
  • Keretek, szegélyek, lekerekítések
  • Külső és belső margók

Bootstrap: alapok

  • Színek
  • Szöveg formázása
  • Grid System
  • Komponensek:
    • Card
    • Alert
    • Button
    • Collapse és Accordion
    • Modal
  • Menük:
    • Egyszerű reszponzív menü
    • Morzsamenü
    • Sticky menü
    • Offcanvas Menu
  • Scrollspy
  • Alpha Slider Carousel
  • Whitebox Gallery
  • Mikroeffektek (Fade in overlay, Hover zoom, stb.)

Bootstrap: weboldalkészítés

  • Egy összetett feladat elkészítése

Reszponzív oldalszerkezetek

  • Single Column
  • Split Screen
  • Aszimmetrikus Layout
  • Grid
  • Masonry Layout
  • Magazine
  • Boxes
  • Fixed Sidebar
  • Featured Image
  • F-shape Layout
  • Z-shape Layout

Webtechnológiák

  • Fogalmak (http, https, ssl)
  • Doménnév és webtárhely
  • Szolgáltatók és csomagjaik
  • Statikus és dinamikus oldalak
  • Kód optimalizálása
  • Közzététel interneten
A tanfolyam adatai:
Nyilvántartásba vételi száma: -
Tanfolyam díja: 249.000 Ft
Tanfolyam vizsgadíja: 0 Ft
Tanfolyam óraszáma: 100 óra
Tanfolyam végét igazoló dokumentum: tanúsítvány
Tanfolyam helyszíne: 1139 Budapest, Frangepán utca 3.

A tanfolyam megkezdésének feltételei:
Iskolai végzettség: nem feltétel
Szakmai végzettség: nem feltétel
Szükséges előismeretek: készségszintű operációs rendszer (pl. Windows) és szövegszerkesztő (pl. Word) program ismeret

A képzést a RUANDER Oktatóközpont szervezi. Ha részletesebb tájékozatást szeretnél, kérünk keresd fel a weboldalunkat a részletek gombra kattintva.