Indhold

• At træde
• Metode 1 af 2: De 3 grundlæggende regler
• Metode 2 af 2: Retningslinjer
• Tips
• Advarsler

At designe et godt websted kan virke som en skræmmende opgave, men så længe du holder det grundlæggende i tankerne, finder du processen interessant og sjov. Det handler om mere end bare godt udseende! Vi viser dig det grundlæggende og nogle generelle retningslinjer, der hjælper dig med at designe websteder, som folk vil besøge igen og igen.

At træde

Metode 1 af 2: De 3 grundlæggende regler

1. Regel 1:Lyt til din klient. Du designer muligvis "verdens største hjemmeside nogensinde i universets historie og videre" med rige sorte, raffinerede skrifttyper og lyse, kunstneriske farver til et sted, der skriger "udforsk mig nu!" Desværre ønskede din klient en orange menulinje med lyserøde og orange bogstaver. Du er fyret, og dit bedste websted nogensinde - som klienten har rettighederne til - er et eller andet sted på deres backup-disk, uden at nogen nogensinde ser det igen.
   • Undersøg din klients virksomhedsidentitet. Bed klienten vise dig et par websteder, de elsker. Ikke kun vil dette give dig en idé om, hvad de kan lide, det vil også give dig et par designideer, som du måske ikke har tænkt på.
   • Hvis du troede, vi griner med det orange og lyserøde websted, skal du overveje dette seje, sofistikerede sted:
2. Regel nr.2:Kend dit publikum, og hvad de leder efter, og tilpas dit design i overensstemmelse hermed. Årsagen til, at folk har websteder, er fordi de vil have andre til at se dem. Det kan være informativt eller kommercielt eller underholde en bestemt målgruppe. Dit job som designer er at vide, hvem du designer til, og at holde dem på siden, når de lander der.
   • Du tænker måske, "Hvis det ser godt ud, forbliver de." Men dette behøver ikke nødvendigvis at være tilfældet. Tag f.eks. Fast ejendom. Her er et sted med et rent, sjovt design. Det har meget hvidt rum, der giver et åbent udseende, lyse farver og et moderne widescreen-format med links på et fremtrædende sted:
   • Se nu på denne tilgang til at sælge fast ejendom i samme område: rodet og meget travlt, kedelige farver og dækket af reklame.
   • Gæt hvilken fungerer bedre for dem, der leder efter et hjem? Ret, den hvor huse! Når folk søger efter "huse til salg i Santa Monica", er de ligeglade med, hvordan et websted ser ud. De ønsker ikke at læse om ejendomsmægleren eller se smukke billeder af byen. De vil se huse.
3. Regel nr.3:Lyt til dig selv. Du forstår, hvad kunden ønsker, og du ved, hvad dit marked leder efter. Nu er det endelig tid til at være opmærksom på dig, designeren!
   • Byg en skabelon i den valgte grafiksoftware. Lav elementerne på din side i forskellige lag (så du kan tilpasse ting senere uden at ødelægge hele skabelonen). Disse elementer kan være:
     • Header. Dette er et element, der er det samme på hver side på dit websted. Overskriften består af titlen og logoet på webstedet samt links til de andre dele af hjemmesiden (f.eks. Om, Kontakt osv.). Visuelt og praktisk vil dette binde det hele sammen. Det er god praksis at linke den første knap på en menulinje tilbage til hjemmesiden.
     • Lad os for eksempel se på Apple:
     • Som med de fleste Apple-ting har deres hjemmeside et meget rent, ligetil design. Bemærk menulinjen øverst med logiske emner for hver knap plus et søgefelt - altid en god ide, hvis dit websted understøtter det. Lad os nu se på en destinationsside for en af ​​knapperne, iPad, for at se et par elementer:
     • Menulinjen ændres kun ved at gøre iPad-knappen mørkere.
     • Emnet for landingssiden vises med store sorte bogstaver.
     • En ny undermenu vises, så du kan lære mere om produktet. Hvis du klikker på en af ​​disse knapper, vil du se, at hver side tilbyder nyt indhold afhængigt af emnet, men vil være identisk i layout og design.
     • Ofte vil hvert hovedemne i din menulinje have forskellige underoverskrifter, som du kan udfylde. I stedet for at oprette en anden menulinje kan du bruge popup-menuer som dette eksempel fra Musicians Friend:
     • Sidebjælke. Dette vises på mange sider på dit websted, men ikke nødvendigvis alle - konteksten bestemmer. Det er dog et meget vigtigt element og skal være omhyggeligt designet til at være intuitivt og ikke for rodet. I modsætning til menulinjen kan indholdet af en sidebjælke være meget dynamisk. Tjek disse to sidepaneler fra ejendomsmarkedsføreren Trulia Den første er til købere:
       
       

Metode 2 af 2: Retningslinjer

1. Design en god brugergrænseflade. Placer de forskellige elementer på hjemmesiden, såsom titel, sidebjælker, logoer, billeder og tekst på samme sted på hver side for at gøre dit websted navigerbart og intuitivt.
   • Hold den samme overskrift øverst på hver side. Uanset om dit websteds indhold giver mulighed for mange gentagne elementer eller ej, skal du sørge for, at toppen af ​​hver side er den samme.
   • Brug logik i dit design. Elementerne på en enkelt side skal logisk ordnes efter betydning eller emne; de forskellige sider på webstedet skal også være.
2. Opret en ensartet stil. Hvor layoutet skal give dit websted strukturel konsistens, skal stilen give tematisk harmoni.
   • Hold dig til to eller tre hovedfarver, og sørg for at de passer godt sammen.
   • Undgå at bruge for mange skrifttyper eller størrelser; hvis du vil skifte nogle få, skal du bruge dem på samme måde på hver side.
   • Brug Cascading Style Sheets (CSS) til at opretholde en ensartet stil og gøre det lettere at ændre elementer på tværs af et helt websted uden at skulle gå til hver side separat.
3. Maksimer læsbarheden. For at gøre din tekst lettere at læse, kan du opdele den i mindre dele.
   • Brug undertekster og korrekt afstand til at adskille hver af delene.
   • Brug fed skrift eller forskellige størrelser for at vise emnets hierarki og betydning.
   • Vær opmærksom på, hvordan du behandler tekst. Gør ikke skrifttypen for lille, og øg linjeafstanden for at gøre store stykker tekst lettere at læse. Store pletter af tekst er sværere at læse; opdele det i mindre afsnit.
4. Gør dit websted læsbart. Brug standard HTML og undgå tags, funktioner og plug-ins, der kun er tilgængelige for et brand eller en version af en browser.
   • Mens de fleste moderne browsere og computere kan håndtere komplekse billeder, vil alt se slankere ud, hvis du krymper og optimerer dine billeder til internettet. Vej kvalitetens betydning mod vigtigheden af ​​hastighed.
5. Test dit websted. Sørg for at hvert link fungerer som du forventer, og billeder vises korrekt.
   • Det kan være en god idé at organisere brugertest ved at lade medlemmer af din målgruppe teste klarheden og brugervenligheden af ​​dit design og give feedback om dit websted.
6. Udgiv dit websted. Køb et domænenavn, hvis du ikke allerede har gjort det. Tjek med jævne mellemrum, om links stadig fungerer, og lyt til forslag, som besøgende sender dig e-mail.

Tips

• Mens du er fri til at designe layoutet baseret på din egen personlige vision eller ting, du har set på andre websteder, kan det være lettere at købe et færdigt design.
• Bombardér ikke den besøgende med søde, specielle billeder. Flash-animation, lyse farver, mønstrede baggrunde og musik, der automatisk afspilles ved sideindlæsning, var sjove eksperimenter i 90'erne, men nu skræmmer de brugerne væk. Hold dig til enkle baggrunde, der kontrasterer med tekstfarven for maksimal læsbarhed.
• Du kan altid bruge CSS til at optimere afsnitafstand.
• For besøgende med høre- eller synshandicap kan du undertekster videoer, transskribe lyd og tilføje en tilgængelighedsmeddelelse. Mens tabeller kan være en effektiv måde at organisere information på, kan synshæmmede besøgende, der bruger skærmlæser-software, muligvis ikke høre materialet i den rigtige rækkefølge.
• Lad dine besøgende spare blæk: Brug et separat typografiark til udskrivning af sider.
  • Sluk for baggrundsbilleder, når du indstiller udskriftsparametrene.
  • Brug sort tekst på en hvid baggrund.
  • Fjern menulinjen og unødvendige billeder.

Advarsler

• Undgå plagiering og overhold alle love om ophavsret. Medtag ikke tilfældige billeder, du finder online eller endda strukturelle elementer uden godkendelse. Alt, hvad du bruger på dit websted, skal være både lovligt og etisk.