Hur Man Ritar En Webbdesign

Innehållsförteckning:

Hur Man Ritar En Webbdesign
Hur Man Ritar En Webbdesign

Video: Hur Man Ritar En Webbdesign

Video: Hur Man Ritar En Webbdesign
Video: hur man ritar MONSTER KAWAII STEG FÖR STEG - kawaii ritningar lätt 2024, Maj
Anonim

Inte bara människor möts av sina kläder utan också webbplatser. Webbplatsens klänning är dess design. En högkvalitativ och attraktiv design av resursen gör ett gynnsamt intryck på användarna, vilket säkerställer deras lojalitet och vilja att ägna sin tid åt ytterligare visning. Förutom kvalitet, design är originalitet och unika egenskaper viktiga. Väl slitna ämnen stöter bort besökare. Men att utveckla en unik design är dyrt. Det är därför många nybörjade webbansvariga undrar hur man ritar en webbdesign med egna händer.

Hur man ritar en webbdesign
Hur man ritar en webbdesign

Det är nödvändigt

  • - penna;
  • - papper;
  • - raster grafikredigerare GIMP eller Photoshop;
  • - valfritt: vektorgrafikredigerare (till exempel CorelDraw);
  • - valfritt: 3D-modelleringsmiljö (3DStudio, Blender);
  • - modern webbläsare;
  • - tillgång till Internet.

Instruktioner

Steg 1

Utveckla ett webbdesignkoncept. Bestäm stil, färgschema, sidlayout (sidhuvudets storlek, menyplats, textblock, bilder). Det är bra om designkonceptet bygger på originalidéer. Men om de saknas kan du hämta inspiration från analysen av befintliga lösningar. Till exempel bläddrar i kataloger med populära CMS-teman. Resultatet av arbetet kan vara en skiss av webbplatsens sida, gjord med penna på ett pappersark, som anger zonerna med fasta och varierande storlekar.

Steg 2

Skapa en tom sidmall i en rastergrafikredigerare. Öppna ett nytt dokument i en grafisk redigerare. Dokumentstorlekar bör vara mycket större än minsta sidstorlek både horisontellt (även om du inte tänker skapa en "flytande" design) och vertikalt. Lägg till ett nytt transparent lager. I det tillagda lagret ritar du bilden på sidmallen med linjer 1 pixel tjock, med hänsyn till elementens faktiska dimensioner. För siddesigner med fast bredd, ange marginaler som kommer att fyllas med bakgrundsfärgen.

Steg 3

Ladda ner från internet eller design dina egna siddesignelement. Logotyp och unika designelement kan skapas i 3D-modelleringsmiljön, vektorn eller rasterredigeraren. Ett stort antal temabilder med hög upplösning finns i gratis internetfotobanker. Det finns också gratis ikonsamlingar på Internet som du fritt kan använda i dina projekt.

Steg 4

Rita en webbdesign. Lägg till transparenta lager i ett dokument som innehåller en mall för en webbplats i en grafisk redigerare. Välj och fyll i dem de områden som matchar sidans bakgrund. Fyll områden med gradientfyllning och periodiska strukturer. Infoga logotyp, statiska bilder, ikoner. Rita blockgränser. Lägg till lite text. Placera varje färdigt designelement, statisk bild och logotyp på ett separat lager. Flytta bilder i lager för att uppnå önskad layout.

Steg 5

Spara den fungerande "källan" för webbdesignen i "native" -formatet för grafikredigeraren. Detta gör att du senare kan återgå till redigering.

Rekommenderad: