63 Web Design Podmínky Každý Marketer by měl vědět

Když jste nováčkem v marketingu, zejména v malém týmu, možná budete muset udělat spoustu věcí na okamžik. A pokud jde o věci, jako jsou blogy a sociální média, určitě, máte to. Brzy ale budete natahováni na projekční projekty. Jednoho dne budete vysmívat se infographic; další, jste navrhování ebook. Cítíš se žalostně nepřipravený - a ten designový slovník? Cítí se jako cizí jazyk.

Zní povědomě?

Byli jsme tam - a víme, že nejsme jediní obchodníci, kteří v určitém okamžiku potřebovali, aby se v této slovní zásobě plynule ovládali. Rozhodli jsme se proto sdílet větší glosář, který nám pomůže trochu zintenzivnit naši hru. V žádném případě se nejedná o terminologii designu, takže se můžete do komentářů přidat i své definice. Zde je to, co máme, organizované abecedně.

Slovníček pojmů Ultimate Web Design

A / B / C / D / E / F / G / H / J / K / L / M / N / O / P / R / S / T / V / W / X / Z

A

1) Zarovnání

Umístění prvků ve vašem návrhu (např. Text, obrázky atd.). Tyto prvky mohou být zarovnány jak na stránku, tak na sebe. Tento odstavec textu je například zarovnán s levým okrajem, zatímco čáry zobrazené na obrázku níže jsou zarovnány doprava.

Zdroj: Pixabay

2) Analogové barvy

Barvy, které se objevují vedle sebe na barevném kole.

Zdroj: nopira

3) Ascender

Lineární prodloužení písmene, které se objeví nad středovou čarou - viz také základní linie, výška stropu, sestup a rozšíření.

Zdroj: Max Naylor

B

4) Výchozí hodnota

Rovná, neviditelná čára, na které sedí všechna písmena písma - také viz vzestup, výška čepice, sestup, extender a středová čára.

Zdroj: Max Naylor

C

5) Výška víčka

Vzdálenost mezi základní linií a horní částí velkých písmen - viz také vzestupný, sestupný, extender a středová čára.

Zdroj: Max Naylor

6) Barevný model CMYK

Stojany pro azurovou, purpurovou, žlutou a černou. Tato sada barev se používá v tiskovém designu, protože papír absorbuje světlo.

Zdroj: Capsoul

7) Barevné kolo

Kruh barev, který zobrazuje vztahy mezi primárními, sekundárními a terciárními barvami.

Zdroj: nopira

8) Barevná schémata

Kombinace dvou nebo více barev z barevného kola - známá také jako harmonie barev.

9) Doplňkové barvy

Barvy, které jsou přímo naproti sobě na barevném kole.

Zdroj: nopira

10) Komprese

Snížení velikosti souboru odstraněním nadbytečných dat. Zvláště užitečné při odesílání e-mailů nebo ukládání velkých obrazových souborů. Více informací o ztrátové a bezeztrátové kompresi.

11) Kontrast

Zvýraznění rozdílů mezi barvami, tvary, mezerami nebo jinými konstrukčními prvky.

Zdroj: Pixabay

12) Oříznutí

Když jsou odstraněny vnější části obrazu, aby se předmět změnil, nebo aby se změnil poměr stran obrazu.

13) CSS

Kód, který se používá k označení vzhledu a pocitu webové stránky, odděleně od skutečného obsahu webové stránky.

D

14) Descender

Extender na dopisu, který se objeví pod základní linií - také vidí vzestup, výšku čepice a středovou čáru.

Zdroj: Max Naylor

15) Body na palec (DPI)

Podobně jako pixel pro web jsou tečky při tisku digitálních snímků nejmenší jednotkou měření. Počet DPI označuje rozlišení vytištěného digitálního objektu - čím vyšší je DPI, tím vyšší je rozlišení.

16) Drop Shadow

Vizuální efekt, který zobrazuje grafiku, jako by měl za sebou stín.

Zdroj: Tizio

E

17) EPS

Formát souboru používaný pro vektorové obrázky, které obsahují text i grafiku.

18) Vysílač

Část dopisu, která se rozprostírá nad výšku x nebo pod základní linií - také viz vzestup, výška čepice, sestup a středová čára.

F

19) Opeření

Konstrukční technika používaná k vyhlazení hran prvku.

20) Písmo

Písmo v jednom specifickém stylu a velikosti. Příklad by zahrnoval Times New Roman Semi Bold ve velikosti 14.

G

21) GIF

Formát obrazového souboru, který se nejlépe používá pro malé obrazové soubory s několika barvami a návrhy nebo animovanými obrázky. Níže je uveden příklad animovaného obrázku GIF:

Zdroj: Manuel Almagro Rivas

22) Gradient

Konstrukční technika, ve které se jedna barva nebo část obrazu zdá být vybledlá.

Zdroj: Public Domain Pictures

23) Mřížka

Čistě hypotetická mapa svislých a vodorovných čar, která pomáhá zarovnat obrázky a text v dokumentu.

H

24) Kód HEX

Kód používaný v HTML a CSS k označení konkrétní barvy, často se objevující za znakem libry (#). Níže je uveden graf barevných kódů HEX:

Zdroj: bmdavll

25) HTML

Jazyk počítače používaný k zobrazení obsahu, jako je text, obrázky a odkazy na webu.

26) Odstín

Co si většina lidí myslí jako "barvu" - červenou, oranžovou, žlutou atd.

J

27) JPEG

Typ obrazového souboru, který používá ztrátovou nebo bezeztrátovou kompresi, s malým vnímáním ve ztrátě kvality. Tento typ souboru je nejvhodnější pro fotografie a realistické obrazy, kde dochází k hladkému přechodu mezi barvami.

K

28) Kerning

Prostor mezi jednotlivými písmeny.

Zdroj: Sherbyte

L

29) Vedení

Prostor mezi řádky typu.

30) Ztráty

Forma komprese dat, kde je detail vymazán, protože velikost souboru je snížena. Obvyklá metoda ztrátové komprese je JPEG.

31) Bezeztrátové

Na rozdíl od ztrátové komprese tento formát umožňuje obnovení detailů obrazu.

M

32) Střední čára

Vzdálenost od základní čáry k horní části většiny malých písmen, včetně „e“, „g“ a křivky „h.“ Také je známo jako „medián“, jak je uvedeno níže. .

Zdroj: Max Naylor

N

33) Negativní prostor

Prázdný prostor obklopující design, ať už je to webová stránka nebo samostatný obrázek, také vidí prázdné místo .

Zdroj: Public Domain Pictures

Ó

34) Otevřít typ písma

Aktuální standard ve formátech písma. Obsahuje jak obrazovku, tak verzi tiskárny v jediném souboru a je kompatibilní jak pro Windows, tak pro Mac. Přípona souboru je .otf.

35) Sirotek

Zahajovací řádek v odstavci, který se zobrazí samostatně v dolní části stránky. Sirotek může být také slovo nebo velmi krátká čára, která se objeví na konci odstavce.

Zdroj: Maat

P

36) Pantone

Systém barevného přizpůsobení vyvinutý společností Pantone. Používá se především v tiskovém designu a používá se k tisku vytištěných barev na barvy, které se objevují na obrazovce během digitální fáze designu.

Zdroj: Pixabay

37) PDF

Formát souboru, který se nejlépe používá k reprezentaci dokumentů a prezentací.

38) Pixel

Nejmenší prvek obrazu na počítači.

39) Pixely na palec (PPI)

Další míra rozlišení obrazu, podle toho, kolik pixelů je přítomno v dané části obrazu.

40) PNG

Formát obrazového souboru, který je nejvhodnější, když má obrázek velké plochy s jednotnou barvou nebo průhledné pozadí (na rozdíl od formátu JPEG).

R

41) Obdélníkové (nebo tetradické) barvy

Čtyři barvy, které jsou dva páry doplňkových barev.

Zdroj: nopira

42) Usnesení

Způsob měření ostrosti a úrovně detailů v obraze. Vyšší rozlišení obvykle označuje větší velikost souboru, což představuje množství dat - jako jsou pixely nebo tečky - uvnitř obrázku.

43) RGB barevný model

Zkratka stojící pro barvy červená, zelená a modrá. Barevný model RGB se používá pro web design, protože monitory přenášejí světlo v těchto barvách.

Zdroj: Mike Horvath

S

44) Saturace

Jak jasná nebo intenzivní barva je.

Zdroj: SharkD

45) Serif

Malá čára připojená ke konci tahu v některých fontech. "Sans serif" označuje písma, která tento řádek nemají.

Zdroj: GJo

46) Stín

Kolik černé barvy se smísí s odstínem.

47) Doplňkové barvy

Barvy, které se skládají ze základní barvy, plus dvě barvy, které leží vedle jeho doplňkové barvy.

Zdroj: nopira

48) Čtvercové barvy

Na barevném kole jsou čtyři barvy od sebe rovnoměrně rozmístěny.

Zdroj: nopira

49) Kmen

Primární vertikální zdvih v dopise. Používá se v písmenu „B“ a diagonále „V.“

50) Tahy

Řádky, které tvoří písmeno v písmu.

T

51) Ocas

Vzestupný tah v dopise, který je často dekorativní - například v písmenu „Q.“

52) Terminál

Konec mrtvice, která nezahrnuje serif.

53) Odstín

Kolik bílé barvy se míchá s odstínem.

54) Triadické barvy

Barevné schéma, ve kterém jsou kombinovány tři barvy umístěné na barevném kole ve vzdálenosti 120 stupňů od sebe. Často se to považuje za nejlepší barevné schéma.

Zdroj: nopira

55) Písmo

Designová kolekce znaků, včetně písmen, čísel a interpunkcí. Příklady zahrnují Times New Roman, Helvetica a Arial.

PROTI

56) Vektorový obrázek

Místo použití obrazových bodů k reprezentaci obrazů používají vektory řádky a tvary. Vzhledem k tomu, že se nespoléhají na pixely, zvětšené vektorové obrázky stále zachovávají čistotu a kvalitu obrazu.

57) Vizuální hierarchie

Princip designu, který vizuálně objednává a zdůrazňuje různé části zprávy vašeho obsahu pomocí barev, velikostí a rozvržení.

W

58) Vodoznak

Snadno viditelná značka umístěná na horní části fotografií na webu a v tisku. Používá se k identifikaci vlastníka obrazu a zabraňuje krádeži vizuálního obsahu.

59) Hmotnost

V písma, tloušťka šířky zdvihu. Některé příklady zahrnují demibold, světlo a tučné.

60) Bílý prostor

Prázdné místo obklopující objekt v designu - také vidět negativní prostor.

Zdroj: Pexels

61) Vdova

Část textu na konci odstavce, který se přeleje do následujícího sloupce nebo stránky.

Zdroj: Maat

X

62) X-výška

V dopise, vzdálenost mezi osou a základní linií - také vidět ascender, výška čepice, descender a extender.

Zdroj: Max Naylor

Z

63) Soubor ZIP

Formát souboru, který komprimuje několik souborů a kombinuje je do jedné složky. Komprimované soubory neztrácejí žádná data, aby se zmenšila, a snadno se obnovují rozbalením souboru ZIP.

Jaké další podmínky webového designu byste přidali do seznamu? Dejte nám vědět v komentářích.

Poznámka editora: Tento příspěvek byl původně publikován v červenci 2013 a byl aktualizován pro přesnost a srozumitelnost.

Předchozí Článek «
Následující Článek