Introduktion till intervjufrågor och svar på webbdesign
Webbdesign är ett intressant område. Det kräver ett gäng kompetensuppsättningar för att göra bra webbdesign. HTML, CSS <JavaScript, JQuery, etc, är några av de viktiga språken och ramarna som man behöver veta mycket väl för att kunna utforma fascinerande webbplatser.
Nedan följer några av de viktiga frågor och svar på webbdesignintervjuer:
Så du har äntligen hittat ditt drömjobb inom webbdesign men undrar hur du knäcker webbdesignintervjun och vad som kan vara de troliga frågorna om webbdesign. Varje intervju är annorlunda och omfattningen av ett jobb är också annorlunda. Med detta i åtanke har vi utformat de vanligaste intervjufrågorna för webbdesign och svar som hjälper dig att få framgång i din intervju. Dessa intervjufrågor är indelade i två delar är följande:
Del 1 - Intervjufrågor för webbdesign (grundläggande)
Den här första delen täcker grundläggande intervjufrågor och svar på webbdesign
Q1. Hur kan en webbplats optimeras? Var ska jag börja?
Svar:
För att förbättra prestanda på en webbplats måste utvecklare ha idéer som är specifika för varje projekt. Några vanliga och enkla att implementera optimeringsfärdigheter är:
- Minimera CSS- och JS-kod. Detta sparar en kilobyte av varje sidbelastning.
- Komprimera alla tillgångar i det lämpligaste formatet.
- Cachemekanismer på serversidan som Redis bör vara aktiverade.
- Bilder ska visas enligt enhetens skärmstorlek och pixeltäthet. Ladda bara lämpliga bilder för en viss användare.
- HTML ska vara tydligt och kortfattat.
Q2.Beskriv användningen av följande HTML5-taggar: STERKT, EM, LITT?
Svar:
Dessa taggar skapar en specifik visuell behandling. Till exempel -STRONG innehåller texten, EM gör den kursiv och SMALL gör den mindre. Men detta är inte deras syfte. Var och en har ett semantiskt syfte enligt följande:
EM - Text som bör betonas och därmed ändra dess kontextuella betydelse.
STÄRK - Kan användas i titlar eller rubriker och även stycken för att betona dess ord eller fras.
LITEN - Används för ansvarsfriskrivningar och förtydliganden.
Låt oss gå till nästa frågor om webbdesignintervjuer.
Q3. Beskriva fördelar och nackdelar med att använda ett CSS-ramverk som Bootstrap eller Foundation?
Svar:
fördelar:
- Ramverk ger snabb prototypning av layouter, element och sidor
- främja återanvändbarhet för många konsekventa element i hela projektet
- eliminera behovet av Photoshop-mockups. Det garanterar också att andra statiska skisser av hög trohet tas bort.
- kommer med vanliga bitar av standardiserade
- väl dokumenterad kod som är inbyggd. Den har ett stort stödgemenskap när problem uppstår.
nackdelar:
- försöker generalisera vanliga element och leder ofta till inte så snygga design
- skapar en okonventionell eller komplex design eller en layout
- mer ansträngning innebar att hantera ramar snarare än att bara skriva koden från grunden.
- kommer med för mycket överflödiga saker som aldrig får användas, eller stilar som åsidosätts om de inte används i rätt mening
- långsammare belastningstider jämfört med en kod skriven från grunden.
Q4. Skillna mellan "synlighet: dold" och "display: ingen"?
Svar:
Båda är stilegenskaper
- synlighet: dold: Det döljer elementet, men tar fortfarande utrymme i layouten.
- display: ingen: Det eliminerar elementet helt. Det förbrukar inget utrymme. HTML för det finns i källkoden men inget utrymme.
Q5. Vad är det vita utrymmet? Hur påverkar det innehållet på webben?
Svar:
Vitt utrymme är vilket område som är avsiktligt tomt. Det behöver inte vara vitt. I webbdesign används vitrum för att separera element eller gruppera dem eller för att uppmärksamma ett specifikt element eller för att betona innehållslayouten.
Del 2 - Intervjufrågor för webbdesign (avancerat)
Låt oss nu titta på de avancerade frågor och svar på webbdesignintervjuer.
Q6. Definiera principerna för "gestalt"?
Svar:
Gestaltprinciper kommer från en teori om visuell uppfattning. Några av dessa principer som tillämpas i webbdesign är:
- Likhet - den mänskliga hjärnan uppfattar element med jämförbara funktioner relaterade till varandra och det betyder att dessa element är kopplade eller grupperade tillsammans.
- Närhet - element som ligger nära varandra betraktas som grupperade eller relaterade till varandra eller till en del av en helhet.
- Stängning - Stängningsprincipen gör ett element mer fascinerande att titta på. Detta gör designen roligare;
- Figur- Det är markrelationen som har en tendens att mentalt separera fakta baserat på en kombination av färg, form och upplevelse.
- Gemensamma öde - element rör sig synkront och uppfattas ofta som grupperade
- Kontinuitet - Vår hjärnas förmåga att se samband mellan saker och följa en väg eller annan väg baserad på likheter mellan dem.
Q7. Hur man kombinerar teckensnitt? Vilka typer av typsnittskombinationer fungerar bra? Hur många olika typsnitt är OK att använda på en webbplats?
Svar:
Det finns teckensnitt som fungerar fint och ser ganska ut på samma sida. För att kombinera två teckensnitt på rätt sätt bör man se noggrant på likheter och skillnader mellan dem.
Två teckensnitt fungerar bra med varandra om de är lika utom om de är väldigt olika. För att de två teckensnitten ska vara lika bör de ha lika höga höjder
Att kombinera teckensnitt som ser mycket lika ut bör undvikas som att kombinera Helvetica med Lucida Grande.
8. Nämns Nämn responsiv design på en webbsida?
Svar:
Responsiv design: - En metod för att bygga webbplatser för att ge bästa tittarupplevelse och interaktivitet. Det fokuserar på enkel navigering av en webbplats. Det garanterar minsta möjliga rullning, panorering och storlek på alla enheter.
Bootstrap är den förmodligen mest populära ramen för att utveckla responsiv webbdesign, den är baserad på CSS, HTML och JS.
Låt oss gå till nästa frågor om webbdesignintervjuer.
9. Nämn några dåliga exempel på webbdesign?
Svar:
Några väldigt dåliga sätt att göra webbdesign nämns nedan som bör undvikas av alla.
- Bilder som blinkar, snurrar eller blinkar
- Svart eller mycket mörk bakgrund med vit, ljus eller blek text
- Svarta bakgrunder med brun, grå eller mörk text
- Kaklade bakgrundsbilder med ljus eller mörk färgtext
- Allt är centrerat på sidan
- Alltför många bilder på sidan eller stora bilder
- Så många länkar med länkar
- För många rubriker eller text som blinkar
Q10. När använder du JPEG.webp-komprimering och när skulle du föredra PNG istället?
Svar:
Varje bildkomprimeringsformat har ett specifikt syfte.
JPEG.webp: - Detta minskar bildstorleken genom att hitta områden som har liknande färg. Högre komprimeringsnivå säkerställer att sådana områden ser mer aggressivt ut vilket leder till förlust av visuell information och generering av artefakter. Denna komprimering är bäst för foton, ritningar och lutningar. JPEG.webp fungerar inte särskilt bra för skärmdumpar eller enkla användargränssnittselement eller platta ikoner eller scheman. Det är väldigt dåligt för text.
PNG: - Denna metod för komprimering fungerar genom att minska färgerna som används. Detta kan också leda till en liten förlust av färgnyanser. PNG-metoden är särskilt bra för logotyper och ikoner och tecken och bilder som innehåller text. För enkla illustrationer eller UI-element och skärmdumpar är PNG också bra. PNG-filer är för det mesta större än JPEG.webp.
Rekommenderade artiklar
Detta har varit en guide till Lista över intervjufrågor och svar på webbdesign så att kandidaten lätt kan slå samman dessa intervjufrågor för webbdesign. Här i det här inlägget har vi studerat de bästa frågorna om webbdesign som ofta ställs i intervjuer. Du kan också titta på följande artiklar för att lära dig mer -
- Webbtjänstintervjufrågor
- Topp 10 intervjufrågor för webbutveckling
- Topp 10 viktig programvara för webbdesign för nybörjare
- Java Web Services intervjufrågor
- Bootstrap 4 Fuskark