Uvod u pitanja internetskog dizajna i pitanja odgovora
Web dizajn je zanimljivo polje. Za dobar dizajn web stranica treba puno hrpa vještina. HTML, CSS <JavaScript, JQuery itd., Neki su od važnih jezika i okvira koje treba vrlo dobro znati da bi mogao dizajnirati fascinantne web stranice.
Ispod su neka od važnih pitanja i odgovora za internetski dizajn:
Dakle, konačno ste pronašli svoj posao iz snova u Web dizajnu, ali se pitate kako probiti internetski intervju i što bi mogla biti vjerojatna pitanja o intervjuu za web dizajn. Svaki je intervju različit, a i opseg posla je različit. Imajući to u vidu, osmislili smo najčešća pitanja i odgovore na internetski dizajn kako bismo vam pomogli da postignete uspjeh u svom intervjuu. Ova pitanja o intervjuu podijeljena su u dva dijela:
Dio 1 - Pitanja o intervjuu za web dizajn (osnovno)
Ovaj prvi dio obuhvaća osnovna pitanja i odgovore na internetski dizajn
Q1.Kako se web stranica može optimizirati? Gdje započeti?
Odgovor:
Da bi poboljšali performanse web stranice, programeri moraju imati ideje specifične za prirodu svakog projekta. Neke su uobičajene i jednostavne vještine za optimizaciju:
- Smanjite CSS i JS kôd. Ovo štedi kilobajt svakog učitavanja stranice.
- Stisnite svu imovinu u najprikladnijem formatu.
- Trebao bi biti omogućen mehanizam za predmemoriranje na strani poslužitelja poput Redisa.
- Slike se trebaju poslužiti prema veličini zaslona uređaja i gustoći piksela. Učitajte samo odgovarajuće slike za određenog korisnika.
- HTML treba biti jasan i koncizan.
Q2.Opišite upotrebu sljedećih HTML5 oznaka: STRONG, EM, SMALL?
Odgovor:
Te oznake stvaraju specifičan vizualni tretman. Na primjer -STRONGoblikuje tekst, EM ga čini italic, a SMALL ga čini manjim. Ali to nije njihova svrha. Svaka ima semantičku svrhu kao što slijedi:
EM - Tekst koji treba naglasiti, mijenjajući njegovo kontekstualno značenje.
JAKO - Može se koristiti u naslovima ili naslovima te također u odlomcima kako bi se istaknula njegova riječ ili fraza.
MALO - Koristi se za odricanje od odgovornosti i pojašnjenja.
Prijeđite na sljedeća pitanja o intervjuu za web dizajn.
Q3. Opišite prednosti i nedostatke korištenja CSS okvira kao što je Bootstrap ili Foundation?
Odgovor:
prednosti:
- Okviri omogućuju brzo prototipiranje izgleda, elemenata i stranica
- promovirati ponovnu upotrebu mnogih dosljednih elemenata kroz cijeli projekt
- eliminirati potrebu za Photoshopovim maketama. Ujedno uklanja i ostale visokokvalitetne statičke skice.
- dolaze s najčešće korištenim komadima standardiziranih
- dobro dokumentirani kôd koji je ugrađen. Ima veliku zajednicu podrške kada se pojave problemi.
Nedostaci:
- pokušava generalizirati zajedničke elemente i često dovodi do ne tako dobrog dizajna
- stvara nekonvencionalan ili složen dizajn ili izgled
- više napora uključuje rješavanje okvira, a ne jednostavno pisanje koda ispočetka.
- dolaze s previše suvišnih stvari koje se nikada ne koriste ili stilova koji se preglasaju ako se ne upotrebljavaju u ispravnom smislu
- sporije vrijeme učitavanja u odnosu na kod napisan od nule.
Q4.Razlikujte "vidljivost: skriveno" i "zaslon: nema"?
Odgovor:
Oboje su svojstva stila
- vidljivost: skriveno: sakriva element, ali svejedno zauzima prostor u izgledu.
- prikaz: nijedan: U potpunosti eliminira element. Ne troši nikakav prostor. HTML za nju nalazi se u izvornom kodu, ali nema razmaka.
Q5. Što je bijeli prostor? Kako to utječe na sadržaj na webu?
Odgovor:
Bijeli prostor je svako područje koje je namjerno prazno ostavljeno. Ne treba biti bijela. U web dizajnu, bijeli prostor koristi se za odvajanje elemenata ili njihovo grupiranje ili skretanje pozornosti na određeni element ili naglašavanje izgleda sadržaja.
Dio 2 - Pitanja o intervjuu za web dizajn (napredno)
Pogledajmo sada napredna pitanja i odgovore na internetski dizajn.
P6. Definirati načela "gestalta"?
Odgovor:
Gestalt principi su iz teorije vizualne percepcije. Neka od ovih načela koja se primjenjuju u web dizajnu su:
- Sličnost - ljudski mozak percipira elemente s usporedivim značajkama kao međusobno povezane, što znači da su ti elementi povezani ili grupirani.
- Blizina - elementi smješteni bliski među sobom smatraju se grupiranim ili povezani jedni s drugima, ili s dijelom cjeline.
- Zatvaranje - Princip zatvaranja čini element fascinantnijim za gledanje. To dizajn čini ugodnijim;
- Slika - Temeljni odnos ima tendenciju mentalnog razdvajanja činjenica na temelju kombinacije boje, oblika i iskustva.
- Uobičajena sudbina - elementi koji se kreću sinkrono i često su zamišljeni kao grupirani
- Kontinuitet - sposobnost našeg mozga da vidi veze između stvari i slijedi neku stazu ili različit put zasnovan na sličnostima među njima.
Q7. Kako kombinirati fontove? Koje vrste kombinacija fontova lijepo djeluju? Koliko različitih vrsta fontova je u redu za upotrebu na web mjestu?
Odgovor:
Postoje fontovi koji lijepo djeluju zajedno i izgledaju lijepo na istoj stranici. Da bi se dva slova pravilno kombinirala, treba pažljivo sagledati sličnosti i razlike među njima.
Dva su fontova međusobno u redu ako su slična, osim ako su vrlo različita. Da bi dva slova bila slična, trebali bi imati jednake x-visine
Kombiniranje fontova koji izgledaju vrlo slično treba izbjegavati poput kombiniranja Helvetice i Lucida Grande.
8. spominjete li responzivni dizajn na web stranici?
Odgovor:
Odgovarajući dizajn: - Pristup stvaranju web lokacija kako bi se osiguralo najbolje iskustvo gledanja i interaktivnost. Usredotočuje se na jednostavnu navigaciju web mjesta. Osigurava minimum pomicanja, pomicanja i mijenjanja veličine na svim uređajima.
Bootstrap je vjerojatno najpopularniji okvir za razvoj responzivnog web dizajna, a temelji se na CSS, HTML i JS.
Prijeđite na sljedeća pitanja o intervjuu za web dizajn.
9. Spomenite neke loše primjere web dizajna?
Odgovor:
U nastavku su navedeni neki vrlo loši načini izrade web dizajna, koje bi svi trebali izbjegavati.
- Slike koje trepere, vrte se ili trepere
- Crna ili vrlo tamna pozadina s bijelim, svijetlim ili blijedim tekstom
- Crne pozadine s smeđim, sivim ili tamnim tekstom
- Popločane pozadinske slike sa svijetlim ili tamnim bojama teksta
- Sve je usredotočeno na stranicu
- Načinite previše slika na stranici ili ogromne slike
- Toliko popisa veza
- Previše naslova ili teksta koji treperi
Q10. Kada upotrebljavate JPEG.webp kompresiju i kada biste radije PNG?
Odgovor:
Svaki format kompresije slike ima određenu svrhu.
JPEG.webp: - Ovo smanjuje veličinu slike pronalazeći područja slične boje. Viša razina kompresije osigurava da takva područja izgledaju agresivnije, što dovodi do gubitka vizualnih informacija i stvaranja artefakata. Ova kompresija je najbolja za fotografije, crteže i gradijente. JPEG.webp ne djeluje vrlo dobro za snimke zaslona ili jednostavne UI elemente ili ravne ikone ili sheme. Vrlo je loše za tekst.
PNG: - Ova metoda kompresije djeluje smanjenjem korištenih boja. To bi moglo dovesti i do laganog gubitka nijansi u boji. PNG metoda je posebno izvrsna za logotipe i ikone te znakove i slike koje sadrže tekst. Za jednostavne ilustracije ili UI elemente i snimke zaslona, PNG je dobar. PNG datoteke uglavnom su veće od JPEG.webp-ova.
Preporučeni članci
Ovo je vodič za popis pitanja i odgovora za internetski dizajn kako bi kandidat mogao lako razbiti ova pitanja za intervjue za web dizajn. Ovdje u ovom postu, proučili smo vrhunska pitanja o intervjuu za web dizajn koja se često postavljaju u intervjuima. Možete pogledati i sljedeće članke da biste saznali više -
- Pitanja o intervjuu za web usluge
- Top 10 pitanja o intervjuu za web razvoj
- 10 najvažnijih softvera za web dizajn za početnike
- Pitanja o intervjuu za Java Web Services
- Bootstrap 4 Cheat sheet