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.
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:
- 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:
- 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:
- 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
