Uslovi web dizajna su glavne stvari koje biznismen treba znati. Web dizajn je proces kreiranja i organiziranja vizualnih i funkcionalnih aspekata web stranice. Uključuje različite termine i koncepte koji opisuju različite aspekte dizajna i razvoja web stranica.
Web dizajn postoji već dugo vremena i ne gubi vrijeme u razvoju složenog jezika ispunjenog žargonom. Čim napravite i najmanji korak u svijet web dizajna, počet ćete čuti: “Koji CMS želite da koristite?”, “Želite li ga iznad ili ispod preklopa?”, “Da li želite fiksni raspored? ", "Koji web hosting želite koristiti? ” i ostajete da se pitate šta sve to znači. Znamo da pokušaj da se otkriju sve ključne definicije i termini web dizajna može biti prilično neodoljiv, posebno kada je sve novo.
Web dizajn pokriva širok spektar poslova, od web programera koji pišu kod, preko UI i UX dizajnera koji rade na sučeljima, do web dizajnera koji se brinu o izgledu i osjećaju vaše stranice. Mnogo je ljudi koji se bave web dizajnom.
Naučiti što znači samo nekoliko akronima i žargona za web dizajn može učiniti stvari mnogo lakšim za vašeg dizajnera i programera, a također vam može pomoći da shvatite kako vaša vlastita web stranica zapravo funkcionira. Dakle, bilo da angažujete pomoć ili to radite sami, poznavanje najčešće korištenih i najčešće zbunjujućih pojmova u web dizajnu i razvoju može biti od koristi:
Definicije i pojmovi web dizajna.
Pristupačnost
Trenutno dostupnost je od velike važnosti u web dizajnu. U suštini, to znači koliko je vaša web stranica dostupna ljudima, uključujući i one sa oštećenjem 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 dostupnim ako ne znate odakle početi.
10 Google kazni koje mogu uticati na vašu web stranicu
Ispod preklopa (i iznad preklopa).
Ispod i iznad preloma nalaze se dva pojma koja potiču iz novina. “Preklop” je mjesto gdje se novine savijaju. Top and Bottom opisuje da li se informacije prikazuju na gornjoj ili donjoj polovini preklopa. Za web stranice, "preklop" se obično definira kao tačka na kojoj treba da počnete s pomicanjem, ali princip je isti - informacije koje se nalaze na vrhu stranice (ATF) su pristupačnije i vidljivije od informacija koje se nalaze na web stranici. dno stranice (BTF). . .
Elastična (raspored). Elastična (raspored). Uslovi web dizajna
Elastični raspored je pristup dizajnu web stranice koji opisuje odnose između elemenata i njihove pozicije na stranici u procentima, a ne u specifično dizajniranim razmacima i veličinama. To znači da web stranice postaju prilagodljivije - i prema željama 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 responzivnog dizajna, ali prije nego što se rodila ideja o responzivnom dizajnu, elastični izgledi su pružali jednostavan način da web stranice budu responzivne.
Pr. Bivši
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 specificira kolika je web stranica i gdje će se tačno elementi pojaviti na njoj. Ovo dizajnerima daje mnogo više kontrole nad dizajnom web stranica nego elastični izgled, ali čini stranice manje osjetljivim. različite veličine ekran.
Heksadecimalni.
Heksadecimalni brojevi, takođe poznati kao "heksadecimalni" brojevi, su sistem brojeva sa bazom od 16, što znači da koriste 16 znakova za definisanje boje. Heksadecimalni brojevi koriste brojeve od 0 do 9 i slova A do F. Svaka boja je identificirana sa 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 skrolovanje. Beskonačno skrolovanje
Beskonačno pomicanje je kada se novi sadržaj učitava dok nastavite s pomicanjem. Ovo stvara "beskrajni", beskrajni skrol. Neki popularni primjeri za to su Facebook, Pinterest ili Twitter vremenski okviri.
Paralaksno skrolovanje. Paralaksno skrolovanje.
Ova metoda pomicanja stvara osjećaj dubine dizajn web stranice. Kada korisnik skroluje, elementi na web stranici će se nalaziti na različitim udaljenostima i kretati se različitim brzinama dok korisnik skroluje. Ovo stvara iluziju dubine i udaljenosti na ravnoj web stranici.
Rezolucija. Dozvola. 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. Kvalitet slike se obično opisuje u pikselima po inču, pri čemu više piksela rezultira slikom višeg kvaliteta.
Responzivno / prilagođeno mobilnim uređajima / optimizirano za mobilne uređaje. Odgovarajuće / prilagođeno mobilnim uređajima / optimizirano za mobilne uređaje
Od prošle godine, više od polovine web saobraćaja dolazi sa pametnih telefona. To znači da postaje sve važnije da web stranica izgleda bolje mobilnim uređajima, kao i na računarima. Učiniti web stranice responsive/mobile responsive/mobile optimized znači dizajn i razvoj web stranice koja će se prilagoditi uređaju ili ekranu na kojem se gleda.
Upotrebljivost. Jednostavnost upotrebe.
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 lako koristiti vašu stranicu kada se prvi put na nju susreće, uz minimalne prepreke, frustracije i potrebu da zatraže pomoć. Razumijevanje principa upotrebljivosti je ključni korak u stvaranju odličan web stranica.
UX (Istraživanje korisnika) / UI (korisnički interfejs)
UX i UI dizajn je rad koji poboljšava korisničko iskustvo. Važno je znati razlike između UX-a i korisničkog sučelja da biste razumjeli kako oni rade zajedno.
UX, istraživanje korisnika, uključuje svaki aspekt korisničkog iskustva na web stranici od početka do kraja. Cilj - poboljšati kvalitet interakcija korisnika sa sajtom.
UI, korisničko sučelje, fokusira se na vizualne i interaktivne elemente web stranice, kao što su dugmad, ikone i tipografija. Cilj je poboljšati izgled i funkcionalnost web stranice.
Anatomija frontend stranice. Definicije i pojmovi web dizajna.
-
Breadcrumb. Mrvice hljeba.
Kada web stranice pokazuju korisnicima kako su se kretali web stranicom i kako da se vrate na njih početnu stranicu, to se često radi pomoću hljebnih mrvica. Ovo se obično prikazuje kao niz ugniježđenih kategorija, kao što je Početna > Kategorija > Godina > Mjesec > Objava.
Favicon. Favicon.
Favicon je mala ikona koja se pojavljuje na traci kartica vašeg pretraživača. Obično su veličine 16×16 piksela (što je zapravo vrlo malo) i čuvaju se kao .ico, .gif ili .png slike. Možete koristiti skoro svaku sliku kao ikonu sve dok je odgovarajuće veličine i sačuvana u pravom formatu.
Fokusna tačka. Koordinator.
Fokus web stranice je dio stranice na koji je privučena vaša pažnja. Dizajneri će potrošiti dosta vremena na kreiranje fokusne tačke koja zaista privlači pažnju gledaoca, a zatim stavljajući u fokus ono najvažnije na stranici. Ovo 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 suštini, ovo je ono s čime će ljudi komunicirati i sa čim će se surađivati na web stranici.
Ikona hamburgera. Ikona hamburgera.
Ikona hamburgera odnosi se na ikonu menija koja se obično nalazi u kasnijim programima. Ima tri horizontalne pruge (otuda i "hamburger") i skriva tradicionalni navigacijski meni iza jedne ikone.
Landing page. Landing page.
Ovo je prva stranica koju će posjetioci 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). Tvoja landing page je jedna od najvažnijih stranica na vašoj web stranici i trebali biste potrošiti dosta vremena na optimizaciju iste.
Navigacija. Navigacija.
Navigacija je sistem 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 toliko važno poznavati ključne principe navigacije web stranicama. Najviše sjajan primjer Navigacije su meniji koji se pojavljuju na većini web stranica. Ali također obratite veliku pažnju na to kako su stranice organizirane i veze između njih. Oni također mogu učiniti web stranicu mnogo lakšom za posjetitelje za navigaciju.
Anatomija pozadine web stranice. Definicije i pojmovi web dizajna.
-
Zadnji kraj. Zadnji kraj.
Ovo je dio vašeg sistema koji efikasno pokreće vašu web lokaciju, ali je skriven od posjetitelja. Dostupne su mnoge različite pozadinske komponente, ali sve one obično sadrže iste stvari—aplikacije, strukturu informacija i vaš CMS.
CMS
Sistem upravljanja 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 kreiranje web stranice, koristili ste CMS. CMS čini dizajniranje i kreiranje web stranice mnogo lakšim jer skriva veliki dio sirovog koda koji pokreće web stranicu.
Ecommerce. Elektronska trgovina.
E-trgovina znači "elektronska trgovina". baš kao što "e-mail" znači "elektronska pošta". Obično dodate trgovinu na svoju web stranicu e-trgovina, koji će obraditi opise proizvoda, kupovine i prodaje i podatke o kupcima.
HTTP/HTTPS
To je sistem koji upravlja komunikacijom između pretraživača, servera i web aplikacija. Definira kako podaci trebaju biti upakovani i poslati.
HTTPS je proširenje HTTP-a koje može uspostaviti veze preko SSL-a (Secure Socket Layer). Ovo je mnogo sigurniji način za dijeljenje podataka na mreži. Mnogi moderni web pretraživači će vas upozoriti ako web stranica koristi standardni HTTP protokol umjesto HTTPS.
Kao vlasnik web stranice, možete kupiti SSL certifikate potrebne za korištenje HTTPS-a od različitih provajdera. Nakon dodavanja, učinit će vašu stranicu sigurnijom i izgraditi povjerenje kod vaših kupaca.
Dodatak. Uslovi web dizajna
Mali program koji se instalira na vrhu 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 blog postova do upravljanja potencijalnim klijentima.
Predložak. Uzorak.
Predlošci se koriste u web dizajnu 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 će vam pružiti skup predložaka za vašu web stranicu koji će vam pomoći da osigurate konzistentnost na vašim stranicama i vašem dizajnu na njima.
Tehnički uslovi za internet. Definicije i pojmovi web dizajna.
-
Anchor text. Anchor text.
Anchor tekst je fraza ili nekoliko riječi koje sadrže hipervezu. Korištenje pravog sidrenog teksta može napraviti ogromnu razliku u tome koliko se vaša stranica rangira na pretraživačima.
Backlink. Backlink.
Ovo su linkovi ka vašoj web stranici sa drugih stranica. Kada se neka druga stranica poveže sa vašom, na primjer da biste svoje čitaoce uputili na resurs, dobili ste povratnu vezu. Povratne veze su vrlo važne kada je u pitanju povećanje vašeg rangiranja u pretraživanju jer će više povratnih veza sa pouzdanih stranica povećati vidljivost vaše stranice.
Bandwidth. Bandwidth.
Širina pojasa je termin koji se koristi u mnogo različitih konteksta, ali u suštini označava količinu podataka poslatih ili primljenih u datom periodu. Može se koristiti, na primjer, za opisivanje vaše internet brzine, gdje se obično navodi u kilobitima u sekundi (kbps). Međutim, ponekad se koristi da opiše koliko podataka možete koristiti mjesečno kao dio vašeg web hosting paketa.
Skladiste. Cash.
Keš memorija je skup podataka koji se pohranjuje u web pretraživaču. To znači da će sljedeći put kada korisnik posjeti stranicu, stranica će se brže učitati jer se učitava iz lokalne memorije.
Uslovi DNS web dizajna
DNS je skraćenica od Domain Name Service. Ovo je sistem pomoću kojeg vaš web pretraživač pronalazi web stranice. Kada ti azbyka.com.ua , vaš pretraživač traži "DNS tabelu" koja ovu adresu prilagođenu ljudima pretvara u adresu prilagođenu računaru (to jest, onu sastavljenu od brojeva). DNS sistem prati gdje se nalaze sve web stranice na svijetu kako bi ih vaš pretraživač mogao pronaći.
Ime domena
Ovo je naziv vaše stranice. Možete kupiti domene od mnogih kompanija. Ne mogu sadržavati više od 63 znaka. Na primjer, https://azbyka.com.ua/je naš naziv domene.
FTP
FTP je skraćenica od File Transfer Protocol i predstavlja sistem za prenos datoteka i podataka iz lokalne memorije (recimo, na vašem računaru) na vaš web server. Da biste koristili FTP, morate preuzeti mali program koji se zove FTP klijent.
Permalink. Trajna veza
Stalna veza koja vam omogućava da navedete adresu koja će uvijek upućivati na određeni blog post ili stranicu, bez obzira na to kako promijenite strukturu vaše web stranice oko nje. Ovo je vrlo korisno ako koristite postove na blogu da povećate promet na svojoj web stranici jer ne morate ručno mijenjati desetine (ili stotine) linkova ako odlučite promijeniti dizajn vaše web stranice ili promijenite naziv svoje 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 kompanija koja upravlja serverima koji pohranjuju vaše podatke web stranica. Kao što smo objasnili u našem članku o web hostingu, web domaćini mogu uvelike varirati u nivou usluga koje nude. Dobar web host će vas moći uvjeriti da će vaša stranica biti dostupna 99,9% vremena, a također će vam pružiti alate za održavanje sigurnosti i efikasnosti.
Web server
Web server je računar koji zapravo pohranjuje vašu web stranicu. Najvjerovatnije se nalazi u instalaciji servera u vlasništvu vašeg web hosta, iako je moguće pokrenuti i vlastite servere.
Terminologija izrade web stranica. Definicije i pojmovi web dizajna.
CSS
CSS je skraćenica od Cascading Style Sheets, a zajedno sa HTML-om, ovi listovi su najosnovniji dio svake web stranice. Prije deset godina, formatiranje web stranica, kao što je veličina naslova ili da li slike imaju ivice, bilo je određeno u samom HTML kodu. To je značilo da je promjena formatiranja bila naporna proces prolaska svakog elementa stranice i promjene koda.
Sa CSS-om je sve mnogo jednostavnije. Stil stranice je sadržan u jednoj (ili više) CSS datoteka koje određuju kako naslovi izgledaju, kako se prikazuju slike i mnoge druge elemente. Oni govore pretraživaču kako da prikaže web stranicu. Dakle, format čitavih web stranica može se promijeniti zamjenom samo jednog dijela koda.
DHTML
DHTML je skraćenica od Dynamic HyperText Markup Language. To je izraz za jezik koji kombinuje više jezika veb dizajna – HTML, JavaScript i CSS – u jedan super jezik za razvoj veba. Ovo je obično ono što će moderni web programeri koristiti za kreiranje web stranice za vas.
Doctype. Definicije i pojmovi web dizajna.
U HTML-u, tip dokumenta je opis tipa HTML-a i verzije koji se koriste na web stranici. Koriste ga pretraživači za provjeru integriteta stranice i može uzrokovati sigurnosne greške ako je netačna.
Em. EM. Uslovi web dizajna
Em se koristi za opisivanje veličine fonta u odnosu na "roditeljski" font koji se koristi na stranici. 1Em znači da su font (ili ponekad drugi elementi) iste veličine kao njihov roditeljski element, 2em znači da su dvostruko veći, itd.
Embedded style. Ugrađeni stil. Uslovi web dizajna
Dok se CSS (vidi gore) može koristiti za opisivanje formata čitavih stranica odjednom, ponekad je potrebno samo promijeniti stil na jednoj stranici. Ovo je kada se koristi inline stil. Inline stil je dio CSS koda napisan u zaglavlju web stranice koji utječe samo na elemente na toj stranici, a ne na cijelu web stranicu.
Porodica/stil/težina fonta. Porodica/stil/težina fonta
Web dizajneri i programeri često ne rade s određenim fontovima jer različiti pretraživači ne koriste uvijek iste fontove. Zbog toga ćete u CSS dokumentu vidjeti da je korišteni font definiran kao porodica fontova—grupa fontova koji se mogu koristiti—a ne samo jedan pojedinačno. Uz ovu definiciju, CSS dokument će također definirati stil fonta (kurziv, podvučen, itd.) i težinu (podebljano, svijetlo, itd.).
HTML. Definicije i pojmovi web dizajna.
Jezik za označavanje hiperteksta je osnova Interneta. Sve web stranice su napisane, barem donekle, u HTML-u, koji je dizajniran da bude što lakši za pisanje. Zapravo, može biti vrlo korisno, probajte Tutorial na HTML kod, da vidite da li je lako pisati - iznenadićete se šta možete postići za nekoliko sati!
Metapodaci.
Metapodaci su podaci sadržani u zaglavlju web stranica. Ovi podaci su dostupni vašem pretraživaču, ali se ne prikazuju kao dio web stranice koju gledate - morat ćete vidjeti izvorni kod da biste im pristupili.
Open Source. Open source. Uslovi web dizajna
Softver otvorenog koda je podržan od strane korisnika i može se slobodno koristiti i mijenjati. Ovo je u suprotnosti sa vlasničkim softverom, koji je u vlasništvu i održava određena kompanija. 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 minimizira kršenje sigurnosti koristeći kontejnere napisane na jezicima otvorenog koda.
Staging. Staging. Definicije i pojmovi web dizajna.
Staging webstranice je proces kreiranja gotovo konačne kopije i zatim testiranje prije implementacije žive verzije stranice. Većina web programera "inscenira" web stranicu prije objavljivanja kako bi se uvjerili da sve radi ispravno. I često se velike promjene na web stranici dešavaju na početnoj stranici, a ne na stranici uživo.
Validan. Validan.
U web dizajnu, važeće web stranice su one koje ne sadrže greške. U praksi, to znači web stranice koje slijede standarde postavljene u HTML specifikacijama koje je objavio W3C, zajednica koja postavlja standarde za web razvoj.
XML. Uslovi web dizajna
XML je skraćenica od Extensible Markup Language. XML je fundamentalni dio web dizajna jer djeluje kao "metajezik" koji prevodi elemente jednog jezika u drugi. To znači da se web stranice mogu kreirati koristeći mnogo različitih jezika, od kojih svi komuniciraju putem XML-a.
Zadnja stvar…
Naravno, ne morate znati sve ove definicije i pojmove web dizajna da biste započeli. razvoj web stranice - samostalno ili uz pomoć. Konačno, 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 od velike pomoći imati vodič kroz ponekad složen svijet web dizajna, posebno kada tek počinjete. Naši profesionalni web dizajneri pomoći će vam da počnete u uzbudljivom svijetu web dizajna.
Оставить комментарий