20 Web Design průmysl podmínky pro bezradného klienta
Ve web design průmyslu, používáme mnoho insider. To neznamená jen, že je těžké začít pro nováčky, zejména klienti, kteří nejsou zapojeni do projektového průmyslu, ale správná komunikace jejich významu může být někdy docela výzvou.
V tomto slovníku jsme shromáždili 20 často používaných termínů webového designu a přidal každému každému krátké vysvětlení, aby se na ně mohl kdokoliv rychle podívat v případě nejistoty. Pokud máte klienta, který opravdu potřebuje kurz havárie webového žargonu, sdílejte s ním tento článek.
“Animace”
Web design technika, která přidává pohyb na prvky na obrazovce vizualizovat změnu nebo pozornost uživatelů.
Animace jsou silnější než přechody, protože mohou procházet mnoha různými stavy mezi jejich počátečním a koncovým bodem, proto mohou být použity komplikovanější efekty.
“Strouhanka”
A typu navigace informovat uživatele o jejich \ t současná pozice na webu.
Drobeček obsahuje cesta na které lze aktuální stránku získat z domovské stránky, obvykle ve formátu Domů / Kategorie / Stránka
. Každý prvek cesty je také klikací tak, aby uživatelé mohli rychle procházet hierarchii webu. Obvykle se zobrazují drobky v horní části každé stránky.
“Nepořádek”
Web design blunder, indikátor a špatně navržené stránky.
Mluvíme o přeplněné stránce, když designér stiskl příliš mnoho informací na stejné stránce bez přidání dostatečného volného místa a správného strukturování obsahu. Nepořádané stránky mají nízká čitelnost, a poškození uživatele.
“Barevné schéma”
A kolekce harmonizujících barev slouží k vytvoření rozpoznatelnou identitu značky.
Obvykle je stejné barevné schéma používány konzistentně přes webové stránky značky, mobilní aplikaci, logo a marketingové materiály. Barevné schéma může být navrženo podle různých zásad, existují monochromatické, analogické, komplementární, triádové a další barevná schémata.
“Kontrast”
Konstrukční technika zdůraznit rozdíly mezi prvky, které mají odlišnou úlohu nebo význam.
Použitím doplňkové barvy (protiklady na barevném kole) jsou však nejznámějším způsobem, jak vyjádřit kontrast vizuální rozdíly ve tvaru, stylu, typografii nebo rozložení prvků stránky, které chceme odlišit, může také dosáhnout kontrastního efektu.
“Prázdný stav”
Specifický stav webové stránky nebo aplikace, když je ještě žádný obsah na konkrétní stránce, avšak prvky návrhu jsou již na svém místě.
Stavy prvního použití, například prázdné profily, jsou typickými příklady prázdných stavových stránek. Vyžadují specifické konstrukční techniky (např. Design na palubě) informovat uživatele o tom, co by mělo být na stránce, a povzbuzovat je provádět určité činnosti.
“Pevné rozvržení”
A typ rozložení ve kterém je místo a jeho prvky použít stejnou šířku napříč všemi rezolucemi, definované ve statických hodnotách (obvykle pixely).
Tradiční způsob vytváření webových stránek. Zřídka se volí pro novější webové stránky, protože stránky s pevným rozvržením jsou sotva použitelné (čitelné) na mobilních obrazovkách. Chcete-li zůstat přístupné pro mobilní uživatele, mnoho stránek s pevným uspořádáním používá sekundární mobilní stránky.
“Design bytu”
A UI designový jazyk, který se zaměřuje na čisté a minimalistické styly, a odstraňuje komplikované textury, vzory, přechody a další efektové efekty, aby pomohl uživatelům lépe se zaměřit na obsah.
Plochý design byl kritizován za problémy s použitelností vyplývající z nedostatek trojrozměrnosti. Zralejší Jazyky s designem 2.0, jako je například design materiálu Google, se objevily jako odezva a přidaly trochu hloubky zpět do plochého designu.
“Rozložení tekutin”
A typ rozložení že používá relativní jednotky definovat šířku webu a jeho prvků.
Nejčastěji používanými relativními jednotkami pro rozvržení tekutin jsou procent, ale ems a rems lze použít také. Rozložení tekutin změny velikosti (úseky a smrštění) se změní šířka výřezu. Na rozdíl od citlivých rozvržení, tekuté uspořádání nepoužívá mediální dotazy. Také odkazoval se na jak rozložení kapaliny.
“Složit”
Spodní strana viditelné části obrazovky.
Termín “nad záhybem” označuje část webové stránky, kterou mohou návštěvníci vidět bez jakéhokoli jednání, zatímco “pod záhybem” odkazuje na zbytek stránky, kterou mohou uživatelé používat dosáhnout pouze interakcí s webem - obvykle posouváním nebo posouváním (v mobilu).
Doporučuje se umístit prvky značky (např. logo), navigace na místě, a lákavý obsah nad záhybem, aby uživatelé rychle pochopili účel stránek a zajímali se o zbytek obsahu.
“Půvabná degradace”
Strategie webového designu, která obsahuje všechny pokročilé funkce ve výchozím nastavení na webu, pak později odstraní nebo zjednoduší věci, které nefungují ve starších prohlížečích, na méně schopných zařízeních nebo na nižších šířkách pásma.
Zaměřuje se více o vzhledu než obsah. V mobilní éře se progresivní vylepšení stalo dominantní strategií pro web design pro nové stránky. starších nebo starších stránek.
“Obrázek hrdiny”
Nadměrné obrázek nápisu umístěny nad záhybem.
Hero obrazy jsou vysoce kvalitní, obvykle plné šířky obrazy důležité pro obsah webu. Nad nimi je obvykle krátký (jeden nebo dva řádky) který předává zprávu uživatelům, a tlačítko volání na akci který je vyzývá, aby podnikli určité kroky, jako je nakupování nebo přihlášení k webu.
“Vstupní stránka”
Původně každá stránka, kde návštěvník online vstoupí na stránku. V poslední době se tento termín používá spíše pro samostatnou stránku určenou pro konkrétní obchodní účel.
Pokud například weboví uživatelé sledují bannerovou reklamu, často se nacházejí na vstupní stránce, která je vyzývá k nákupu relevantního produktu. Vstupní stránky s a jediné zaměření a jasná výzva k akci mají vyšší míru konverze.
“Lazy Loading”
Technika pro načítání obrázků a jiného statického obsahu, například videa, jen krátce před tím viditelné pro uživatele.
Pokud web používá pomalé načítání, načtou se pouze obrázky nad záhybem, zbytek se načte pouze tehdy, když uživatel stránku posouvá. Často se používá v citlivém a mobilním designu šetří zdroje. Služba Google AMP například urychluje mobilní stránky líné načítání statických prostředků ve výchozím stavu.
“Dotaz na média”
CSS funkce, která dělá citlivý web design umožnit návrhářům vytvořit různé konstrukce pro různé rozměry zařízení (šířka a / nebo výška), orientace (na šířku nebo na výšku) a typy médií (tisk, obrazovka atd.).
Typicky, citlivé stránky mají samostatné dispozice pro stolní, tabletové a mobilní obrazovky hraniční hodnoty mezi nimi definovaných mediálními dotazy přidán do CSS.
“Progresivní vylepšení”
Strategie webového designu, která jako první přidává pouze základní prvky na webu, který pracuje v libovolném prohlížeči, šířce pásma a zařízení. Pokročilejší funkce front-end (styly a interaktivita) jsou ve vrstvách později.
Progresivní vylepšení primárně se zaměřuje na obsah, výsledky v lokalitách, které jsou přístupné pro každého uživatele, proto je to dominantní způsob budování webových stránek v mobilní éře (na rozdíl od ladné degradace).
“Citlivý design”
Web design přístup k vytvoření webových stránek, které přizpůsobit rozměrům různých typů zařízení (nejčastěji mobilních, tabletových a desktopových) různé rozvržení a jiné styly (např. typografie, velikost obrázku).
Reagující design využívá různé techniky, jako např relativní jednotky, flexibilní mřížky, a mediální dotazy aby sloužil každému uživateli s použitelným, čitelným a přístupným obsahem. Většina moderních webových stránek používá citlivý design.
“Skeuomorfismus”
UI design jazyk, který využívá principu důvěrnosti, a zaměřuje se na vytváření konstrukčních prvků, které podobné jejich reálnému světovému ekvivalentu.
Například tlačítka, která vypadají jako tlačítka v reálném životě pomocí efektů, jako je například zkosení a reliéf, vržené stíny, přechody a další. Před tím, než se stal plochý design převládající, byl skeuomorphism po mnoho let hlavním trendem designu webu.
“Přechod”
Technika webdesignu pro vizualizace jednoduchých změn když je prvek na obrazovce plynule mění mezi počátečním a koncovým stavem.
Přechody - na rozdíl od animací - nemají mezi-stavy, pouze a počáteční a koncový bod, proto mají být použity jemné změny, například pro vizualizaci stavy vznášení.
“Bílý prostor”
prázdné místo mezi sousedními konstrukčními prvky. Také odkazoval se na jak negativní prostor.
Bílý prostor pomáhá uživatelům sbírat obsah, a vizuálně označuje hierarchii obsahu. Bílé místo není nutně bílé, ale používá barvu pozadí webu. Nedostatek bílého prostoru vede k a přeplněnou stránku.