Úvod do otázok a odpovedí na rozhovor s webdizajnom
Web dizajn je zaujímavou oblasťou. Na vykonanie dobrého dizajnu webových stránok je potrebné veľa zručností. HTML, CSS <JavaScript, JQuery, atď., Sú niektoré z dôležitých jazykov a rámcov, ktoré človek musí veľmi dobre vedieť, aby mohol navrhnúť fascinujúce webové stránky.
Nižšie sú uvedené niektoré dôležité otázky a odpovede týkajúce sa rozhovoru s webovým dizajnom:
Takže ste si konečne našli vysnívanú prácu vo webdizajne, ale pýtate sa, ako prelomiť rozhovor s webdizajnom a aké by mohli byť pravdepodobné otázky týkajúce sa rozhovoru s webdizajnom. Každý pohovor je iný a rozsah zamestnania je tiež odlišný. S ohľadom na to sme navrhli najčastejšie otázky a odpovede týkajúce sa rozhovoru s Web Design, ktoré vám pomôžu dosiahnuť úspech v pohovore. Tieto rozhovory sú rozdelené do dvoch častí:
1. časť - Otázky týkajúce sa rozhovoru s webovým dizajnom (základné)
Táto prvá časť sa venuje základným otázkam a odpovediam na rozhovor s Web Design
Q1.Ako je možné webovú stránku optimalizovať? Kde začať?
odpoveď:
Na zlepšenie výkonu webovej stránky musia vývojári mať nápady špecifické pre povahu každého projektu. Niektoré bežné a ľahko implementovateľné zručnosti optimalizácie sú:
- Minimalizujte kód CSS a JS. Tým sa ušetrí kilobajt každého načítania stránky.
- Komprimujte všetky diela v najvhodnejšom formáte.
- Mali by sa povoliť mechanizmy ukladania do vyrovnávacej pamäte na strane servera, napríklad Redis.
- Obrázky by sa mali zobrazovať podľa veľkosti obrazovky zariadenia a hustoty pixelov. Načítajte iba príslušné obrázky pre daného používateľa.
- HTML by malo byť jasné a stručné.
Q2.Dopíšte použitie nasledujúcich značiek HTML5: STRONG, EM, SMALL?
odpoveď:
Tieto značky vytvárajú špecifické vizuálne zaobchádzanie. Napríklad -STRONGčiarkne text, EM ho urobí kurzívou a SMALL ho zmenší. To však nie je ich účel. Každý z nich má sémantický účel:
EM - text, ktorý by sa mal zdôrazniť, a preto mení svoj kontextový význam.
STRONG - Môže sa použiť v názvoch alebo nadpisoch a tiež v odsekoch, aby sa zdôraznilo jeho slovo alebo fráza.
SMALL - Používa sa na vylúčenie zodpovednosti a objasnenie.
Prejdime k ďalším otázkam Interview s webovým dizajnom.
Q3. Popíšte výhody a nevýhody použitia rámca CSS, ako je Bootstrap alebo Foundation?
odpoveď:
výhody:
- Rámce poskytujú rýchle prototypovanie rozložení, prvkov a stránok
- podporovať opakované použitie mnohých konzistentných prvkov v celom projekte
- eliminovať potrebu makiet aplikácie Photoshop. Zabezpečuje tiež odstránenie ďalších vysoko verných statických náčrtov.
- dodávajú sa s bežne používanými kusmi štandardizovaných
- dobre zdokumentovaný kód, ktorý je vstavaný. V prípade problémov má veľkú komunitu podpory.
nevýhody:
- sa snaží zovšeobecniť spoločné prvky a často vedie k nie príliš pekným dizajnom
- vytvára netradičný alebo zložitý dizajn alebo rozloženie
- viac úsilia si vyžadovalo spracovanie rámcov, než jednoduché písanie kódu od nuly.
- prísť s príliš veľa zbytočné veci, ktoré nikdy zvykne, alebo štýly, ktoré majú prepísané, ak nie sú použité v správnom zmysle
- pomalšie časy načítania v porovnaní s kódom napísaným od nuly.
Q4. Rozlišujete medzi „viditeľnosťou: skrytým“ a „zobrazením: žiadne“?
odpoveď:
Obaja sú vlastnosťami štýlu
- viditeľnosť: skrytá: Skryje prvok, ale stále zaberá miesto v rozložení.
- displej: žiadny: úplne eliminuje prvok. Nezaberá žiadny priestor. HTML pre tento kód je v zdrojovom kóde, ale nemá medzeru.
Q5. Čo je to medzera? Ako to ovplyvní obsah na webe?
odpoveď:
Biely priestor je akákoľvek oblasť, ktorá je zámerne prázdna. Nemusí to byť biele. Pri webdizajne sa medzera používa na oddelenie prvkov alebo ich zoskupenie alebo na upozornenie na konkrétny prvok alebo na zdôraznenie usporiadania obsahu.
2. časť - Rozhovory s webovým dizajnom (rozšírené)
Pozrime sa teraz na pokročilé otázky a odpovede týkajúce sa rozhovoru s Web Design.
Q6. Definujte princípy „gestalt“?
odpoveď:
Gestalt princípy sú z teórie vizuálneho vnímania. Niektoré z týchto princípov používaných pri webdizajne sú:
- Podobnosť - ľudský mozog vníma prvky s porovnateľnými vlastnosťami, ktoré spolu súvisia, čo znamená, že tieto prvky sú spojené alebo zoskupené.
- Blízkosť - prvky umiestnené blízko seba sa považujú za zoskupené alebo navzájom prepojené alebo s časťou celku.
- Uzatvorenie - Princíp zatvárania robí z prvku fascinujúcejší pohľad. Vďaka tomu je dizajn príjemnejší;
- Obrázok - Základný vzťah má tendenciu mentálne oddeliť fakty založené na kombinácii farby, tvaru a skúsenosti.
- Bežné osudové prvky sa pohybujú synchrónne a často sa koncipujú ako zoskupené
- Kontinuita - schopnosť nášho mozgu vidieť spojenia medzi vecami a sledovať cestu alebo inú cestu založenú na podobnosti medzi nimi.
Q7. Ako skombinovať písma? Ktoré typy kombinácií fontov fungujú pekne? Koľko rôznych typov písiem je na webovej stránke v poriadku?
odpoveď:
Existujú písma, ktoré spolu pekne spolupracujú a vyzerajú pekne na tej istej stránke. Ak chcete správne kombinovať dve písma, mali by ste sa dôkladne pozrieť na podobnosti a rozdiely medzi nimi.
Dve písma spolu fungujú dobre, ak sú si podobné, alebo ak sa veľmi líšia. Aby boli tieto dve písma podobné, mali by mať rovnaké výšky x
Nemali by ste kombinovať písma, ktoré vyzerajú veľmi podobne, ako je kombinácia Helvetica s Lucida Grande.
8. Je na webovej stránke spomenutý responzívny dizajn?
odpoveď:
Citlivý dizajn: - Prístup k vytváraniu stránok s cieľom poskytnúť najlepší zážitok zo sledovania a interaktivitu. Zameriava sa na ľahkú navigáciu na webe. Zaručuje minimálne posúvanie, posúvanie a zmenu veľkosti na všetkých zariadeniach.
Bootstrap je pravdepodobne najobľúbenejší rámec pre vývoj responzívneho webdizajnu, ktorý je založený na CSS, HTML a JS.
Prejdime k ďalším otázkam Interview s webovým dizajnom.
9. Uvádzajú sa niektoré zlé príklady webdizajnu?
odpoveď:
Nižšie sú uvedené niektoré veľmi zlé spôsoby, ako robiť webové návrhy, ktorým by sa mal vyhnúť každý.
- Obrázky, ktoré blikajú, otáčajú sa alebo blikajú
- Čierne alebo veľmi tmavé pozadie s bielym, svetlým alebo bledým textom
- Čierne pozadie s hnedým, šedým alebo tmavým textom
- Kachľové obrázky na pozadí so svetlým alebo tmavým textom
- Všetko je sústredené na stránku
- Príliš veľa obrázkov na stránke alebo obrovské obrázky
- Toľko zoznamov odkazov
- Príliš veľa nadpisov alebo textu bliká
Q10. Kedy používate kompresiu JPEG.webp a kedy by ste radšej radšej PNG?
odpoveď:
Každý formát kompresie obrázka má špecifický účel.
JPEG.webp: - Toto zmenší veľkosť obrázka vyhľadaním oblastí, ktoré majú podobnú farbu. Vyššia úroveň kompresie zaisťuje, že takéto oblasti vyzerajú agresívnejšie, čo vedie k strate vizuálnych informácií a tvorbe artefaktov. Táto kompresia je najlepšia pre fotografie, kresby a prechody. JPEG.webp nefunguje veľmi dobre pre snímky obrazovky alebo jednoduché prvky používateľského rozhrania alebo ploché ikony alebo schémy. Pre text je to veľmi zlé.
PNG: - Tento spôsob kompresie funguje tak, že znižuje použité farby. Môže to tiež viesť k miernej strate farebných odtieňov. Metóda PNG je obzvlášť vhodná pre logá a ikony a značky a obrázky obsahujúce text. PNG je dobrá aj pre jednoduché ilustrácie alebo prvky používateľského rozhrania a snímky obrazovky. Súbory PNG sú väčšinou väčšie ako súbory JPEG.webp.
Odporúčané články
Toto bol sprievodca zoznamom otázok a odpovedí na rozhovor v oblasti webdizajnu, aby uchádzač mohol tieto otázky týkajúce sa rozhovoru s webovým dizajnom ľahko zakročiť. Tu v tomto príspevku sme študovali najčastejšie otázky týkajúce sa rozhovoru s Web Design, ktoré sa často kladú pri rozhovoroch. Ďalšie informácie nájdete aj v nasledujúcich článkoch -
- Otázky týkajúce sa rozhovoru s webovými službami
- Top 10 otázok pre vývoj webových stránok Interview
- Top 10 dôležitý softvér pre návrh webových stránok pre začiatočníkov
- Otázky týkajúce sa rozhovoru Java Web Services
- Bootstrap 4 Cheat sheet