10 web design kifejezést, amelyet mindenkinek tudnia kell

Csakúgy, mint bármely technikai szférában működő iparban, a webtervezésben sincsenek szó és szavak, és még akkor is, ha gyakorlott szakember vagy, nehéz lehet nyomon követni, hogy mi van.

Mikor webdesign gyerekcipőben járt, máris túl sok betűszó és szaknyelv problémájától szenvedett, mivel az egész hiperbola alatt meglehetősen egyszerű technológiák és ötletek találhatók. A mai környezet százszor bonyolultabb, mivel az interneten használt eszközök és keretek, nyelvek és könyvtárak fejlődtek és fejlődtek.

A tervezők - még a professzionális web-tervezők is - küzdhetnek azért, hogy a különféle divatszavak és technológiák tetején maradjanak, ezért itt összegyűjtöttük a tíz legfontosabb webtervezési kifejezést, amelyet mindenkinek legalább meg kell értenie. Nézze meg alábbi listánkat, és tudassa velünk, ha elmulasztottunk olyanokat, amelyek szerintetek megjelennek az alábbi megjegyzésekben.



01. HTML, CSS és JavaScript

web design kifejezések: HTML5

A HTML jelentése HyperText Markup Language, a HTML5 pedig a legújabb verzió

Vegyük ezt az utat rögtön az elején!

HTML

A HTML a HyperText Markup Language (HyperText jelölőnyelv) rövidítése, és a web nyelve.

Leegyszerűsítve: a HTML lehetőséget nyújt a webdesignernek arra, hogy elmondja a böngészőnek, hogyan kell kezelni egy adott tartalmat. A HTML számos különféle címkét tartalmaz, amelyek lehetővé teszik a tervező számára, hogy tartalmát szemantikai jelentéssel jelölje meg, így a bekezdések szöveges másolatként azonosíthatók, míg a képek képként importálódnak stb.

CSS

A HTML azonban önmagában nem elegendő a gyönyörű weboldalak létrehozásához. A lépcsőzetes stíluslapok (CSS) egy módszert kínálnak a tervezőknek, hogy vizuális szabálykészletet hozzanak létre, amely meghatározza, hogy a weblap különböző elemeit hogyan jelenítse meg a böngésző a képernyőn.

A CSS lehetővé teszi olyan dolgok beállítását, mint a szöveg színe, a háttér, az oldal összes különböző részének mérete, alakja és helyzete.

JavaScript

Végül a JavaScript (amint azt a név is magában foglalja) egy szkriptnyelv, amely lehetővé teszi a tervezők számára, hogy interakciókat hozzanak létre egy weboldalon.

Korábban a JavaScript-et elsősorban űrlapellenőrzésre használták, és azokat a bosszantó figyelmeztető rovatokat adta meg, amelyek akkor jelentek meg, amikor elfelejtette beírni telefonszámát a telefon mezőbe. Manapság sokkal több életképes felhasználási lehetőség van a JavaScript számára, beleértve a speciális vizuális effektusokat, vagy az új tartalom betöltésének lehetőségét az egész oldal újratöltése nélkül.

Fontos megjegyezni, hogy neve ellenére a JavaScript semmilyen kapcsolatban nincs a Java programozási nyelvvel.

Olvassa el még:

02. Reszponzív tervezés

web design kifejezések: Reszponzív web design

Az adaptív webdesign gyorsan az összes webdesign standard megközelítésévé válik

Nem hagyhatta ki, hogy hallott az adaptív tervezés koncepciójáról. Az elmúlt évek során ez egy igazi szó az interneten, és nem mutatja a cserbenhagyás jeleit. Az ügyfelek még reagáló weboldalakat is követelni kezdtek tervezőiktől, gyakran anélkül, hogy teljesen megértették volna, mi az, amit kérnek!

Egyszerűen fogalmazva, a adaptív kialakítás olyan, amely alkalmazkodik a felhasználó eszközéhez, és ideális világban a felhasználó kontextusához úgy, hogy a szükséges tartalmat a legmegfelelőbb és legkönnyebben elérhető módon jelenítse meg, függetlenül attól, hogy milyen típusú, internetre csatlakoztatott eszköz van. hogy megnézzék. A gyakorlatban ez azt jelenti, hogy egy weboldal újrapaginálódik, amikor a képernyő mérete csökken vagy növekszik, asztali számítógépen nézve több oszlopban jelenik meg, okostelefonon azonban csak egyetlen oszlopban jelenik meg.

Ne feledje, hogy az adaptív tervezés koncepciója sokkal többet jelent, mint a tartalom egyszerű formázása. További információkért olvassa el az adaptív tervezésről szóló következő cikkeket:

03. Szemantikus jelölés

web design kifejezések: Szemantikus jelölés

A szemantikus jelölés a releváns metaadatok tartalomhoz való társításáról szól

A szemantikus jelölés a HTML kódolásának megközelítése, ahol a tartalom leírásához használt jelölőcímkék releváns metaadatokat is szolgáltatnak magáról a tartalomról. Például egy olyan információt, amely releváns az oldal fő tartalmára nézve, de nem közvetlenül az oldal tárgyára vonatkozik, lehet.

Bár nyilvánvalóan bevált módszernek tűnhet, és az internetet minden bizonnyal szemantikát szem előtt tartva tervezték, ennek a megközelítésnek a használata nem mindig volt egyszerű…

Kezdetekben

A web első napjaiban a rendelkezésre álló HTML-címkék száma korlátozott volt. Sok létező címke pusztán szemantikai jellegű volt: a

a címke például a bekezdések tartalmának jelölésére szolgál.

Az idők folyamán a tervezők át akarták húzni annak határait, hogy kifinomultabb elrendezéseket lehessen létrehozni, mint a legtisztább formában megengedett nyelv, így a

és
A táblázatos adatok jelölésére szolgáló címkéket újrafogalmazták, hogy megbízható megoldást nyújtsanak az oszlopos elrendezések létrehozására.

Ugyanakkor a tervezők az adott címke alapértelmezett vizuális jellemzőire kezdtek támaszkodni annak meghatározásához, hogy melyik címkét használták a tartalomhoz, ahelyett, hogy a szemantikailag megfelelő címkét újrarajzolták volna a tervezéshez. Ennek eredményeként a nagy félkövér szöveget gyakran fejlécként renderelték (

,

,

stb.) címke helyett a vagy - a hangsúlyozáshoz - tag.

Elveszett generáció

Ennek eredményeként a HTML szemantikai természetének nagy része egy generáció számára elveszett. A nem szemantikus web hátránya, hogy hihetetlenül nehézkessé válik egy webhely mögöttes kódjának fenntartása vagy megértése, és a keresőmotorok nem képesek pontosan meghatározni az oldal legfontosabb elemeit programozottan.

Szerencsére mind a CSS, mind a HTML nyelv legújabb verziójának megjelenésével visszatért a purisztikusabb szemantikai megközelítéssel való jelölés képessége. A CSS kifinomultabb elrendezéseket tesz lehetővé, mint amit a

tag, és a HTML nyelvet kibővítették új szemantikailag orientált címkékkel, mint például, és.



04. SaaS

web design kifejezések: SaSS

A SaaS (Software as a Service) mindent leír a Google Dokumentumoktól a Photoshop Expressig

Nem tévesztendő össze SASS , A SaaS a Software as a Service rövidítése. Egyszerűbben fogalmazva ez minden olyan szolgáltatást jelent, amely szoftverplatformot nyújt, amelyet a felhőből vagy a felhőn keresztül szállítanak.

A működő SaaS népszerű példái a Microsoft Office online, a Google Docs és a Photoshop Express legújabb verziói.

Ezen szolgáltatások mindegyike asztali jellegű élményt nyújt a felhasználó számára, de közvetlenül az internetről szállítják, anélkül, hogy további szoftvert kellene telepíteni a felhasználó számítógépére.

05. A / B tesztelés

Az A / B tesztelés lehetővé teszi a weboldal különböző verzióinak kipróbálását

Az A / B tesztelés lehetővé teszi a weboldal különböző verzióinak kipróbálását

Az A / B tesztelés egy és ugyanazon végeredmény elérésének különböző módjainak kipróbálására szolgáló módszer, amelynek célja, hogy kísérletezés útján megállapítsa, melyik megoldás a leghatékonyabb.

Az A / B tesztelés általában a weboldalak különböző elrendezésének kipróbálására szolgál, annak nyomon követése, hogy hány felhasználó konvertál fizető ügyfelekre az alternatív elrendezések használatával.

A prototípus-készítés, az értékelés és az adaptálás iteratív folyamatának folytatásával az A / B teszt jelentősen növelheti az egyes oldalak konverziós arányát. Hasznos eszköz: a jobb konverzió jobb mérleget jelent!

Olvassa el még:

  • Az AB tesztelés, a szemkövetés és a Webhely-optimalizáló használata
  • Öt készség, amelyre szükség van ahhoz, hogy az AB tesztelés működjön
  • Út a webalkalmazás sikeréhez: prototípusok és felhasználói tesztek

06. LEVEGŐ

web design kifejezések: ARIA

Az ARIA (Accessible Rich Internet Application) olyan technológiákat ír le, amelyek elősegítik az internet hozzáférhetővé tételét

Az ARIA az Accessible Rich Internet Application rövidítése, és utal arra az elképzelésre, hogy a webalkalmazásokat sok ember használja, eltérő igényekkel a segítő technológiára és az elrendezésre.

Az ARIA-t általában olyan kifejezésként használják, amely leírja a felhasznált technológiákat, amelyek segítenek áthidalni a felhasználói igények és egy webhely vagy webalkalmazás közötti szakadékot.

Ennek eredményeként hivatkozhat képernyőolvasó szoftverekre, strukturális elrendezési megközelítésekre és olyan tervezési módszertanokra, mint a felhasználó-központú interfész-tervezés, a tartalom és a funkcionalitás hozzáférhetőségének növelése céljából. A W3C szponzorálja az ezen a területen végzett munka nagy részét, és erről többet megtudhat a Web Accessibility Initiative ARIA webhely .

Olvassa el még:

07. Információs architektúra (IA)

web design kifejezések: IA

Az információs architektúra (IA) a weboldal szervezésének körül forog

Az Information Architecture (IA) egy általános kifejezés, amelyet a tartalom és az információk szemantikai elrendezésének leírására használnak a weboldalon. Ez az információ rendszerezésére vonatkozik, foglalkozva azzal, hogy mely oldalak hová kerülnek a weboldal struktúrájában, az egyes oldalak milyen tartalmat tartalmaznak, és hogy ezek miként lépnek kapcsolatba a webhely más oldalaival.

Területként az IA arra törekszik, hogy a felhasználók a lehető legkönnyebben megtalálják a keresett információt a konverzió, a bevétel és / vagy a felhasználók elégedettségének növelése érdekében.

  • Olvassa el még: Miért olyan a weboldal megtervezése, mint egy ház

08. Szerveroldali parancsfájlok

web design kifejezések: PHP

A szerveroldali parancsfájlok - olyan nyelv használatával, mint a PHP - azt jelentik, hogy az adatkezelést a szerveren végzik

Az alkalmazás funkcionalitásának két különböző módja van egy webhelyen: kliensoldalon, ahol az összes logikával és adatkezeléssel a webböngésző a JavaScript segítségével gondoskodik, és a szerveroldalon, ahol az adatkezelést a szerveren végzik. A legtöbb webalkalmazás ötvözi a kettőt, így a felhasználó szempontjából mindent a böngészőben kezelnek, a kulisszák mögött azonban az adatokat visszaküldik a szerverre tárolásra, kezelésre vagy generálásra.

A kiszolgálóoldali parancsfájlok egy általános kifejezés a szerveroldali adatkezelés programozásához használt nyelvek leírására. Az olyan szkriptnyelvek, mint a PHP és az ASP.NET, egyszerű utat kínálnak a webfejlesztőknek olyan kifinomult üzleti logika létrehozásához, amely képes kölcsönhatásba lépni egy adatbázissal, bonyolult adatműveleteket folytatni és információkat szolgáltatni a böngészőhöz.

Mivel a feldolgozás a szerveren történik, a felhasználó webböngészőjének nem kell olyan keményen dolgoznia, javítva a látszólagos teljesítményt, legalábbis a felhasználó szempontjából.

09. Vizuális hierarchia

web design kifejezések: Vizuális hierarchia

A vizuális hierarchia azt jelenti, hogy a tervezési elemeket úgy rendezzük el, hogy egyeseket hangsúlyozzunk mások felett

Ez nem korlátozódik pusztán a webes tervezésre, de egyre inkább használják, amikor egy weboldal tervezésére és elrendezésére hivatkoznak, így bekerült a legfontosabb kifejezések listájába. Leegyszerűsítve: a vizuális hierarchia a design elemek elrendezésére utal egy oldalon, úgy tűnik, hogy a legfontosabb elemek nagyobb hangsúlyt kapnak.

Ezt a hangsúlyt általában méret, szín, betűtípus és speciális effektusok, például árnyékok használatával érik el. A vizuális hierarchia gyakran tudatos döntés az információ-építészeti folyamat eredményeként.

10. Végtelen / parallaxis görgetés

A végtelen görgetés és a parallaxis görgetés két kapcsolódó technika, amelyek egyre népszerűbbek

A végtelen görgetés és a parallaxis görgetés két kapcsolódó technika, amelyek egyre népszerűbbek

A végtelen görgetés és a parallaxis két külön dolog, de gyakran együtt látják őket, ezért itt csomagoltuk össze őket.

A végtelen görgetés jelenleg egy divatos módja a webhely bemutatásának, így ahelyett, hogy külön oldalakat töltenének be a tartalom megtekintéséhez, az összes oldal tartalmát egyetlen oldalra töltik be, amely görgetve megjeleníti a különböző tartalmi területeket.

Az előfeltevés az, hogy amint a felhasználó a tartalom vége felé görget lefelé egy oldalt, a friss tartalom betöltődik és az oldal aljára csatolódik, ezzel létrehozva egy „végtelen” görgetést. Népszerű példák: a Facebook idővonal nézete, a Pinterest és a Tumblr.

A parallaxis az a hatás, amelyet akkor látunk, amikor a nézőpontunkhoz közelebb lévő elemek gyorsabban mozognak, mint a távolabbi elemek. Ez leginkább egy mozgó autóból vagy vonatból látható, ahol a kerítések és a jármű közelében lévő fák gyorsan elmennek, míg a távolabbi hegyek lassabban mozognak.

Az interneten ugyanezt a hatást használják a webhelytervek mélységérzetének megteremtésére, gyakran mozgást biztosítva a felhasználó görgetésére.

Olvassa el még:

Szavak: Sam Hampton-Smith