Úvod do otázek a odpovědí na Web Design Interview
Web design je zajímavé pole. K dobrému designu webových stránek je zapotřebí řada dovednostních sad. HTML, CSS <JavaScript, JQuery atd. Jsou některé z důležitých jazyků a rámců, které člověk potřebuje velmi dobře vědět, aby mohl navrhovat fascinující webové stránky.
Níže jsou uvedeny některé důležité otázky a odpovědi týkající se webového designu:
Takže jste konečně našli svou vysněnou práci ve Web Design, ale zajímá vás, jak rozbít Interview Web Design a jaké by mohly být pravděpodobné otázky Interview Web Design. Každý rozhovor je jiný a rozsah práce je také jiný. S ohledem na tuto skutečnost jsme navrhli nejčastější dotazy a odpovědi týkající se webového designu, které vám pomohou dosáhnout úspěchu v rozhovoru. Tyto rozhovory jsou rozděleny do dvou částí:
Část 1 - Interview s webovým designem (základní)
Tato první část se zabývá základními otázkami a odpověďmi na Web Design Interview
Q1.Jak lze web optimalizovat? Kde začít?
Odpovědět:
Pro zlepšení výkonu webových stránek musí vývojáři mít nápady specifické pro povahu každého projektu. Některé běžné a snadno implementovatelné optimalizační dovednosti jsou:
- Minimalizujte kód CSS a JS. Tím se ušetří kilobyte každého načtení stránky.
- Komprimujte všechna díla v nejvhodnějším formátu.
- Měly by být povoleny mechanismy mezipaměti na straně serveru, jako je Redis.
- Obrázky by se měly zobrazovat podle velikosti obrazovky zařízení a hustoty pixelů. Načtěte pouze příslušné obrázky pro daného uživatele.
- HTML by mělo být jasné a stručné.
Q2.Popisujte použití následujících značek HTML5: STRONG, EM, SMALL?
Odpovědět:
Tyto značky vytvářejí zvláštní vizuální ošetření. Například -STRONGtiskne text, EM jej zvýrazní kurzívou a SMALL ho zmenší. To však není jejich účel. Každý z nich má sémantický účel takto:
EM - text, který by měl být zdůrazněn, a proto mění svůj kontextový význam.
STRONG - Lze použít v názvech nebo nadpisy a také v odstavcích pro zdůraznění jeho slova nebo fráze.
SMALL - Používá se pro vyloučení odpovědnosti a objasnění.
Přejdeme k dalším otázkám Interview s webovým designem.
Q3. Popište výhody a nevýhody použití rámce CSS, jako je Bootstrap nebo Foundation?
Odpovědět:
Výhody:
- Rámce poskytují rychlé prototypování rozvržení, prvků a stránek
- podporovat opakovatelnost mnoha konzistentních prvků v celém projektu
- eliminujte potřebu maket aplikace Photoshop. Zajišťuje také odstranění dalších vysoce věrných statických náčrtů.
- přicházejí s běžně používanými normalizovanými kousky
- vestavěný dobře zdokumentovaný kód. Když se vyskytnou problémy, má velkou komunitu podpory.
Nevýhody:
- se snaží zobecnit společné prvky a často vést k nepříliš dobře vypadajícím návrhům
- vytváří nekonvenční nebo složitý design nebo rozvržení
- více úsilí vyžadovalo manipulaci s rámci spíše než prosté psaní kódu od nuly.
- přicházejí s příliš mnoho nadbytečných věcí, které se nikdy nepoužívají, nebo stylů, které se přepíší, pokud se nepoužívají ve správném smyslu
- pomalejší doby načítání ve srovnání s kódem psaným od nuly.
Q4. Rozlišujte mezi „viditelností: skrytý“ a „zobrazením: žádný“?
Odpovědět:
Oba jsou vlastnosti stylu
- viditelnost: skrytá: Skryje prvek, ale stále zabírá místo v rozvržení.
- displej: žádný: Úplně eliminuje prvek. Nezabírá žádný prostor. HTML pro něj je ve zdrojovém kódu, ale bez mezery.
Q5. Co je to mezera? Jak to ovlivní obsah na webu?
Odpovědět:
Prázdný prostor je libovolná oblast záměrně prázdná. Nemusí to být bílé. Ve webdizajnu se mezera používá k oddělení prvků nebo jejich seskupení nebo k upozornění na konkrétní prvek nebo k důrazu na rozvržení obsahu.
Část 2 - Rozhovory s webovým designem (pokročilé)
Podívejme se nyní na pokročilé otázky a odpovědi týkající se webového designu.
Q6. Definujte zásady „gestalt“?
Odpovědět:
Gestalt principy jsou z teorie vizuálního vnímání. Některé z těchto principů používaných ve webdesignu jsou:
- Podobnost - lidský mozek vnímá prvky se srovnatelnými vlastnostmi, které spolu souvisejí, a to znamená, že tyto prvky jsou spojeny nebo seskupeny dohromady.
- Blízkost - prvky umístěné blízko sebe jsou považovány za seskupené nebo související mezi sebou nebo s částí celku.
- Uzavření - Princip uzavření dělá prvek fascinující k pohledu na. Díky tomu je design příjemnější;
- Obrázek - Je to zemský vztah, který má tendenci mentálně oddělit fakta na základě kombinace barvy, tvaru a zkušenosti.
- Společný osud - prvky, které se pohybují synchronně a jsou často koncipovány jako seskupené
- Kontinuita - schopnost našeho mozku vidět spojení mezi věcmi a sledovat cestu nebo jinou cestu založenou na podobnosti mezi nimi.
Q7. Jak kombinovat písma? Které typy kombinací písem fungují dobře? Kolik různých typů písem je v pořádku na webu?
Odpovědět:
Existují písma, která spolu pěkně spolupracují a vypadají pěkně na stejné stránce. Pro správnou kombinaci dvou písem je třeba pečlivě sledovat podobnosti a rozdíly mezi nimi.
Dvě písma spolu fungují dobře, jsou-li podobná s výjimkou nebo pokud se velmi liší. Aby byla obě písma podobná, měla by mít stejnou výšku x
Je třeba se vyhnout kombinaci písem, která vypadají velmi podobně, jako je kombinace Helvetica s Lucida Grande.
8. Je na webové stránce zmíněn responzivní design?
Odpovědět:
Citlivý design: - Přístup k vytváření webů, který poskytuje nejlepší zážitek ze sledování a interaktivitu. Zaměřuje se na snadnou navigaci na webu. Zajišťuje minimální rolování, posouvání a změnu velikosti na všech zařízeních.
Bootstrap je pravděpodobně nejoblíbenějším rámcem pro vývoj responzivního webdesignu založeného na CSS, HTML a JS.
Přejdeme k dalším otázkám Interview s webovým designem.
9. Zmínit některé špatné příklady webdesignu?
Odpovědět:
Níže jsou uvedeny některé velmi špatné způsoby, jak provádět webové návrhy, kterým by se měl každý vyhnout.
- Obrázky, které blikají, točí se nebo blikají
- Černé nebo velmi tmavé pozadí s bílým, světlým nebo bledým textem
- Černé pozadí s hnědým, šedým nebo tmavým textem
- Kachlová pozadí obrázky s textem světlé nebo tmavé barvy
- Vše je soustředěno na stránku
- Příliš mnoho obrázků na stránce nebo obrovské obrázky
- Tolik seznamů odkazů
- Příliš mnoho nadpisů nebo textů, které blikají
Q10. Kdy používáte kompresi JPEG.webp a kdy byste raději raději PNG?
Odpovědět:
Každý formát komprese obrazu má specifický účel.
JPEG.webp: - Toto zmenší velikost obrázku vyhledáním oblastí, které mají podobnou barvu. Vyšší úroveň komprese zajišťuje, že takové oblasti vypadají agresivněji, což vede ke ztrátě vizuální informace a generování artefaktů. Tato komprese je nejlepší pro fotografie, kresby a přechody. JPEG.webp nefunguje velmi dobře pro snímky obrazovky nebo jednoduché prvky uživatelského rozhraní nebo ploché ikony nebo schémata. Je to velmi špatné pro text.
PNG: - Tato metoda komprese funguje snížením použitých barev. To by mohlo vést k mírné ztrátě barevných odstínů. Metoda PNG je zvláště vhodná pro loga a ikony a značky a obrázky obsahující text. Pro jednoduché ilustrace nebo také prvky uživatelského rozhraní a snímky obrazovky je PNG dobrá. Soubory PNG jsou většinou větší než soubory JPEG.webp.
Doporučené články
Toto byl průvodce seznamem otázek a odpovědí na rozhovor s webovým designem, aby uchazeč mohl snadno odpovědět na tyto otázky týkající se rozhovoru s webovým designem. Zde v tomto příspěvku jsme studovali hlavní otázky týkající se Web Design Interview, které jsou často kladeny v rozhovorech. Další informace naleznete také v následujících článcích -
- Dotazy ohledně webových služeb
- 10 hlavních otázek pro vývoj webových aplikací
- Top 10 důležitých Web Design Software pro začátečníky
- Dotazy na webové služby Java Web Services
- Bootstrap 4 Cheat sheet