Hoe Een Website-ontwerp Te Tekenen

Inhoudsopgave:

Hoe Een Website-ontwerp Te Tekenen
Hoe Een Website-ontwerp Te Tekenen

Video: Hoe Een Website-ontwerp Te Tekenen

Video: Hoe Een Website-ontwerp Te Tekenen
Video: Create A Website: Sketching Out Your Site 2024, April
Anonim

Niet alleen mensen worden begroet door hun kleding, maar ook websites. De jurk van de site is het ontwerp. Een hoogwaardig en aantrekkelijk ontwerp van de bron maakt een gunstige indruk op gebruikers, waardoor hun loyaliteit en bereidheid om hun tijd te besteden aan verder bekijken wordt verzekerd. Naast kwaliteit zijn originaliteit en uniciteit van design belangrijk. Versleten onderwerpen stoten bezoekers af. Maar het ontwikkelen van een uniek ontwerp is duur. Dat is de reden waarom veel beginnende webmasters zich afvragen hoe ze met hun eigen handen een website-ontwerp kunnen tekenen.

Hoe teken je een website-ontwerp
Hoe teken je een website-ontwerp

Het is nodig

  • - potlood;
  • - papier;
  • - raster grafische editor GIMP of Photoshop;
  • - optioneel: editor voor vectorafbeeldingen (bijvoorbeeld CorelDraw);
  • - optioneel: 3D-modelleringsomgeving (3DStudio, Blender);
  • - moderne browser;
  • - toegang tot internet.

instructies:

Stap 1

Ontwikkel een website-ontwerpconcept. Bepaal de stijl, het kleurenschema, de paginalay-out (grootte van de sitekop, menulocatie, tekstblokken, afbeeldingen). Het is goed als het ontwerpconcept gebaseerd is op originele ideeën. Maar als ze ontbreken, kun je inspiratie putten uit de analyse van bestaande oplossingen. Bijvoorbeeld door catalogi van populaire CMS-thema's te bladeren. Het resultaat van het werk kan een schets zijn van de sitepagina, gemaakt in potlood op een vel papier, met aanduiding van de zones van vaste en variërende afmetingen.

Stap 2

Maak een lege sitepaginasjabloon in een rasterafbeeldingseditor. Open een nieuw document in een grafische editor. Documentformaten moeten veel groter zijn dan het minimale paginaformaat, zowel horizontaal (zelfs als u niet van plan bent een "vloeiend" ontwerp te maken) als verticaal. Voeg een nieuwe transparante laag toe. Teken in de toegevoegde laag de afbeelding van de paginasjabloon met lijnen van 1 pixel dik, waarbij u de werkelijke afmetingen van de elementen respecteert. Geef voor paginaontwerpen met een vaste breedte de marges op die worden gevuld met de achtergrondkleur.

Stap 3

Download van internet of ontwerp uw eigen pagina-ontwerpelementen. Logo en unieke ontwerpelementen kunnen worden gemaakt in de 3D-modelleringsomgeving, vector- of rastereditor. Een groot aantal thematische afbeeldingen van hoge resolutie zijn opgenomen in gratis internetfotobanken. Er zijn ook gratis iconenverzamelingen op internet die u vrijelijk in uw projecten kunt gebruiken.

Stap 4

Teken een website-ontwerp. Voeg transparante lagen toe aan een document met een sjabloon voor een webpagina in een grafische editor. Selecteer en vul ze in de gebieden die overeenkomen met de achtergrond van de pagina. Vul gebieden met verloopvulling en periodieke texturen. Logo, statische afbeeldingen, pictogrammen invoegen. Teken blokgrenzen. Voeg wat tekst toe. Plaats elk afgewerkt ontwerpelement, statische afbeelding en logo op een aparte laag. Verplaats afbeeldingen in lagen om de gewenste lay-out te krijgen.

Stap 5

Sla de werkende "bron" van het siteontwerp op in het "native" formaat van de grafische editor. Hierdoor kunt u later terugkeren naar het bewerken ervan.

Aanbevolen: