Sissejuhatus veebidisaini intervjuu küsimuste ja vastuste juurde

Veebidisain on huvitav valdkond. Hea veebisaidi kujundamiseks on vaja palju oskusi. HTML, CSS <JavaScript, JQuery jne on mõned olulised keeled ja raamistikud, mida tuleb põnevate veebisaitide kujundamiseks väga hästi osata.

Allpool on toodud mõned olulised veebidisaini intervjuu küsimused ja vastused:

Nii et olete lõpuks leidnud oma unistuste töö veebidisainis, kuid mõtlete, kuidas veebidisaini intervjuud lõhestada ja millised võiksid olla veebidisaini intervjuu tõenäolised küsimused. Iga vestlus on erinev ja ka töö ulatus. Seda meeles pidades oleme välja töötanud kõige tavalisemad veebikujunduse intervjuu küsimused ja vastused, mis aitavad teil intervjuul edu saavutada. Need intervjuu küsimused jagunevad järgmisteks osadeks:

1. osa - veebikujunduse intervjuu küsimused (põhilised)

See esimene osa hõlmab veebikujunduse intervjuu põhiküsimusi ja vastuseid

Q1.Kuidas saab veebisaiti optimeerida? Kust alustada?

Vastus:
Veebisaidi toimivuse parandamiseks peavad arendajad omama iga projekti olemusele omaseid ideid. Mõned tavalised ja hõlpsasti rakendatavad optimeerimisoskused on järgmised:

  • Minimeerige CSS ja JS-kood. See säästab iga lehe laadimist kilobaiti.
  • Tihendage kõik varad kõige sobivamas vormingus.
  • Serveripoolsed vahemälumehhanismid, nagu Redis, peaksid olema lubatud.
  • Pilte tuleks esitada vastavalt seadme ekraanisuurusele ja pikslitihedusele. Laadige ainult antud kasutaja jaoks sobivad pildid.
  • HTML peaks olema selge ja lühike.

K2.Kirjeldage järgmiste HTML5-siltide kasutamist: TUGEV, EM, VÄIKE?

Vastus:
Need sildid loovad spetsiifilise visuaalse käsitluse. Näiteks -STRONGlülitab teksti, EM muudab selle kaldkirjaks ja VÄIKE muudab selle väiksemaks. Kuid see pole nende eesmärk. Igal neist on järgmine semantiline eesmärk:
EM - tekst, mida tuleks rõhutada, muutes selle kontekstilist tähendust.
TUGEV - saab kasutada pealkirjades või pealkirjades ja ka lõikudes, et rõhutada selle sõna või fraasi.
VÄIKE - kasutatakse lahtiütlemiste ja selgituste saamiseks.

Liigume järgmiste veebikujunduse intervjuu küsimuste juurde.

Q3. Kirjeldage CSS-i raamistiku (näiteks Bootstrap või Foundation) kasutamise eeliseid ja puudusi?

Vastus:

Eelised:

  • Raamid pakuvad paigutuste, elementide ja lehtede kiiret prototüüpimist
  • edendada paljude järjepidevate elementide korduvkasutatavust kogu projekti vältel
  • kõrvaldage Photoshopi maketide vajadus. See tagab ka muude stabiilsete visandite eemaldamise.
  • tulevad tavaliselt kasutatavate standardiseeritud tükkidega
  • sisseehitatud hästi dokumenteeritud kood. Sellel on probleemide tekkimisel suur tugiringkond.

Puudused:

  • proovib üldistada levinud elemente ja viib sageli mitte nii hea väljanägemisega kujundusteni
  • loob ebatraditsioonilise või keeruka kujunduse või paigutuse
  • rohkem pingutusi on vaja raamide käsitlemisega, selle asemel, et lihtsalt koodi nullist kirjutada.
  • kaasas liiga palju üleliigseid asju, mis kunagi ära ei harju, või stiilid, mis jäävad üle, kui neid õigesti ei kasutata
  • aeglasemad laadimisajad, võrreldes nullist kirjutatud koodiga.

Q4.Kas vahet teha nähtavus: peidetud ja kuvamine: puudub?

Vastus:
Mõlemad on stiiliomadused

  • nähtavus: peidetud: see peidab elementi, kuid võtab paigutuses siiski ruumi.
  • kuva: puudub: see välistab elemendi täielikult. See ei tarbi ruumi. selle HTML on lähtekoodis, kuid tühikut pole.

Q5. Mis on valge ruum? Kuidas see mõjutab veebisisu?

Vastus:
Valge tühik on mis tahes ala, mis on tahtlikult tühjaks jäetud. See ei pea olema valge. Veebikujunduses kasutatakse tühikut elementide eraldamiseks või rühmitamiseks või tähelepanu juhtimiseks mõnele konkreetsele elemendile või rõhuasetusele sisu paigutusele.

2. osa - veebikujunduse intervjuu küsimused (täpsemad)

Vaatame nüüd täpsemat veebikujunduse intervjuu küsimusi ja vastuseid.

Q6. Määratlege gestalt põhimõtted?

Vastus:

Geštalti põhimõtted pärinevad visuaalse tajumise teooriast. Mõned neist veebidisainides rakendatud põhimõtetest on järgmised:

  1. Sarnasus - inimese aju tajub võrreldavate tunnustega elemente üksteisega seotult ja see tähendab, et need elemendid on omavahel ühendatud või rühmitatud.
  2. Lähedus - üksteise lähedale paigutatud elemente peetakse grupeerituks või üksteisega seotud või terviku osaks.
  3. Sulgemine - sulgemispõhimõte muudab elemendi põnevamaks. See muudab disaini nauditavamaks;
  4. Joonis - see on maapinna suhe, millel on kalduvus fakte vaimselt eraldada värvi, kuju ja kogemuste kombinatsiooni põhjal.
  5. Ühine saatus - elemendid, mis liiguvad sünkroonselt ja on sageli ette nähtud rühmitatuna
  6. Järjepidevus - meie aju võime näha seoseid asjade vahel ja järgida mingit rada või erinevat rada, tuginedes nendevahelistele sarnasustele.

Q7. Kuidas fonte ühendada? Millised fontikombinatsioonide tüübid kenasti töötavad? Mitu erinevat tüüpi fonti on veebisaidil kasutamiseks sobilik?

Vastus:
On fonte, mis töötavad kenasti koos ja näevad samal lehel ilusad välja. Kahe fondi õigeks ühendamiseks tuleks hoolikalt uurida nendevahelisi sarnasusi ja erinevusi.
Kaks fonti sobivad üksteisega suurepäraselt, kui nad on sarnased, välja arvatud või kui nad on väga erinevad. Et kaks fonti oleksid sarnased, peaksid neil olema võrdsed x-kõrgused
Vältida tuleks väga sarnaste fondide ühendamist, näiteks Helvetica ühendamist Lucida Grandega.

8. Kas veebilehel on mainitud tundlikku disaini?

Vastus:
Vastuvõtlik disain: - saitide loomise lähenemisviis, et pakkuda parimat vaatamiskogemust ja interaktiivsust. See keskendub saidi hõlpsale navigeerimisele. See tagab minimaalse kerimise, panoraamimise ja suuruse muutmise kõigis seadmetes.
Bootstrap on tõenäoliselt populaarseim raamistik reageeriva veebidisaini arendamiseks, see põhineb CSS-il, HTML-il ja JS-il.

Liigume järgmiste veebikujunduse intervjuu küsimuste juurde.

9. Kas mainida mõnda halba näidet veebidisainist?

Vastus:
Allpool on nimetatud mõnda väga halba veebikujunduse viisi, mida peaksid kõik vältima.

  • Pilte, mis vilguvad, pöörlevad või vilguvad
  • Must või väga tume taust, valge, hele või kahvatu tekst
  • Mustad taustad pruuni, halli või tumeda tekstiga
  • Plaaditud heleda või tumeda tekstiga taustpildid
  • Kõik on lehe keskmes
  • Liiga palju pilte lehel või tohutult pilte
  • Nii palju linkide loendeid
  • Liiga palju pealkirju või teksti, mis vilgub

Q10. Millal te JPEG.webp-pakkimist kasutate ja millal eelistaksite PNG-d?

Vastus:
Igal pildi tihendamise vormingul on konkreetne eesmärk.
JPEG.webp: - see vähendab pildi suurust, leides sarnase värviga alasid. Kõrgem pakkimistase tagab, et sellised alad näevad välja agressiivsemalt, põhjustades visuaalse teabe kadumise ja artefaktide tekke. See pakkimine on kõige parem fotode, jooniste ja kallete jaoks. JPEG.webp ei tööta ekraanipiltide või lihtsate kasutajaliidese elementide või lamedate ikoonide või skeemide jaoks eriti hästi. See on teksti jaoks väga halb.
PNG: - see tihendamismeetod toimib värvide vähendamise teel. See võib põhjustada ka värvivarjundite väikese kadumise. PNG-meetod sobib eriti hästi logode ja ikoonide ning teksti sisaldavate märkide ja piltide jaoks. PNG on hea ka lihtsate illustratsioonide või kasutajaliidese elementide ja ekraanipiltide jaoks. PNG-failid on enamasti JPEG.webp-failidest suuremad.

Soovitatavad artiklid

See on juhend veebikujunduse intervjuu küsimuste ja vastuste loendisse, et kandidaat saaks hõlpsalt neid veebikujunduse intervjuu küsimusi lahendada. Selles postituses oleme uurinud populaarsemaid veebikujunduse intervjuude küsimusi, mida küsitakse sageli intervjuudes. Lisateabe saamiseks võite vaadata ka järgmisi artikleid -

  1. Veebiteenuste intervjuu küsimused
  2. 10 parimat veebiarendusalase intervjuu küsimust
  3. 10 parimat olulist veebidisaini tarkvara algajatele
  4. Java veebiteenuste intervjuuküsimused
  5. Bootstrap 4 petmisleht