Hvordan Man Tegner Et Webstedsdesign

Indholdsfortegnelse:

Hvordan Man Tegner Et Webstedsdesign
Hvordan Man Tegner Et Webstedsdesign

Video: Hvordan Man Tegner Et Webstedsdesign

Video: Hvordan Man Tegner Et Webstedsdesign
Video: Hvordan tegne en blomst 2024, April
Anonim

Ikke kun mennesker bliver mødt af deres tøj, men også hjemmesider. Webstedets kjole er dens design. Et højkvalitets og attraktivt design af ressourcen giver et positivt indtryk på brugerne og derved sikrer deres loyalitet og vilje til at afsætte deres tid til yderligere visning. Ud over kvalitet, design er originalitet og unikhed vigtig. Slidte emner afviser besøgende. Men det er dyrt at udvikle et unikt design. Derfor spekulerer mange uerfarne webmastere på, hvordan man tegner et webstedsdesign med egne hænder.

Hvordan man tegner et webstedsdesign
Hvordan man tegner et webstedsdesign

Er det nødvendigt

  • - blyant
  • - papir;
  • - raster grafik editor GIMP eller Photoshop;
  • - valgfri: vektorgrafikeditor (for eksempel CorelDraw);
  • - valgfrit: 3D-modelleringsmiljø (3DStudio, Blender);
  • - moderne browser
  • - adgang til Internettet.

Instruktioner

Trin 1

Udvikle et webstedsdesignkoncept. Beslut om stil, farveskema, sidelayout (sidehovedstørrelse, menuplacering, tekstblokke, billeder). Det er godt, hvis designkonceptet er baseret på originale ideer. Men hvis de mangler, kan du hente inspiration fra analysen af eksisterende løsninger. For eksempel gennemse kataloger over populære CMS-temaer. Resultatet af arbejdet kan være en skitse af hjemmesiden, lavet med blyant på et ark papir, der angiver zoner i faste og forskellige størrelser.

Trin 2

Opret en tom sidesideskabelon i en rastergrafikeditor. Åbn et nyt dokument i en grafisk editor. Dokumentstørrelser skal være meget større end den minimale sidestørrelse både vandret (selvom du ikke har til hensigt at oprette et "flydende" design) og lodret. Tilføj et nyt gennemsigtigt lag. I det tilføjede lag tegner du billedet af sideskabelonen med linier 1 pixel tyk under hensyntagen til elementernes faktiske dimensioner. For sidedesign med fast bredde skal du angive margener, der udfyldes med baggrundsfarven.

Trin 3

Download fra internettet eller design dine egne side designelementer. Logo og unikke designelementer kan oprettes i 3D-modelleringsmiljøet, vektor eller rastereditor. Et stort antal tematiske billeder i høj opløsning findes i gratis internetfotobanker. Der er også gratis ikonsamlinger på Internettet, som du frit kan bruge i dine projekter.

Trin 4

Tegn et webstedsdesign. Føj gennemsigtige lag til et dokument, der indeholder en skabelon til en websideside i en grafisk editor. Vælg og udfyld dem de områder, der matcher baggrunden på siden. Fyld områder med gradientfyldning og periodiske strukturer. Indsæt logo, statiske billeder, ikoner. Tegn blokgrænser. Tilføj lidt tekst. Placer hvert færdige designelement, statiske billede og logo på et separat lag. Flyt billeder i lag for at opnå det ønskede layout.

Trin 5

Gem den fungerende "kilde" til webstedsdesignet i det "native" -format i grafisk editor. Dette giver dig mulighed for at vende tilbage senere til redigering af den.

Anbefalede: