Hur man utformar en webbplats

Thistaaches du hur man utformar en webbplats som visas professionell och fungerar bra. Medan huvuddelen av din webbplatss design är ytterst upp till dig, finns det några kritiska saker att göra och undvika - när du skapar en webbplats.

Steg

Del 1 av 2:
Hur man utformar din webbplats
  1. Bild med titeln Design en webbplats Steg 1
1. Bestäm om du vill använda en webbplats skapare. Webbplatser som skapats från början kräver en ganska detaljerad förståelse för HTML-kodning, men du kan enkelt skapa en webbplats med hjälp av en gratis webbhotell som Weebly, Wix, WordPress eller Google-webbplatser. Webbplatsskapare tenderar att vara mycket enklare för första gången designers att använda än HTML.
  • Om du bestämmer dig för att koda din egen hemsida, måste du lära dig båda Html och Css kodning.
  • Om du investerar tid och energi för att skapa din webbplats låter inte tilltalande, kan du också anställa en webbdesigner för att skapa din webbplats för dig. Frilansdesigners kan kosta var som helst mellan $ 30 en timme och väl över $ 100 per timme.
  • Bild med titeln Design en webbplats Steg 2
    2. Karta ut din webbplats. Innan du ens öppnar en webbplats Skapare, bör du veta ungefär hur många sidor du vill att din webbplats ska ha, vad innehållet på var och en av dessa sidor ska vara och den allmänna layouten av viktiga sidor som hemsidan och "Handla om" sida.
  • Din webbplatss sidor kan vara enklare att visualisera om du drar grova bilder av var och en av dem istället för att bara bestämma vilket innehåll som ska visas.
  • Bild med titeln Design en webbplats Steg 3
    3. Använd intuitiv design. Även om det finns något som sägs för färska idéer, bör din webbplats grundläggande design följa fastställda riktlinjer som följande:
  • Navigationsalternativ (E.g., Flikar för olika sidor) ska gå högst upp på sidan.
  • Om du använder en menyikon (☰), ska den vara i det övre vänstra hörnet av sidan.
  • Om du använder en sökfält ska den vara nära den övre högra sidan av sidan.
  • Användbara länkar (e.g., länkar till "Handla om" sida eller "Kontakta oss" sida) ska gå längst ner på varje sida.
  • Bild med titeln Design en webbplats Steg 4
    4. Var konsekvent. Oavsett textfont, färgpalett, bildtema och designalternativ du väljer, se till att du använder samma beslut på hela din webbplats. Det kan vara otroligt jarring för att se ett teckensnitt eller färgschema som används för "Handla om" sida när en helt annan användes för hemsidan.
  • Om du till exempel använder Cool-tone-färger för din webbplatss hemsida, implementera inte ljusa, höga färger på nästa sida.
  • Tänk på att du använder höga eller kolliderande färger, speciellt när färgerna visas i en dynamik (e.g., flytta) mode, kan framkalla epilepsi i ett litet antal webbanvändare. Om du bestämmer dig för att använda sådana färger på din webbplats, se till att du lägger till en epilepsi-varning före några relevanta sidor.
  • Bild med titeln Design en webbplats Steg 5
    5. Lägg till navigationsalternativ. Att placera direkta länkar till viktiga sidor på din webbplats högst upp på hemsidan kommer att bidra till att styra första gången besökare på innehållet som betyder något. De flesta webbplatsskapare lägger till dessa länkar som standard.
  • Det är viktigt att se till att varje sida på din webbplats är tillgänglig genom att klicka via alternativ på din webbplats istället för att bara vara tillgänglig via sidans adress.
  • Bild med titeln Design en webbplats Steg 6
    6. Använd färger som kompletterar varandra. Precis som alla andra typer av design bygger på visuellt tilltalande kombinationer av färg - på grund av detta, plockar temafärger som går tillsammans är avgörande.
  • Svart, vit och grå är en bra kombination om du inte vet var du ska börja.
  • Bild med titeln Design en webbplats Steg 7
    7. Överväg att använda en minimalistisk design. Minimalism uppmuntrar coolafärgade färger, enkel grafik, svartvita textsidor och så lite utsmyckning som möjligt. Eftersom minimalism kräver lite i vägen för fina element är det enkelt att göra din webbplats att se professionell och attraktiv utan att behöva mycket arbete.
  • Många webbplatsskapare kommer att ha en "minimalistisk" Tema Du kan välja när du ställer in din webbplats.
  • Ett alternativ till minimalism är "brutalism", som använder hårdare linjer, ljusa färger, djärvtext och minimal bild. Brutalism har mindre av en efterföljande än minimalism, men beroende på din webbplats, kan det bättre passar dina designbehov.
  • Bild med titeln Design en webbplats Steg 8
    8. Gör unika val. Straight linjer och rutlåsade webbelement är säkra satsningar, men gör några unika stilistiska beslut kommer både att låna personlighet till din webbplats och hjälpa din webbplats att stå ut.
  • Var inte rädd för buck trender genom att placera webbplatselement asymmetriskt eller använda överlappande element för att skapa ett lagerat utseende.
  • Medan eleganta, skarpa hörn och kvadrerade element (även kända som en "kortbaserad" Presentation) är mindre gynnsamma än avrundade, mjuka element.
    • Del 2 av 2:
    Hur maximerar du webbplatsens prestanda
    1. Bild med titeln Design en webbplats Steg 9
    1. Dra nytta av mobiloptimeringsalternativ. Mobila webbläsare står för mer webbtrafik än skrivbordsbrowsers, vilket innebär att den mängd uppmärksamhet du betalar till din webbplats mobilversion bör minst lika med din skrivbords webbplats. De flesta webbplatser skapas automatiskt en mobilversion av din webbplats, men du vill hålla följande information i åtanke för din mobila webbplats:
    • Se till att knapparna (e.g., Site Links) är stora och lätta att knacka.
    • Undvik att implementera funktioner som inte kan ses på mobil (e.g., Flash, Java, etc.).
    • Överväg att ha en mobilapp gjord för din webbplats.
  • Bild med titeln Design en webbplats Steg 10
    2. Undvik att använda för många foton per sida. Både skrivbord och mobila webbläsare kan kämpa för att ladda sidor som visar ett stort antal bilder eller videoklipp. Medan bilder är viktiga i webbdesign, kan du med mer än några få per sida orsaka onödigt långa lasttider, vilket förhindrar att människor besöker den aktuella sidan.
  • Generellt sett vill du att webbplatsens sidor ska ladda på under fyra sekunder.
  • Bild med titeln Design en webbplats Steg 11
    3. Lägg till en "Kontakt" sida. Du märker att nästan alla etablerade webbplatser har en "Kontakta oss" sida som har kontaktuppgifter (e.g., Ett telefonnummer och en e-postadress) - Vissa webbplatser har även en inbyggd frågeformulär på den här sidan. Lägger till en "Kontakt `sida kommer att ge webbplatsvisare en direkt kommunikationslinje till dig, vilket lägger till en lösning på potentiella frustrationer.
  • Bild med titeln Design en webbplats Steg 12
    4. Skapa en anpassad 404 sida. När någon besöker en specifik sida på din webbplats som inte heller har inrättats eller inte existerar, en "404 fel" webbsidan visas. De flesta webbläsare har en standard 404 sida, men du kan kanske anpassa din från din webbplats Creators inställningar - om så är fallet, se till att du innehåller följande uppgifter:
  • Ett lätthjärtat felmeddelande (e.g., "Grattis - du har hittat vår fel sida!")
  • En länk tillbaka till webbplatsens hemsida
  • En lista över allmänt visade länkar
  • En bild eller en logotyp för din webbplats
  • Bild med titeln Design en webbplats Steg 13
    5. Använd en sökfält om möjligt. Om din webbplats skapande metod stöder att lägga till en sökfält till din webbplats, rekommenderas det starkt att du gör det. Detta kommer att se till att användare snabbt kan navigera till en viss sida eller objekt utan att behöva klicka igenom dina navigationsalternativ.
  • Sökfält är också användbara när publiken vill söka efter en allmän term utan att använda försök och fel.
  • Bild med titeln Design en webbplats Steg 14
    6. Investera mest tid på din hemsida. När någon kommer på din webbplatss hemsida, bör de få kontakten på din webbplatss tema omedelbart - Förutom detta bör alla delar av hemsidan ladda snabbt, inklusive navigationsalternativ och några bilder. Din hemsida ska ha följande aspekter:
  • Ett samtal till handling (e.g., En knapp för att klicka eller en blankett för att fylla i)
  • En navigationsverktygsfält eller meny
  • En inbjudande grafisk (e.g., Ett solidt foto, en video eller en liten grupp bilder med medföljande text)
  • Nyckelord När det gäller din webbplats service, ämne eller fokus
  • Bild med titeln Design en webbplats Steg 15
    7. Testa din webbplats i flera webbläsare på flera plattformar. Detta är otroligt viktigt, eftersom olika webbläsare kan hantera aspekter på din webbplats annorlunda. Innan du börjar marknadsföra din webbplats, försök att besöka och använda din webbplats i följande webbläsare på Windows, Mac, iPhone och Android-plattformar:
  • Google Chrome
  • Fyrfox
  • Safari (endast iPhone och Mac)
  • Microsoft Edge och Internet Explorer (endast Windows)
  • Den inbyggda webbläsaren på flera olika Android-telefoner (E.g., Samsung Galaxy, Google Nexus, etc.)
  • Bild med titeln Design en webbplats Steg 16
    8. Fortsätt uppdatera din webbplats som IT-år. Designtrender, länkar, bilder, koncept och nyckelord Alla förändringar som tiden går, så du måste fortsätta att göra ändringar på din webbplats för att kunna hålla dig uppdaterad. Detta kräver att du kan kontrollera din webbplatss prestanda tillsammans med andra liknande webbplatser minst en gång var tredje månad (helst oftare).

    • Grundläggande HTML-hjälp

    Prov webbsida med HTML

    Stöd WikiHow och Lås upp alla prover.

    HTML Cheat Sheet

    Stöd WikiHow och Lås upp alla prover.

    Prov enkel webbsida

    Stöd WikiHow och Lås upp alla prover.

    Tips

    Webbplatsens tillgänglighet är en annan viktig aspekt av webbutveckling. Detta inkluderar saker som bildtexter för hörselskadade publik, ljudbeskrivningar för blinda besökare och fotosensitivitetsvärden om din webbplats använder potentiellt anfallsinducerande effekter.
  • De flesta webbplatsskapare har en uppsättning mallar som du kan använda för att cementera din webbplatss layout och design innan du lägger till dina föredragna element.

    • Varningar

    De flesta webbplatsskapare är gratis - men om du vill använda din egen domän (E.g., "ditt namn.com" istället för "ditt namn.ordpress.com"), du måste betala en månad eller årlig avgift.
  • Undvik plagiering och observera alla upphovsrättslagar: Lägg inte slumpmässiga bilder från webben, eller till och med strukturella element, utan tillstånd.
    • Dela på det sociala nätverket:
    Liknande