Webdesigner tanfolyam bemutatása

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, a mesterséges intelligencia (MI) használatára, 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.

További információk

A tanfolyam adatai:
Program Akkreditációs Lajstromszáma: PL-8268
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) ismeretek

Jó, ha tudod:
Tanfolyamon használt operációs rendszer:
Tanfolyamon használt szoftverek:
Szoftver kiadók:
Tanfolyamainkon való részvételed kedvezményekkel és részletfizetési lehetőségekkel könnyítjük.

Webdesigner tanfolyam tematikája

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
• Képalkotás MI-val

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
• Logoterv ötletek MI-val
• 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

Mesterséges Intelligencia (MI) a webdesign-ban

• MI előnyei és korlátai
• Képalkotás MI-val
• Moodboard ötletek MI-val
• Látványterv ötletek MI-val
• Background videók MI-val
• Logoterv ötletek MI-val
• MI-val támogatott HTML kódolás

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