Pojmovi web dizajna glavne su stvari koje poslovni čovjek treba znati. Web dizajn je proces stvaranja i organiziranja vizualnih i funkcionalnih aspekata web stranice. Uključuje različite pojmove i koncepte koji opisuju različite aspekte dizajna i razvoja web stranice.
Web dizajn postoji već dugo i ne gubi vrijeme na razvijanje složenog jezika punog žargona. Čim napravite i najmanji korak u svijet web dizajna, počet ćete čuti: “Koji CMS želite koristiti?”, “Želite li na gornjoj ili ispod preklopne stranice?”, “Želite li želite fiksni izgled? ", "Koji web hosting želite koristiti? ”, a vi se pitate što sve to znači. Znamo da pokušaj odgonetnuti sve ključne definicije i pojmove web dizajna može biti prilično naporan, pogotovo kada je sve novo.
Web dizajn pokriva širok raspon poslova, od web programera koji pišu kod, do UI i UX dizajnera koji rade na sučeljima, do web dizajnera koji se brinu za izgled i dojam vaše stranice. Mnogo je ljudi koji se bave web dizajnom.
Učenje o značenju samo nekoliko akronima i žargona za web dizajn može znatno olakšati stvari vašem dizajneru i programeru, a također vam može pomoći da shvatite kako vaše vlastito web mjesto zapravo funkcionira. Dakle, bilo da unajmite pomoć ili to učinite sami, poznavanje najčešće korištenih i najčešće zbunjujućih izraza u web dizajnu i razvoju može vam dobro doći:
Definicije i pojmovi web dizajna.
Pristupačnost
Trenutno dostupan je od velike važnosti u web dizajnu. U biti, to znači koliko je vaša web stranica dostupna ljudima, uključujući one s oštećenjima sluha ili vida. Ovo je važno imati na umu prije i tijekom izrade vaše web stranice. Pogledajte ovih šest koraka kako biste svoj web dizajn učinili pristupačnim ako ne znate odakle početi.
10 Googleovih kazni koje mogu utjecati na vašu web stranicu
Ispod pregiba (i iznad pregiba).
Ispod i iznad preklopa dva su pojma koji potječu iz novina. "Preklop" je mjesto gdje se novine savijaju. Vrh i dno opisuje prikazuju li se informacije na gornjoj ili donjoj polovici preklopa. Za web stranice, "pregib" se obično definira kao točka na kojoj biste trebali početi skrolati, ali princip je isti - informacije koje se nalaze na vrhu stranice (ATF) su dostupnije i vidljivije od informacija koje su na dnu stranice (BTF). . .
Elastični (izgled). Elastični (izgled). Uvjeti web dizajna
Elastični izgled je pristup dizajnu web stranice koji opisuje odnose između elemenata i njihov položaj na stranici u smislu postotaka, a ne posebno dizajniranih razmaka i veličina. To znači da web-stranice postaju prilagodljivije - i preferencijama koje postavljaju vaši posjetitelji u pogledu veličine font i udaljenosti između njih te optimizirati stranicu za gledanje na pametnom telefonu ili tabletu.
Danas su elastični izgledi ključni dio pristupa responzivnom dizajnu, ali prije nego što se rodila ideja o responzivnom dizajnu, elastični izgledi su pružali jednostavan način da web stranice postanu responzivne.
npr. Prijašnji
Ex je mjerna jedinica koja koristi mala slova "x" u fontu kao standardnu mjeru.
Fiksna širina (izgled). Fiksna širina (izgled). Definicije i pojmovi web dizajna.
Izgled fiksne širine je metoda dizajniranja web stranica u kojoj dizajner određuje koliko je web stranica velika i gdje će se točno elementi na njoj pojaviti. To daje dizajnerima puno veću kontrolu nad dizajnom web stranice od elastičnog izgleda, ali čini stranice manje responzivnima. različite veličine zaslon.
Heksadecimalni.
Heksadecimalni brojevi, također poznati kao "hex" brojevi, sustav su brojeva s bazom 16, što znači da koriste 16 znakova za definiranje boje. Heksadecimalni brojevi koriste brojeve od 0 do 9 i slova od A do F. Svaka boja je identificirana s tri para heksadecimalnih brojeva. Prvi par brojeva ili slova odnosi se na crvenu nijansu, drugi par na zelenu nijansu, a treći par na plavu nijansu.
Beskonačno listanje. Beskonačno listanje
Beskonačno pomicanje je kada se novi sadržaj učitava dok nastavljate s pomicanjem. Ovo stvara "beskrajni", beskrajni svitak. Neki popularni primjeri toga su Facebook, Pinterest ili Twitter vremenske trake.
Pomicanje paralakse. Pomicanje paralakse.
Ova metoda pomicanja stvara osjećaj dubine dizajn web stranice. Kada se korisnik pomiče, elementi na web stranici bit će na različitim udaljenostima i kretati se različitim brzinama dok se korisnik pomiče. Ovo stvara iluziju dubine i udaljenosti na ravnoj web stranici.
Rezolucija. Dopuštenje. Definicije i pojmovi web dizajna.
Rezolucija je broj piksela prikazanih na ekranu. Ovo je standardna metoda koja se koristi u web dizajnu za određivanje veličina slike. Kvaliteta slike obično se opisuje u pikselima po inču, pri čemu više piksela rezultira kvalitetnijom slikom.
Responzivan / prilagođen mobilnim uređajima / optimiziran za mobilne uređaje. Responzivno / prilagođeno mobilnim uređajima / optimizirano za mobilne uređaje
Od prošle godine više od polovice web prometa dolazi s pametnih telefona. To znači da postaje sve važnije da web stranica izgleda bolje Mobilni uredaji, kao i na računalima. Učiniti web stranice responzivnim/mobilno responzivnim/mobilno optimiziranima znači dizajnirati i razviti web stranicu koja će se prilagoditi uređaju ili ekranu na kojem se gleda.
Upotrebljivost. Jednostavnost korištenja.
Upotrebljivost je koncept web dizajna koji opisuje koliko je vaša web stranica jednostavna za posjetitelje za koje je dizajnirana. U idealnom slučaju, posjetitelj će moći jednostavno koristiti vašu stranicu kada prvi put naiđe na nju, uz minimalne prepreke, frustracije i potrebu da zatraži pomoć. Razumijevanje načela upotrebljivosti ključni je korak u stvaranju izvrsno web stranica.
UX (istraživanje korisnika) / UI (korisničko sučelje)
UX i UI dizajn je posao koji poboljšava korisničko iskustvo. Važno je znati razlike između UX-a i UI-a da biste razumjeli kako oni rade zajedno.
UX, istraživanje korisnika, uključuje svaki aspekt korisničkog iskustva s web-stranicom od početka do kraja. cilj - poboljšati kvalitetu interakcija korisnika sa web mjestom.
UI, korisničko sučelje, fokusira se na vizualne i interaktivne elemente web stranice, kao što su gumbi, ikone i tipografija. Cilj je poboljšati izgled i funkcionalnost web stranice.
Anatomija frontend stranice. Definicije i pojmovi web dizajna.
-
Breadcrumb. Krušne mrvice.
Kada web stranice pokazuju korisnicima kako su se kretali web stranicom i kako se vratiti početna stranica, to se često radi pomoću krušnih mrvica. To se obično prikazuje kao niz ugniježđenih kategorija, kao što je Početna > Kategorija > Godina > Mjesec > Objava.
Favicon. Favicon.
Favicon je sićušna ikona koja se pojavljuje na traci kartica vašeg preglednika. Obično su veličine 16 × 16 piksela (što je zapravo vrlo malo) i spremaju se kao .ico, .gif ili .png slike. Gotovo svaku sliku možete koristiti kao ikonu sve dok je odgovarajuće veličine i spremljena u pravom formatu.
Žarište. Koordinator.
Fokus web stranice je dio stranice na koji se privlači vaša pažnja. Dizajneri će potrošiti mnogo vremena stvarajući žarišnu točku koja stvarno privlači pažnju gledatelja, a zatim će u fokus staviti najvažniju stvar na stranici. To osigurava da ga vidi što više ljudi.
Prednji kraj. Prednji kraj.
To su svi elementi kao što su slike, tekst, stranice koje će ljudi vidjeti kada prvi put posjete vašu stranicu. U biti, to je ono s čime će ljudi komunicirati i angažirati se na web stranici.
Ikona hamburgera. Ikona hamburgera.
Ikona hamburgera odnosi se na ikonu izbornika koja se obično nalazi u kasnijim programima. Ima tri vodoravne pruge (otuda i "hamburger") i skriva tradicionalni navigacijski izbornik iza jedne ikone.
Odredišna stranica. Odredišna stranica.
Ovo je prva stranica koju će posjetitelji vaše stranice vidjeti. Mnoge web stranice koriste namjensku odredišnu stranicu kako bi naučile nešto od posjetitelja (kao što je dijeljenje njihove adrese e-pošte ili stranice specifične za proizvod). Vaš odredišna stranica je jedna od najvažnijih stranica na vašoj web stranici i trebali biste potrošiti puno vremena na njezino optimiziranje.
Navigacija. Navigacija.
Navigacija je sustav koji se koristi za kretanje između elemenata na vašoj web stranici i jedan je od najvažnijih elemenata svake web stranice. Zato je jako važno poznavati ključna načela navigacije web stranice. Najviše svijetli primjer Navigacije su izbornici koji se pojavljuju na većini web stranica. Ali također obratite pozornost na to kako su stranice organizirane i veze među njima. Također mogu posjetiteljima olakšati navigaciju web stranicom.
Anatomija pozadine web stranice. Definicije i pojmovi web dizajna.
-
Stražnji kraj. Stražnji kraj.
Ovo je dio vašeg sustava koji učinkovito pokreće vašu stranicu, ali je skriven od posjetitelja. Dostupno je mnogo različitih pozadinskih komponenti, ali sve obično sadrže iste stvari — aplikacije, informacijsku strukturu i vaš CMS.
CMS
Sustav za upravljanje sadržajem je interni alat za upravljanje sadržajem vaše web stranice, dodavanje korisnika, upravljanje komentarima i moguće mnogo više. Ako ste ikada koristili WordPress za izradu web stranice, koristili ste CMS. CMS čini dizajniranje i stvaranje web stranice puno lakšim jer skriva velik dio sirovog koda koji pokreće web stranicu.
e-trgovina. Elektroničko poslovanje.
E-trgovina znači "elektronička trgovina". baš kao što "e-mail" znači "elektronička pošta". Obično dodajete trgovinu na svoju web stranicu e-trgovina, koji će obrađivati opise proizvoda, kupnje i prodaje te podatke o kupcima.
HTTP/HTTPS
To je sustav koji upravlja komunikacijom između preglednika, poslužitelja i web aplikacija. Definira kako se podaci trebaju pakirati i slati.
HTTPS je proširenje HTTP-a koje može uspostaviti veze preko SSL-a (Secure Socket Layer). Ovo je mnogo sigurniji način dijeljenja podataka na mreži. Mnogi moderni web-preglednici će vas upozoriti ako web-mjesto koristi standardni HTTP protokol umjesto HTTPS-a.
Kao vlasnik web stranice, možete kupiti SSL certifikate potrebne za korištenje HTTPS-a od raznih pružatelja usluga. Nakon dodavanja, učinit će vašu stranicu sigurnijom i izgraditi povjerenje kod vaših kupaca.
Uključiti. Uvjeti web dizajna
Mali program koji se instalira povrh glavne stranice i pruža dodatnu sigurnost. Dodaci su dostupni za većinu popularnih CMS platformi i mogu se koristiti za mnoge različite funkcije, od automatizacije postova na blogu do upravljanja potencijalnim klijentima.
Predložak. Uzorak.
Predlošci se u web dizajnu koriste na isti način na koji se koriste za dokumente i slike—kako bi se osigurao dosljedan dizajn na mnogo različitih stranica. Većina CMS platformi pružit će vam skup predložaka za vašu web stranicu koji će vam pomoći osigurati dosljednost na vašim stranicama i vašem dizajnu na njima.
Tehnički uvjeti za Internet. Definicije i pojmovi web dizajna.
-
Sidreni tekst. Sidreni tekst.
Anchor tekst je izraz ili nekoliko riječi koje sadrže hipervezu. Korištenje pravog sidrenog teksta može značajno utjecati na rangiranje vaše stranice u tražilicama.
Povratna veza. Povratna veza.
Ovo su veze na vašu stranicu s drugih stranica. Kada se druga stranica poveže s vašom, na primjer da usmjeri svoje čitatelje na izvor, primili ste povratnu vezu. Povratne veze su vrlo važne kada se radi o povećanju rangiranja u pretraživanju jer će višestruke povratne veze s pouzdanih stranica povećati vidljivost vaše stranice.
Širina pojasa. Širina pojasa.
Širina pojasa je pojam koji se koristi u mnogo različitih konteksta, ali u biti označava količinu podataka poslanih ili primljenih u određenom razdoblju. Može se koristiti, na primjer, za opisivanje vaše brzine interneta, gdje se obično navodi u kilobitima po sekundi (kbps). Međutim, ponekad se koristi za opisivanje koliko podataka možete koristiti mjesečno kao dio svog paketa web hostinga.
Predmemorija. Unovčiti.
Predmemorija je skup podataka koji su pohranjeni u web pregledniku. To znači da će se sljedeći put kada korisnik posjeti stranicu stranica učitati brže jer se učitava iz lokalne memorije.
Uvjeti DNS web dizajna
DNS je kratica za Domain Name Service. Ovo je sustav pomoću kojeg vaš web preglednik pronalazi web stranice. Kada ti azbyka.com.ua , vaš preglednik traži "DNS tablicu" koja ovu adresu prilagođenu ljudima pretvara u adresu prilagođenu računalu (tj. onu sastavljenu od brojeva). DNS sustav prati gdje se nalaze sve web stranice na svijetu kako bi ih vaš preglednik mogao pronaći.
Naziv domene
Ovo je naziv vaše stranice. Domene možete kupiti od mnogih tvrtki. Ne smiju sadržavati više od 63 znaka. Na primjer, https://azbyka.com.ua/je naziv naše domene.
FTP
FTP je kratica za File Transfer Protocol i sustav je za prijenos datoteka i podataka iz lokalne pohrane (recimo, na vašem računalu) na vaš web poslužitelj. Za korištenje FTP-a morate preuzeti mali program koji se zove FTP klijent.
Stalna poveznica. Trajna poveznica
Stalna poveznica koja vam omogućuje da navedete adresu koja će uvijek upućivati na određeni post na blogu ili stranicu, bez obzira na to kako promijenite strukturu svoje web stranice oko nje. Ovo je vrlo korisno ako koristite postove na blogu za povećanje prometa na svojoj web stranici jer ne morate ručno mijenjati desetke (ili stotine) veza ako se odlučite promijeniti dizajn vaše web stranice ili promijenite naziv domene.
URL
Adresa koja pokazuje gdje se može pronaći određena stranica ili drugi resurs.
Web hosting. Definicije i pojmovi web dizajna.
Web hosting je tvrtka koja upravlja poslužiteljima koji pohranjuju vaše web stranica. Kao što smo objasnili u našem članku o web hostingu, web domaćini mogu se uvelike razlikovati u razini usluga koje nude. Dobar web host moći će vas uvjeriti da će vaša stranica biti dostupna 99,9% vremena, a također će vam pružiti alate za njezinu sigurnost i učinkovitost.
Web poslužitelj
Web poslužitelj je računalo koje zapravo pohranjuje vašu web stranicu. Najvjerojatnije se nalazi u instalaciji poslužitelja u vlasništvu vašeg web hosta, iako je također moguće pokrenuti vlastite poslužitelje.
Terminologija web razvoja. Definicije i pojmovi web dizajna.
CSS
CSS je kratica za Cascading Style Sheets, a zajedno s HTML-om, te su tablice najosnovniji dio svake web stranice. Prije deset godina, formatiranje web stranice, kao što je veličina naslova ili imaju li slike obrube, bilo je određeno u samom HTML kodu. To je značilo da je promjena formatiranja bila radno intenzivna proces prolaska svakog elementa stranice i promjene koda.
Sa CSS-om je sve puno jednostavnije. Stil stranice sadržan je u jednoj (ili više) CSS datoteka koje određuju kako naslovi izgledaju, kako se slike prikazuju i mnoge druge elemente. Oni govore pregledniku kako da prikaže web stranicu. Dakle, format cijelih web stranica može se promijeniti promjenom samo jednog dijela koda.
DHTML
DHTML je kratica za Dynamic HyperText Markup Language. To je izraz za jezik koji kombinira više jezika web dizajna—HTML, JavaScript i CSS—u jedan super jezik za web razvoj. To je obično ono što će moderni web programeri koristiti za izradu web stranice za vas.
Doctype. Definicije i pojmovi web dizajna.
U HTML-u, vrsta dokumenta je opis vrste HTML-a i verzije koja se koristi na web stranici. Koriste ga preglednici za provjeru integriteta stranice i može uzrokovati sigurnosne pogreške ako je neispravan.
Em. EM. Uvjeti web dizajna
Em se koristi za opisivanje veličine fonta u odnosu na "roditeljski" font koji se koristi na stranici. 1Em znači da je font (ili ponekad drugi elementi) iste veličine kao njihov nadređeni element, 2em znači da su duplo veći i tako dalje.
Ugrađeni stil. Ugrađeni stil. Uvjeti web dizajna
Dok se CSS (vidi gore) može koristiti za opisivanje formata cijelih stranica odjednom, ponekad trebate promijeniti samo stil na jednoj stranici. Ovo je kada se koristi inline stil. Ugrađeni stil dio je CSS koda napisan u zaglavlju web-stranice koji utječe samo na elemente na toj stranici, a ne na cijelo web-mjesto.
Obitelj/stil/težina fontova. Obitelj/stil/težina fontova
Web dizajneri i programeri često ne rade s određenim fontovima jer različiti preglednici ne koriste uvijek iste fontove. Zbog toga ćete u CSS dokumentu vidjeti da je upotrijebljeni font definiran kao obitelj fontova—grupa fontova koji se mogu koristiti—a ne samo jedan pojedinačno. Uz ovu definiciju, CSS dokument također će definirati stil fonta (kurziv, podcrtano itd.) i težinu (podebljano, svijetlo itd.).
HTML. Definicije i pojmovi web dizajna.
Jezik za označavanje hiperteksta osnova je interneta. Sve web-stranice napisane su, barem donekle, u HTML-u, koji je dizajniran da bude što lakši za pisanje. Zapravo, može biti vrlo korisno, pokušajte Vodič na HTML kôd, da vidite je li lako pisati - iznenadit ćete se što možete postići u nekoliko sati!
Metapodaci.
Metapodaci su podaci sadržani u zaglavlju web stranica. Ovi su podaci dostupni vašem pregledniku, ali se ne prikazuju kao dio web stranice koju gledate - morat ćete vidjeti izvorni kod da biste im pristupili.
Otvoreni izvor. Otvoreni izvor. Uvjeti web dizajna
Softver otvorenog koda podržavaju korisnici i može se slobodno koristiti i mijenjati. To je u suprotnosti s vlasničkim softverom koji je u vlasništvu i održavanju određene tvrtke. Većina web programera koristit će softver otvorenog koda barem ponekad jer ne samo da je jeftiniji, već može biti i sigurniji. Danas većina web programera minimalizira sigurnosne provale korištenjem spremnika napisanih na jezicima otvorenog koda.
Inscenacija. Inscenacija. Definicije i pojmovi web dizajna.
Inscenacija webaсайта je proces stvaranja njegove gotovo konačne kopije i zatim testiranja prije postavljanja verzije stranice uživo. Većina web programera "priređuje" web mjesto prije nego što ga objavi kako bi bili sigurni da sve radi ispravno. Često se velike promjene na web-mjestu događaju na početnom mjestu, a ne na web-mjestu uživo.
Valjano. Valjano.
U web dizajnu valjane web stranice su one koje ne sadrže pogreške. U praksi to znači web stranice koje slijede standarde navedene u HTML specifikacijama koje je objavio W3C, zajednica koja postavlja standarde za web razvoj.
XML. Uvjeti web dizajna
XML je kratica za Extensible Markup Language. XML je temeljni dio web dizajna jer djeluje kao "metajezik" koji prevodi elemente jednog jezika u drugi. To znači da se web-stranice mogu izraditi pomoću mnogo različitih jezika, od kojih svi komuniciraju putem XML-a.
Zadnja stvar…
Naravno, ne morate znati sve te definicije i pojmove web dizajna da biste započeli. razvoj web stranice - samostalno ili uz pomoć. U konačnici, web dizajn je proces učenja, a najbolji dizajni su ponovljiva umjetnička djela koja se neprestano poboljšavaju kako učite nove stvari.
Međutim, može biti vrlo korisno imati vodiča kroz ponekad složen svijet web dizajna, osobito kada ste tek na početku. Naši profesionalni web dizajneri pomoći će vam da započnete u uzbudljivom svijetu web dizajna.
Ostavite komentar