Introducere în Web Design Întrebări și răspunsuri
Proiectarea web este un domeniu interesant. Este nevoie de o mulțime de seturi de abilități pentru a face un design bun al site-ului. HTML, CSS <JavaScript, JQuery, etc, sunt câteva dintre limbile și cadrele importante pe care trebuie să le cunoască foarte bine pentru a putea proiecta site-uri web fascinante.
Mai jos sunt câteva dintre întrebările și răspunsurile importante pentru interviuri de web design:
Așadar, în sfârșit, ți-ai găsit slujba de vis în Web Design, dar te întrebi cum să spargi interviul de web design și care ar putea fi întrebările de interviu de web design. Fiecare interviu este diferit și sfera unui loc de muncă este diferită. Reținând acest lucru, am conceput cele mai comune întrebări și răspunsuri la interviul de web design pentru a vă ajuta să obțineți succes în interviul dvs. Aceste întrebări la interviu sunt împărțite în două părți:
Partea 1 - Întrebări despre interviul de web design (de bază)
Această primă parte acoperă întrebările de bază și răspunsurile la interviuri de web design
Q1.Cum poate fi optimizat un site web? Unde să încep?
Răspuns:
Pentru a îmbunătăți performanța unui site web, dezvoltatorii trebuie să aibă idei specifice naturii fiecărui proiect. Unele abilități de optimizare comune și ușor de implementat sunt:
- Minimizați codul CSS și JS. Acest lucru economisește un kilobyte din fiecare pagină de încărcare.
- Comprimați toate activele în cel mai potrivit format.
- Mecanismele de cache din partea serverului precum Redis ar trebui să fie activate.
- Imaginile ar trebui să fie difuzate în funcție de dimensiunea ecranului dispozitivului și densitatea de pixeli. Încărcați doar imaginile corespunzătoare pentru un utilizator dat.
- HTML trebuie să fie clar și concis.
Q2.Descrieți utilizarea următoarelor etichete HTML5: STRONG, EM, SMALL?
Răspuns:
Aceste etichete creează un tratament vizual specific. De exemplu -STRONGboldează textul, EM îl face italic și SMALL îl face mai mic. Dar acesta nu este scopul lor. Fiecare are un scop semantic după cum urmează:
EM - Text care ar trebui subliniat, modificându-și sensul contextual.
STRONG - Poate fi folosit în titluri sau rubrici și, de asemenea, paragrafe pentru a sublinia cuvântul sau fraza.
MIC - Se folosește pentru exonerari și clarificări.
Haideți să trecem la următoarea întrebare de interviu de design web.
Q3. Descrieți avantajele și dezavantajele utilizării unui cadru CSS, cum ar fi Bootstrap sau Foundation?
Răspuns:
avantaje:
- Cadrele oferă prototipuri rapide de machete, elemente și pagini
- promovarea reutilizării multor elemente consistente pe întregul proiect
- elimina nevoia de machete Photoshop. De asemenea, asigură eliminarea altor schițe statice de înaltă fidelitate.
- vin cu piese obișnuite de standardizate
- cod bine documentat care este încorporat. Are o comunitate mare de sprijin atunci când apar probleme.
Dezavantaje:
- încearcă să generalizeze elementele obișnuite și duce adesea la modele nu atât de bune
- creează un design neconvențional sau complex sau un aspect
- mai mult efort a implicat gestionarea cadrelor, mai degrabă decât simpla scriere a codului de la zero.
- vin cu prea multe chestii redundante care nu se obișnuiesc niciodată sau cu stiluri care sunt suprasolicitate dacă nu sunt folosite într-un sens corect
- timpi de încărcare mai mici comparativ cu un cod scris de la zero.
Q4.Diferențați între „vizibilitate: ascunsă” și „afișare: niciuna”?
Răspuns:
Ambele sunt proprietăți de stil
- vizibilitate: ascuns: ascunde elementul, dar ocupă totuși spațiu în aspect.
- afișare: niciuna: elimină complet elementul. Nu consumă niciun spațiu. HTML-ul pentru acesta este în codul sursă, dar nu există spațiu.
Q5. Care este spațiul alb? Cum afectează conținutul de pe web?
Răspuns:
Spațiul alb este orice zonă lăsată intenționat goală. Nu trebuie să fie alb. În designul web, spațiul alb este utilizat pentru a separa elemente sau a le grupa sau pentru a atrage atenția asupra unui anumit element sau pentru a pune accentul pe aspectul conținutului.
Partea a 2-a - Întrebări despre interviul de web design (avansat)
Haideți acum să aruncăm o privire la întrebările și răspunsurile avansate pentru interviuri de design web.
Q6. Definiți principiile „gestalt”?
Răspuns:
Principiile Gestalt provin dintr-o teorie a percepției vizuale. Unele dintre aceste principii aplicate în proiectarea web sunt:
- Asemănare - creierul uman percepe elemente cu caracteristici comparabile ca fiind legate între ele și asta înseamnă că aceste elemente sunt conectate sau grupate între ele.
- Proximitatea - elementele plasate aproape între ele sunt considerate grupate sau legate între ele sau cu o parte dintr-un întreg.
- Închidere - Principiul de închidere face ca un element să fie mai fascinant. Acest lucru face ca designul să fie mai plăcut;
- Figura- Este relația sol care are tendința de a separa mental faptele pe baza unei combinații de culoare, formă și experiență.
- Soarta comună - elemente care se mișcă sincron și sunt deseori concepute ca grupate
- Continuitate - capacitatea creierului nostru de a vedea conexiunile între lucruri și de a urma o cale sau o cale diferită bazată pe asemănări între ele.
Q7. Cum să combinați fonturile? Ce tipuri de combinații de fonturi funcționează frumos? Câte tipuri diferite de fonturi sunt OK de utilizat pe un site web?
Răspuns:
Există fonturi care funcționează frumos și arată destul de bine pe aceeași pagină. Pentru a combina în mod corespunzător două fonturi, asemănările și diferențele dintre ele trebuie privite cu atenție.
Două fonturi funcționează bine între ele dacă sunt similare, cu excepția cazului în care sunt foarte diferite. Pentru ca cele două fonturi să fie similare, acestea trebuie să aibă înălțimi x egale
Trebuie evitate combinarea fonturilor care arată foarte asemănător, cum ar fi combinarea Helvetica cu Lucida Grande.
8. Este menționată proiectarea Responsive pe o pagină web?
Răspuns:
Design sensibil: - O abordare de construire a site-urilor pentru a oferi cea mai bună experiență de vizualizare și interactivitate. Se concentrează pe navigarea ușoară a unui site. Acesta asigură minimul de derulare, panoramare și redimensionare pe toate dispozitivele.
Bootstrap este cel mai popular cadru pentru dezvoltarea de web design sensibil, bazat pe CSS, HTML și JS.
Haideți să trecem la următoarea întrebare de interviu de design web.
9. Menționați câteva exemple proaste de design web?
Răspuns:
Câteva modalități foarte proaste de a face design web sunt menționate mai jos, care ar trebui evitate de toată lumea.
- Imagini care clipesc, se rotesc sau se aprind
- Fundal negru sau foarte întunecat, cu text alb, deschis sau palid
- Fundaluri negre cu text maro, gri sau întunecat
- Imagini de fundal placate cu text de culoare deschisă sau închisă
- Totul fiind centrat pe pagină
- Mult prea multe imagini pe pagină sau Imagini uriașe
- Atâtea liste de link-uri
- Prea multe titluri sau text care clipește
Q10. Când utilizați compresia JPEG.webp și când preferați PNG în schimb?
Răspuns:
Fiecare format de compresie a imaginii are un scop specific.
JPEG.webp: - Aceasta reduce dimensiunea imaginii prin găsirea zonelor de culoare similară. Un nivel de compresie mai ridicat asigură că aceste zone arată mai agresiv ducând la pierderea informațiilor vizuale și la generarea de artefacte. Această compresie este cea mai bună pentru fotografii, desene și gradiente. JPEG.webp nu funcționează foarte bine pentru capturi de ecran sau elemente UI simple sau icoane plate sau scheme. Este foarte rău pentru text.
PNG: - Această metodă de compresiune funcționează prin reducerea culorilor utilizate. Acest lucru ar putea duce la o ușoară pierdere a nuanțelor de culoare. Metoda PNG este deosebit de excelentă pentru logo-urile și pictogramele și semnele și imaginile care conțin text. Pentru ilustrații simple sau elemente UI și capturi de ecran, PNG este bun. Fișierele PNG sunt de cele mai multe ori mai mari decât JPEG.webp-urile.
Articole recomandate
Acesta a fost un ghid la Lista de întrebări și răspunsuri la interviuri de web design, astfel încât candidatul să poată împărți cu ușurință aceste întrebări de interviu de web design. Aici, în acest post, am studiat cele mai bune întrebări despre interviuri de web design, care sunt adesea puse în interviuri. De asemenea, puteți consulta următoarele articole pentru a afla mai multe -
- Întrebări de interviu pentru servicii web
- Top 10 Întrebări de interviu de dezvoltare web
- Top 10 Software de web design important pentru începători
- Întrebări de interviu Java Web Services
- Bootstrap 4 Cheat sheet