63 Web Design termit jokaisen markkinoijan tulisi tietää

kun on uusi markkinoinnissa, varsinkin pienessä tiimissä, voi joutua tekemään paljon asioita hetkessä. Ja mitä tulee esimerkiksi bloggaamiseen ja sosiaaliseen mediaan, niin totta kai on tämä. Mutta pian sinut vedetään suunnitteluprojekteihin. Yhtenä päivänä olet pilkkaa ylös infografinen, seuraavana, olet suunnittelemassa ebook. Tunnet itsesi surkean valmistautumattomaksi — ja se suunnittelusanasto? Se voi tuntua vieraalta kieleltä.

Kuulostaako tutulta?

olemme olleet siellä – ja tiedämme, ettemme ole ainoita markkinoijia, joiden on jossain vaiheessa täytynyt oppia sujuvasti tätä sanastoa. Joten päätimme jakaa suuremman sanaston, auttaaksemme meitä kaikkia tehostamaan peliämme hieman. Tämä ei suinkaan ole suunnittelun terminologian be-all-end-all, joten voit vapaasti lisätä määritelmäsi myös kommenteissa. Tämä on aakkosjärjestyksessä.

the Ultimate Web Design Terms Glossary

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

a

1) Alignation

the sijoittelu of the elements in your design (esim.Teksti, Kuvat jne.). Nämä elementit voidaan kohdistaa sekä sivulle että toisiinsa. Esimerkiksi tämä tekstin kohta on kohdistettu vasempaan marginaaliin, kun taas Alla olevassa kuvassa kuvatut rivit on kohdistettu oikealle.

lähde:

2) analogiset värit

värit, jotka näkyvät vierekkäin väriympyrässä.

lähde: nopira

3) nousija

keskiviivan yläpuolella näkyvän kirjaimen lineaarinen jatke — Katso myös perustaso, korkin korkeus, laskeutuja ja jatke.

Lähde: Max Naylor

B

4) lähtötilanne

parillinen, näkymätön viiva, johon kaikki kirjasintyypin kirjaimet sijoittuvat — Katso myös nousija, lakin korkeus, laskeutuja, jatke ja keskiviiva.

lähde: Max Naylor

C

5) kannan korkeus

lähtötason ja yläosan välinen etäisyys isoilla kirjaimilla — Katso myös ascender, descender, extender ja midline.

Lähde: Max Naylor

6) CMYK-värimalli

tarkoittaa syaania, magentaa, keltaista ja mustaa. Tätä värisarjaa käytetään painosuunnittelussa, koska paperi imee valoa.

lähde: Capsoul

7) väripyörä

värikehä, joka näyttää primääristen, sekundääristen ja tertiääristen värien väliset suhteet.

lähde: nopira

8) värimaailmat

kahden tai useamman värin yhdistelmä väriympyrästä — tunnetaan myös väriharmonioina.

9) komplementtivärit

värit, jotka ovat väriympyrässä suoraan toistensa vastakohtia.

lähde: nopira

10) Pakkaus

tiedoston koon pienentäminen poistamalla ylimääräinen data. Erityisen hyödyllinen, kun sähköpostitse tai tallentaa suuria kuvatiedostoja. Katso lisää aiheesta lossy and lossless compression.

11) Kontrasti

värien, muotojen, välien tai minkä tahansa muun muotoiluelementin välisten erojen korostuminen.

lähde:

12) rajaus

kun Kuvan ulko-osat poistetaan kohteen uudelleen muotoilemiseksi tai kuvan kuvasuhteen muuttamiseksi.

13) CSS

koodinpätkä, jota käytetään verkkosivuston ulkonäön ja tuntuman ilmaisemiseen erillään web-sivun todellisesta sisällöstä.

D

14) laskeutuja

jatke kirjaimella, joka näkyy lähtötason alapuolella — Katso myös nousija, lakin korkeus ja keskilinja.

Lähde: Max Naylor

15) pistettä tuumalla (DPI)

samanlainen kuin Webin pikseli, pisteet ovat pienin mittayksikkö digitaalisia kuvia tulostettaessa. DPIs: ien määrä viittaa painetun digitaalisen objektin resoluutioon — mitä korkeampi DPI, sitä suurempi resoluutio.

16) Drop Shadow

visuaalinen efekti, joka näyttää graafisen kuin sillä olisi varjo takanaan.

lähde: Tizio

E

17) EPS

tiedostomuoto, jota käytetään vektorikuvissa, jotka sisältävät sekä tekstiä että grafiikkaa.

18) jatke

kirjaimen osa, joka ulottuu X-korkeuden yläpuolelle tai perustason alapuolelle — Katso myös nousija, lakin korkeus, laskeutuja ja keskiviiva.

F

19) Feathering

suunnittelutekniikka, jota käytetään jonkin piirteen reunojen tasoittamiseen.

20) fontti

kirjasintyyppi, joka on yhtä tiettyä tyyliä ja kokoa. Esimerkkinä mainittakoon Times New Roman Semi lihavoitu koossa 14.

G

21) GIF

kuvatiedostomuoto, jota käytetään parhaiten pieniin kuvatiedostoihin, joissa on vähän värejä ja kuvioita, tai animoituihin kuviin. Alla on esimerkki animoidusta GIF-kuvasta:

lähde: Manuel Almagro Rivas

22) gradientti

suunnittelutekniikka, jossa yksi väri tai osa kuvasta näyttää haalistuvan toiseksi.

lähde: Public Domain Pictures

23) Grid

puhtaasti hypoteettinen pysty-ja vaakasuorien viivojen kartta, joka auttaa tasaamaan kuvia ja tekstiä dokumentin sisällä.

H

24) HEKSAKOODI

HTML-ja CSS-kielissä tietyn värin osoittamiseen käytetty koodi, joka esiintyy usein punnan merkin (#) jälkeen. Alla on kaavio HEX-värikoodeista:

lähde: bmdavll

25) HTML

tietokonekieli, jota käytetään sisällön, kuten tekstin, kuvien ja linkkien näyttämiseen verkossa.

26) värisävy

mitä useimmat ihmiset pitävät ”värinä” — punainen, oranssi, keltainen jne.

J

27) JPEG

kuvatiedostotyyppi, joka käyttää häviöllistä tai häviötöntä pakkausta, jonka hahmottaminen on vähäistä laadun heikkenemisen vuoksi. Tämäntyyppistä tiedostoa käytetään parhaiten valokuviin ja realistisiin maalauksiin, joissa on tasaisia siirtymiä värien välillä.

K

28) Kerning

yksittäisten kirjainten välinen tila.

lähde: Sherbyte

L

29) johtaa

tyypin rivien välistä tilaa.

30) häviöllinen

tietopakkauksen muoto, jossa yksityiskohdat poistetaan tiedostokokoa pienennettäessä. Tavallinen häviöllinen pakkaustapa on JPEG.

31) häviötön

toisin kuin häviöllinen pakkaus, tämä muoto mahdollistaa kuvan yksityiskohtien palauttamisen.

M

32) keskilinja

etäisyys lähtötasosta useimpien pienten kirjainten kärkeen, mukaan lukien ”e”, ”g” ja käyrä ”h”. tunnetaan myös nimellä ”mediaani” alla kuvatulla tavalla. Katso ascender, cap korkeus, ja laskeutuja.

lähde: Max Naylor

n

33) negatiivinen tila

tyhjä tila, joka ympäröi suunnitelmaa, oli se sitten verkkosivu tai yksittäinen kuva-Katso myös valkoista tilaa.

lähde: Public Domain Pictures

O

34) avoimet kirjasimet

nykyinen standardi kirjasinmuodoissa. Se sisältää sekä näytön että tulostimen versiot yhdessä tiedostossa ja on yhteensopiva sekä Windowsille että Macille. Tiedostopääte on .otf.

35) Orpo

avausraita kappaleessa, joka esiintyy yksin sivun alalaidassa. Orpo voi olla myös sana tai hyvin lyhyt repliikki, joka esiintyy itsestään kappaleen lopussa.

lähde: Maat

P

36) Pantone

Pantone-yhtiön kehittämä värinsovitusjärjestelmä. Käytetään laajalti painosuunnittelussa, ja sitä käytetään sovittamaan painetut värit niihin, jotka näkyvät näytöllä suunnittelun digitaalisen vaiheen aikana.

lähde:

37) PDF

tiedostomuoto, jota käytetään parhaiten dokumenttien ja esitysten esittämiseen.

38) pikseli

tietokoneen kuvan pienin Elementti.

39) kuvapistettä tuumalla (ppi)

toinen kuvan erottelukyvyn mitta sen mukaan, kuinka monta kuvapistettä tietyssä osassa kuvaa on.

40) PNG

kuvatiedostomuoto, jota käytetään parhaiten silloin, kun kuvassa on laajoja yhtenäisen värisiä alueita tai läpinäkyvä tausta (toisin kuin JPEG).

R

41) suorakulmaiset (tai Tetradiset) värit

Neljä väriä, jotka ovat kaksi komplementtiväriparia.

lähde: nopira

42) resoluutio

tapa mitata kuvan terävyyttä ja yksityiskohtaisuutta. Suurempi tarkkuus tarkoittaa yleensä suurempaa tiedostokokoa, joka kuvaa kuvan sisältämän datan määrää, kuten pikseleitä tai pisteitä.

43) RGB-värimalli

lyhenne sanoista punainen, vihreä ja sininen. Web-suunnittelussa käytetään RGB-värimallia, koska monitorit lähettävät valoa näissä väreissä.

lähde: Mike Horvath

s

44) värikylläisyys

kuinka kirkas tai voimakas väri on.

lähde: SharkD

45) Serif

pieni viiva, joka on joissakin fonteissa kiinnitetty vedon päähän. ”Sans serif” viittaa fontteihin, joissa tätä riviä ei ole.

lähde: GJo

46) sävy

kuinka paljon sävyyn on sekoittunut mustaa.

47) Split-komplementtivärit

värit, jotka koostuvat pohjaväristä sekä sen komplementtivärin vieressä olevista kahdesta väristä.

lähde: nopira

48) Neliövärit

väripyörällä Neljä väriä on sijoitettu tasaisesti toisistaan.

lähde: nopira

49) Stem

primäärinen pystyviiva kirjaimessa. Sitä käytetään B-kirjaimessa ja v-kirjaimen lävistäjäviivassa.

50) viivoja

, jotka muodostavat kirjaimen kirjasintyypissä.

T

51) pyrstö

laskeva viiva usein koristeellisessa kirjaimessa — esimerkiksi Q-kirjaimessa.

52) pääte

sellaisen viivan loppu, joka ei sisällä serifiä.

53) sävy

kuinka paljon valkoista on sekoittunut värisävyyn.

54) Kolmivärit

värimaailma, jossa yhdistetään kolme väriä, jotka sijaitsevat 120 asteen päässä toisistaan väripyörällä. Sitä pidetään usein parhaana värimaailmana.

lähde: nopira

55) Typeface

a design collection of characters, including letters, numbers, and punctuations. Esimerkkejä ovat Times New Roman, Helvetica ja Arial.

V

56) vektorikuva

kuvapisteiden sijaan vektoreissa käytetään viivoja ja muotoja. Koska ne eivät perustu pikseleihin, laajentuneet Vektorikuvat säilyttävät edelleen kuvan selkeyden ja laadun.

57) visuaalinen hierarkia

suunnitteluperiaate, joka visuaalisesti määrää ja korostaa sisällön sanoman eri osia käyttämällä värejä, kokoja ja asetteluja.

W

58) vesileima

helposti nähtävissä oleva merkki, joka on asetettu verkossa ja painettuna olevien valokuvien päälle. Sitä käytetään kuvan omistajan tunnistamiseen ja visuaalisen sisällön varastamisen estämiseen.

59) Paino

kirjasintyypeissä, iskun leveyden paksuus. Esimerkkejä ovat muun muassa demibold, light ja bold.

60) Valkoinen avaruus

tyhjä avaruus, joka ympäröi esinettä rakenteeltaan — Katso myös negatiivinen avaruus.

lähde: Pexels

61) Widow

kappaleen lopussa oleva tekstiosuus, joka läikkyy seuraavalle palstalle tai sivulle.

lähde: Maat

X

62) x-Korkeus

kirjaimella, keskiviivan ja perusviivan välinen etäisyys — Katso myös nousija, lakin korkeus, laskeutuja ja jatke.

Lähde: Max Naylor

Z

63) ZIP-tiedosto

tiedostomuoto, joka pakkaa useita tiedostoja ja yhdistää ne yhdeksi kansioksi. Pakatut tiedostot eivät menetä tietoja pienemmäksi, ja ne on helppo palauttaa avaamalla ZIP-tiedosto.

You might also like

Vastaa

Sähköpostiosoitettasi ei julkaista.