Tip til layout af websider

Der er mange ting, man skal overveje, når man designer og lægger ud på et websted. Selv de mest erfarne webside-designere laver fejl på trods af deres års design, så lad os ikke overveje den slags fejl, som begyndere kan begå.

Den følgende korte liste over ti webstedsdesigntrin dækker alle vigtige oplysninger, som du bør vide, inden du begynder et nyt webstedsprojekt eller begynder at arbejde med et digitalt agentur, og det dækker også, hvad de skal fokusere på under layoutprocessen til websidedesign .

De dækker væsentlige aspekter af design af websidesign som design af en destinationsside samt generelle problemer med arbejdsgang til et bedre fungerende websted. Når du følger disse trin på webdesignlayout, vil du være i en bedre position til at oprette layout på websidedesign på professionelt niveau.

Trin til at oprette perfekt webside-layout

  1. Pen til papir

Start ikke blot Photoshop eller den websidedesignende software, du har, når du starter et projekt. Dette er en almindelig fejl, som selv erfarne designere gør, før de tænker over de problemer, de har til at løse. Det er rigtigt; Design af websidedesign handler om at løse problemer og ikke kun om godt udseende og æstetik. Disse problemer kan kun løses med et godt, klart hierarki og layout. Fokuser på indhold, layout og funktionalitet, før du ser på farvekoder og skygger.

Når du skal oprette udseendet og følelsen af ​​et projekt, er den første ting du skal gøre at oprette en top-end ramme, der kan løse alle problemer med design af websidesign. Rammen er brugergrænsefladen, der omgiver indhold, og det hjælper med at udføre handlinger på webstedet og navigere på det. Rammen inkluderer også bund- og sidebjælker og andre komponenter samt navigationselementer. Naturligvis kan du ikke gå glip af sådanne essentielle bits. Start dit webdesignprojekt med dette perspektiv, så får du en klar forståelse af layoutet og hvordan du designer hver side.

  1. Føj et gitter til Photoshop, og vælg din typografi

Nu kan du tænde Photoshop. Men inden du begynder at designe noget, har du brug for et ordentligt gitter til at begynde med. Uanset hvor god du er med websidesignlayoutsoftwaren, vil ikke at bruge et gitter ende på et dårligt design af websidedesign på en eller anden måde. Et gitter hjælper med at strukturere sidelayoutet i forskellige sektioner og guider dig langs de forskellige krav til skærmstørrelse. Mere vigtigt er det, at det hjælper med at skabe et lydhør design af websidedesign og skabe et ensartet design med hensyn til afstand og andre elementer.

Når et nets designdesign er indstillet, er det tid til at komme ind i skrifttype og farver. Dette kan tage et stykke tid, men det er også en spændende fase af et webdesignprojekt. Som en generel tommelfingerregel er det bedst ikke at bruge mere end to skrifttyper i en websidelayout. Dette kan dog variere baseret på forskellige websidedesignprojekter; du kan holde dig til en eller gå vild med flere skrifttyper. Ligegyldigt hvad, gå efter en skrifttype, der er let at læse, selvom der er meget tekst at læse. Vær mere kreativ med opfordringen til handlinger og titler, og vælg store skrifttyper. Oprethold også konsistens på hele websitet med hensyn til typografi.

  1. Farver og layout

Web-side-design kan blive skøre, når de vælger farver til et websted, men det er bedst at bruge et begrænset sæt toner og farver, fordi for meget af noget kan være dårligt. Du kan se på farver lige på stadiet med at vælge skrifttyper. Udforsk hvilke farver der skal bruges i UI, tekst og baggrunde. Brug begrænsede sæt toner og farver til den generelle brugergrænseflade. Anvend farverne konsekvent på tværs af brugergrænsefladen baseret på elementets funktionalitet. Bare se på layoutet på populære websteder som Vimeo, Quora og Facebook. Udover brugergrænsefladen bør der ikke være nogen farvebegrænsning for de grafiske detaljer eller illustrationer, forudsat at de ikke forstyrrer webstedets andre komponenter eller funktionalitet.

Med hensyn til layout af websidedesign er den bedste regel at følge 'jo enklere jo bedre'. Hver sektion skal være essentiel for webstedet med en grund og fordel for besøgendeens endelige resultat. Layouten skal være i stand til at fremhæve det vigtigste indhold og elementer. Hold antallet af opkald på en side til et minimum, så hele webstederne leverer værdi til den besøgende. En god måde at sikre det enkleste layout er at starte med det mest basale som muligt og bare tilføje elementer, hvor det er nødvendigt.

  1. Tænk anderledes

På dette tidspunkt ville du have en idé om elementer, der betragtes som væsentlige for websteder, men vær ikke bange for at overveje de nuværende konventioner igen. Tænk på elementer, der betragtes som vigtige lige nu. Har du for eksempel brug for en søgeknap? Det kan hjælpe i nogle tilfælde, men det er overflødigt i de fleste tilfælde. Webdesignlayoutkonventioner og layoutmønstre for websidesigns er til stede, fordi de fungerer i nogle tilfælde. Dog fungerer de muligvis ikke i alle tilfælde og kan være forældede. Tænk på etablerede mønstre på en komponent og tænk over, hvordan du kan forbedre dem.

Billedkilde: pixabay.com

Begræns heller ikke din nytænkning til industristandarder eller konventioner. Du er også nødt til at overveje dine egne vaner og design af webdesignlayout. Innovation kommer ikke altid ved at udfordre eksterne konventioner; det kan også komme fra at udfordre dig selv med hvert projekt. Begræns dig ikke til blot en eller nogle få måder at arbejde på. Eksempler på forskellige udfordringer kan omfatte et nyt gittersystem, nye komponenter eller blot at undgå visse farver og skrifttyper.

Anbefalede kurser

  • Professionel gratis Python-træning
  • Kursus i test af gratis software
  • Certificeringstræning i gratis Java
  • PERL-kurser

  1. Fokus på detaljerne

Hver webside-designer, der er værd at have deres salt, vil understrege dette punkt og med god grund. Som man siger: 'Gud er i detaljerne'. De mindste detaljer på et websted eller en webside kunne gøre en enorm forskel på brugervenligheden for brugeren.

Noget så enkelt som en lille interaktion, æstetisk touch eller animation kunne forbedre hele websitet. Men disse detaljer er vigtige og kommer naturligt, når du får mere erfaring. Fokus på ekspertise i hver komponent, og det vil alle sammen komme til at danne et fremragende komplet produkt. Hver komponent skal være designet, ligesom den kunne være den bedste selvstændige komponent. Mange designere forlader dele af deres websteder til sidst og har lidt hensyn til dem.

  1. Hold tingene skarpe og ryddelige

Hold alle billeder og indhold på dit websted skarpt ved at indstille den rigtige kontrast mellem baggrund / baggrundsfarver og streger. Bortset fra æstetik, er du også nødt til at undgå nogle andre almindelige ting for et rent og skarpt websted. Nogle af de ting, der skal undgås, når du skærper dit output, inkluderer uskarpe kanter, gradientforbinding, indstillinger for gengivelse af skrifttyper samt streger, der dårligt smelter sammen med baggrunden.

Dette er blot nogle af de enkle eksempler på design af websider, man skal kigge efter. Bliv ved med at se dit webdesignlayout i sin helhed, og se, om alt fungerer godt sammen. Analyser derefter hver komponent separat og mere omhyggeligt.

Når du designer med Photoshop, skal du holde dine PSD-filer rene, uanset hvor stort projektet bliver, og antallet af designere, der arbejder på projektet. Renere filer gør det lettere at eksportere forskellige sektioner og gøre layoutprocessen til websidedesign hurtigere samt arbejde med andre designere ved hjælp af delte filer.

  1. Forbered dig på det værste, og hold fokus

Web-side-designere er beregnet til at løse problemer via forskellige begrænsninger. Med hensyn til webside-design kan begrænsningerne være tekniske, indholdsrelaterede eller konceptuelle. Når du starter og arbejder med et projekt, skal du ikke bare tænke på det mest ideelle scenarie, men også det værste tilfælde. For eksempel forsøger brugeren muligvis at få adgang til websitet i en fire-tommer skærm, der kører et operativsystem, der er mere end to opdateringer gamle. Husk, hvordan dit webstedlayout fungerer i forskellige skærmstørrelser, enheder og operativsystemer.

Når du nærmer dig et websted, skal du webside udforme det, så det bedst mulige scenario, selv i værste tilfælde. Som en webside-designer skal du også besætte over projektet. Enhver god designer fordyber sig i hvert enkelt projekt. Gør dit websted til en del af dit liv, og du vil ende med at se det med mere klarhed. Derefter kan du identificere mangler og problemer og til sidst ændre det. Når dit projekt modnes, vil du også som en webside-designer. I slutningen af ​​det lærer du meget mere med projektet, end du ville gjort, hvis du forblev frakoblet fra det. Desuden vil den endelige output være meget bedre. Hvis du hælder din sved og blod ind i hvert projekt, vil det bestemt vise alle.

  1. Etabler et godt forhold til din klient og udvikler

Hvis du planlægger at være en professionel webside-designer, bliver du nødt til at se og håndtere en masse klienter og webudviklere. Lad os begynde med klienter, fordi klienter altid kommer først.

Når du foreslår et interaktivt websidesign eller -koncept, skal du holde åben kommunikation med din klient, så begge af jer er på samme side. Bliv ikke ved et koncept i lang tid; del det med klienten, så snart du kan. Når et første koncept er godkendt, får du en bedre idé om, hvad din klient ønsker, og juster dig tættere på projektet. Hvis konceptet ikke er godkendt, kan du samle så meget feedback, som du ønsker fra klienten for at få et mere passende koncept til bordet. Under ingen omstændigheder skal du ikke vente til du har lavet et detaljeret koncept.

Når dit koncept er klar, og du er ude med at arbejde på projektet, er du nødt til at udvikle en god rapport med dit udviklerteam. Udviklere er ikke kun programmerere; de er også kreative, og de er lige så lidenskabelige over deres arbejde som designere af websider. Imidlertid er de ofte ikke inkluderet i projektet fra starten og går kun ind i projektet, når konceptet er besluttet, og deres kreative input ikke længere er nødvendigt. Desværre er denne proces forkert. Undertiden kommer de bedste idéer til websidedesignlayout fra de mindst sandsynlige kilder. Rabatter ikke kreativiteten hos udviklerteamet. Bringe dem ind i konceptualiseringsprocessen i begyndelsen og gør dem til en del af projektet fra starten. Del dine design af webdesignlayout med dine udviklere, og engag dem til bedre ideer og i sidste ende til bedre kodning og eksekvering fra slutningen.

  1. En præsentation er vigtig, og nogle ideer er muligvis ikke

Selvom det bestemt er vigtigt at oprette et fantastisk websted og fremstille et godt projekt, er det også vigtigt at præsentere det godt for en klient. Selv det bedste design af websidesign i verden kan ignoreres eller hades helt, hvis de ikke præsenteres godt. Husk, at webdesignlayoutkoncepter og ideer, der bruges til et projekt, kan være tydelige for og hele dit team, men de er muligvis ikke så tydelige for din klient eller nogen, der er blevet en del af projektet på et senere tidspunkt.

På en lignende note skal du også huske, at du ikke bliver for knyttet til alle dine idéer til design af websider og designkonstruktioner til webside-design. Lav et stærkt argument for hver enkelt af dem, men husk at tage backup, hvis dit team eller din klient ikke er enig med dem. Husk, at præferencer kan være subjektive; hvad der fungerer godt for dig fungerer muligvis ikke overhovedet for klienten eller udvikleren. Som webside-designer skal du have en fast mening om dine ideer, men du skal også være fleksibel nok til hurtigt at ændre koncepter og ideer, hvis de ikke er enige om af andre.

  1. Spor og overvåg fremskridt på alle trin og vis for samfundet

Enhver, der arbejder i et agentur, vil kende kampen for at arbejde på websides design af et nyt projekt, mens deres forrige er under udvikling eller netop færdig. I modsætning til hvad folk måtte tænke, ender en designer's arbejde ikke med bare at sende PSD-filer og typografiark. Hvis du er fuldt investeret i et projekt, skal du også tjekke ind på udviklere for at se, om dine websidedesign og interaktionsideer udføres, som du planlagde dem, og hjælpe dem efter behov for at sikre, at enhver detalje fungerer rigtigt .

Du kan også dele dit arbejde i fremgangskomponenter og stilark med designermiljøet. Nogle gange er de bedste dele af et projekt udeladt eller mistet i arkivmappen. Når projektet er afsluttet og godkendt af klienten, der skal promoveres, kan du oprette en casestudie med det igangværende arbejde og udeladte webside-design og komponenter. Dette kan være et enormt aktiv for samfundet, og du kan lære meget af feedbacken.

Relaterede artikler:-

Dette har været en guide til tip til design af websidedesign, som det er let at huske. Her i dette indlæg har vi studeret om trin for at skabe et perfekt design af websidedesign. Her er nogle artikler, der hjælper dig med at få flere detaljer om layoutet til Web Page Design, så bare gå gennem linket.

  1. Top 10 bedste tendenser til webdesign, du skal vide for 2016
  2. 10 nye funktioner i effektiv webdesignportefølje
  3. Liste over 10 bedste software til design af webside (guide)

Kategori:

Webudviklingsværktøjer