20 Webes tervezési iparági feltételek a Clueless ügyfél számára
A webdesign iparágban sokat használunk bennfentes feltételek. Ez nemcsak nehezíti az újonnan érkezők számára, különösen az ügyfelek, akik nem vesznek részt a tervezőiparban, de a jelentésük megfelelő kommunikálása néha elég kihívást jelent.
Ebben a szójegyzékben összegyűjtöttünk 20 gyakran használt webes tervezési feltétel és egy rövid magyarázatot adott hozzá, hogy bárki bizonytalanság esetén gyorsan megnézhesse őket. Ha van olyan kliense, aki igazán szüksége van egy webes tervrajz szakadásra, akkor ossza meg velük a cikket.
“Élénkség”
Ez egy web design technika hozzáteszi a mozgást a képernyőn megjelenő elemekre vizualizálja a változást vagy vonzza a felhasználók figyelmét.
Az animációk erősebb, mint az átmenetek, mivel sok különböző állapotban tudnak menni kezdeti és végpontjuk között, ezért felhasználhatók bonyolultabb hatások.
“Kenyérmorzsa”
A navigációs típus amely tájékoztatja a felhasználókat azokról Jelenlegi tartózkodási hely egy webhelyen.
A Breadcrumbs tartalmazza a pálya amelyen az aktuális oldal a kezdőlapról érhető el, általában formátumban Főoldal / Kategória / Oldal
. Az út minden eleme is kattintható hogy a felhasználók gyorsan tudjanak navigáljon a webhely hierarchiájában. A Breadcrumbs általában megjelenik minden oldal tetején.
“Zűrzavar”
A webes tervezés hibás, a rosszul tervezett oldal.
Beszélünk egy zsúfolt oldalról, amikor a tervező túl sok információt szorított ugyanazon az oldalon anélkül, hogy elegendő fehérteret és megfelelően strukturált tartalmat adna hozzá. Túlterhelt oldalak vannak alacsony olvashatóság, és sérülést okozhat.
“Színösszeállítás”
A harmonizáló színek gyűjteménye a felismerhető márkaazonosság.
Általában ugyanaz a színséma van következetesen használják a márka honlapján, mobilalkalmazásán, logóján és marketinganyagain keresztül. Egy színsémát tervezhetünk különböző elveket, vannak monokróm, analóg, komplementer, triad és más színsémák.
“Kontraszt”
Tervezési technika hangsúlyozzák a különbségeket a különböző szereppel vagy jelentéssel rendelkező elemek között.
használata kiegészítő színek (a színkeréken lévő ellentétek) a legismertebb módja a kontraszt kifejezésének vizuális különbségek az oldalelemek alakjában, stílusában, tipográfiájában vagy elrendezésében, amit külön akarunk elkülöníteni, kontrasztos hatást is elérhetünk.
“Üres állam”
Egy weboldal vagy alkalmazás egy meghatározott állapota még nincs tartalom egy adott oldalon, de a tervezési elemek már a helyükön.
Az üres állapotlapok tipikus példái az elsődleges állapotok, például az üres profilok. Speciális tervezési technikákat igényelnek (mint például a fedélzeti tervezés) tájékoztassa a felhasználókat arról, hogy mi legyen az oldalon, és ösztönözze őket bizonyos tevékenységek végrehajtására.
“Rögzített elrendezés”
A elrendezés típusa ahol egy webhely és annak elemei azonos szélességű minden felbontásban, statikus értékekben definiált (általában pixel).
A weboldalak építésének hagyományos módja. Ritkán választották az újabb webhelyekre, mivel a rögzített elrendezésű webhelyek a mobil képernyőkön alig használhatók (olvashatók). Ahhoz, hogy a mobil felhasználók számára elérhető legyen, számos fix elrendezésű webhely használja a másodlagos mobilhely.
“Lapos kialakítás”
A UI tervezési nyelv a tiszta és minimalista stílusokra összpontosít, és kiküszöböli a bonyolult textúrákat, mintákat, színátmeneteket és egyéb divatos hatásokat a felhasználók segítése érdekében jobban összpontosít a tartalomra.
A lapos kialakítást bírálta a felhasználhatósági problémák miatt háromdimenziós hiány. Érettebb Lapos 2.0 tervezési nyelvek, mint például a Google Anyagi tervezése, válaszként megjelentek, és egy kis mélységbe kerültek a lapos kivitelbe.
“Fluid elrendezés”
A elrendezés típusa hogy relatív egységeket használ egy terület és annak elemeinek szélességének meghatározása.
A folyadékelrendezések leggyakrabban használt relatív egységei a következők százalékok, de ems és rems is használható. A folyadék elrendezése átméretezi (nyúlik és zsugorodik) a nézetablak szélessége változik. Ellentétben az érzékeny elrendezésekkel, folyadékelrendezés nem használ média lekérdezéseket. Ezt is nevezik folyadékelrendezés.
“Fold”
A képernyő látható részének alsó oldala.
A kifejezés “hajtás felett” a weblap azon részére utal, amelyet a látogatók láthatnak cselekvés nélkül, míg “a hajtás alatt” az oldal többi oldalára utal csak akkor érhet el, ha kölcsönhatásba lép a webhelypel - általában görgetéssel vagy swipeléssel (mobilon).
Ajánlott elhelyezni branding elemek (pl. a logó), helyszíni navigáció, és csábító tartalom hogy a felhasználók gyorsan megértsék a webhely célját és érdekeljenek a tartalom többi részében.
“Kecses lebomlás”
A webes tervezési stratégia tartalmazza az összes speciális funkciót alapértelmezés szerint egy webhelyen, majd később eltávolítja vagy leegyszerűsíti azokat a dolgokat, amelyek nem működnek régebbi böngészőkben, kevésbé alkalmas eszközökön, vagy kisebb sávszélességeken.
fókuszok több a megjelenésről mint a tartalom. A mobil korszakban a progresszív fejlesztés az új helyek domináns webes tervezési stratégiájává vált, a kecses degradáció elsősorban a régebbi vagy örökölt helyek.
“Hős kép”
Egy túlméretezett kép banner elhelyezni hajtás felett.
A hős képek kiváló minőségű, általában teljes szélességű képek, amelyek relevánsak a webhely tartalmára. Ráadásul jellemzően a rövid (egy vagy két sor) szöveg amely üzenetet továbbít a felhasználóknak, és a cselekvési gomb amely felhívja őket arra, hogy egy bizonyos műveletet végezzenek, például vásároljanak vagy bejelentkezzenek a webhelyre.
“Nyitóoldal”
Eredetileg bármely oldal, ahol egy online látogató belép egy webhelyre. A közelmúltban a kifejezést inkább egy önálló oldalra használják, amely a meghatározott üzleti célból.
Ha például a webes felhasználók egy hirdetési hirdetést követnek, gyakran találják magukat a céloldalon, amely felhívja őket, hogy vásároljanak egy releváns terméket. A céloldalak a egyetlen fókusz és a egyértelmű cselekvési felhívás hajlamosak magasabb konverziós arányt elérni.
“Lusta betöltés”
A képek és más statikus tartalmak, például videók felvételének technikája csak röviddel azelőtt láthatóvá válik a felhasználó számára.
Ha egy webhely lusta betöltést használ, akkor először csak a hajtás feletti képeket tölti be, a többit csak akkor töltik be, ha (ha) a felhasználó lapozza az oldalt. Gyakran használják érzékeny és mobil kialakításban erőforrásokat takarít meg. Például a Google AMP felgyorsítja a mobil webhelyeket lusta betöltési statikus erőforrások alapértelmezés szerint.
“Média lekérdezés”
Egy CSS funkció, ami érzékeny web design lehetővé teszi a tervezők számára, hogy létrehozhassanak különböző szerkezetek különböző eszközméretekhez (szélesség és / vagy magasság), tájolás (tájkép vagy portré) és médiatípusok (nyomtatás, képernyő stb.).
Jellemzően az érzékeny webhelyek külön elrendezéssel rendelkeznek asztali, tablet és mobil képernyők, a töréspontok közöttük média lekérdezések által meghatározott hozzáadódik a CSS-hez.
“Progresszív fejlesztés”
Először webes tervezési stratégia csak az alapvető elemeket adja hozzá olyan webhelyre, amely bármilyen böngészőn, sávszélességen és eszközön működik. A fejlettebb front-end funkciók (stílusok és interaktivitás) betöltve rétegekbe később.
Fokozatos fokozatos fejlesztés a tartalomra összpontosít, eredmények olyan webhelyeken, amelyek hozzáférhető minden felhasználó számára, ezért a mobil korszakban a webhelyek építésének elsődleges módja (szemben a kecses degradációval).
“Reszponzív dizájn”
Egy webes tervezési megközelítés weboldalak létrehozásához alkalmazkodjon a méretekhez különböző eszköztípusok (leggyakrabban mobil, tablet & desktop) tervezése révén különböző elrendezések és egyéb stílusok (például tipográfia, képméret).
Az érzékeny tervezés különböző technikákat alkalmaz, mint például relatív egységek, rugalmas rácsok, és média lekérdezések annak érdekében, hogy minden felhasználó használható, olvasható és hozzáférhető tartalommal szolgáljon. A legtöbb modern webhely rugalmas kialakítású.
“Skeuomorphism”
Egy felhasználói felület tervezési nyelve, amely kihasználja a a tudás elve, és a design elemek létrehozására összpontosít hasonlít a valódi egyenértékűre.
Például olyan gombok, amelyek a valósághű gombokhoz hasonló effekteket használnak ferde és dombornyomással, árnyékok, színátmenetek és mások. Mielőtt a lapos kialakítás domináns lett volna, a skeuomorfizmus évek óta volt a vezető web design trend.
“Átmenet”
A webes tervezési technika egyszerű változtatások vizualizálása amikor a képernyőn megjelenő elem zökkenőmentesen módosítja egy kezdeti és végállapot között.
Az átmenetek - ellentétben az animációkkal - nem rendelkeznek közti állapotokkal, csak a kezdő és végpont, ezért azokat fel kell használni finom változások, például vizualizáláshoz hover államok.
“Fehér űr”
A üres hely a szomszédos tervezési elemek között. Ezt is nevezik negatív tér.
A fehér tér segít a felhasználóknak megragadja a tartalmat, és vizuálisan a tartalomhierarchiát jelzi. A fehér tér nem feltétlenül fehér, hanem a helyszín háttérszínét használja. A megfelelő fehér tér hiánya a zsúfolt oldal.