Hoe een webpagina plannen

Als u een webpagina wilt ontwerpen en maken, zult u ontdekken dat het veel gemakkelijker is als u van tevoren plant. Tijdens de planningsfase kunnen de ontwikkelaar en de klant samenwerken om een ​​indeling en lay-out te vinden die aan hun behoeften voldoet. Het planningsproces beïnvloedt stijlbeslissingen en is waarschijnlijk het belangrijkste aspect van paginaontwerp, vooral in het bedrijfsleven.

stappen

Deel 1

2

Maak een sitemap. Een sitemap is als een stroomdiagram en laat zien hoe gebruikers van de ene pagina naar de andere springen. Je hebt op dit moment niet eens pagina`s nodig, alleen een algemene stroom van concepten. U kunt een computerprogramma gebruiken om het diagram te maken of het zelf op een vel papier te schetsen. Gebruik de sitemap om de hiërarchie en connectiviteit van de website te plannen.

3

Probeer de "Kaartsortering" -methode. Een populaire methode is om een ​​reeks kaarten te gebruiken om de ideale classificatie van elk te vinden. Neem een ​​set kaarten en schrijf de basisinhoud van elke pagina op elke kaart. Laat het team de fiches organiseren op de manier die zij het nuttigst achten. Het is beter in situaties met collaboratieve webcreatie.

4

Gebruik papier en een prikbord. Het is de originele, goedkope manier van plannen en stelt u in staat inhoud te verwijderen of te verplaatsen om het een nieuw adres te geven. Teken het ontwerp op stukjes papier en verbind ze met draad of teken de lay-out op een schoolbord. Deze methode is uitstekend voor brainstormsessies.

5

Maak een inventaris van de inhoud. Het is meer geschikt voor het herontwerp dan het maken van websites. Voer alle bestaande elementen of pagina`s in een spreadsheet in. Maak aantekeningen over het doel van elk en gebruik de lijst om te bepalen wat er gaande is en wat er nog is. Dit helpt onnodige elementen te elimineren en het herontwerpproces te vereenvoudigen.

Deel 2

2

Voer een grijze kisttest uit. Isoleert de inhoud van de pagina in grijze vakken, met de belangrijkste inhoud bovenaan. De blokken zijn gerangschikt in een enkele kolom, met het belangrijkste inhoudsgedeelte bovenaan de pagina. Als de pagina bijvoorbeeld de details van het bedrijf bevat, kan deze informatie naar de top gaan, gevolgd door de personeelslijst, gevolgd door contactgegevens, enz.

3

Probeer een programma om wireframes te maken. Er zijn verschillende programma`s die u kunnen helpen bij het maken van wireframes. De vereiste programmeerkennis varieert van programma tot programma. Enkele van de meest populaire programma`s zijn:

4

Gebruik een eenvoudige HTML-markering. Een goed wireframe kan later gemakkelijk het echte web worden. Maak je geen zorgen over de stijl tijdens het maken van wireframes. Gebruik in plaats daarvan een markering die gemakkelijk kan worden begrepen en gewijzigd.

5

Maak een wireframe voor elke pagina van de site. Het kan verleidelijk zijn om één draadframe te maken en te zeggen "geweldig, ik kan het op alle pagina`s toepassen", maar in werkelijkheid zul je een meer generieke en saaie site produceren. Maak een wireframe voor elke pagina en u zult ontdekken dat elk zijn eigen organisatorische behoeften heeft.

Deel 3

2

Vergeet niet dat goede inhoud meer is dan tekst. Internet bestaat uit veel meer dan websites met eenvoudige tekst. Als u in één gebied wilt benadrukken, hebt u verschillende soorten inhoud nodig om bezoekers aan te trekken en te behouden. We presenteren een aantal inhoud die u kunt overwegen:

3

Huur een professionele fotograaf in. Als u foto`s op het web gaat opnemen, zullen de eerste indrukken veel groter zijn met professionele foto`s. Een enkele goede foto is meer waard dan twintig slechte foto`s.

4

Schrijf kwaliteit artikelen. De geschreven inhoud van de pagina bepaalt het grootste deel van het verkeer op internet. Hoewel u zich op dit punt in het ontwerpproces geen zorgen hoeft te maken over het maken van inhoud, is er niets mis met het beginnen met plannen, omdat u regelmatig nieuwe inhoud nodig zult hebben na het starten van het web.

Deel 4

2

Maak een basis dispositie. Begin de draadframeblokken uit de enkele kolom te verplaatsen naar hun algemene locatie op de pagina. Het is bijvoorbeeld raadzaam om het navigatieblok naar de linkerkant van de pagina te verplaatsen en een lijst met kopteksten naar rechts.

3

Maak een schets Gebruik een programma als Photoshop om de schets van sommige pagina`s van de site te maken. Gebruik de voorziening die u hebt vastgesteld als een gids. Je kunt veel sneller werken in een beeldbewerkingsprogramma en alles op de gewenste plek neerzetten. Hiermee kunt u de afbeeldingen als referentie gebruiken wanneer het tijd is om de eigenlijke code te maken.

4

Vervang de blokken door inhoud. Begin met het toevoegen van inhoud en elementen aan de pagina. Maak je nog geen zorgen over de stijl, plaats alles gewoon op zijn locatie. Dit helpt om te controleren of stijlwijzigingen werken.

5

Maak een stijlgids Het is essentieel om een ​​samenhangende stijl te behouden, vooral op grote websites. Als de site voor een bedrijf is dat al een kenmerkende visuele uitstraling heeft, moet u het opnemen in het ontwerp van de site. We raden enkele dingen aan om in de stijlgids te overwegen:

6

Pas de stijl toe. Nadat u een stijl en ontwerp voor internet hebt gekozen, is het tijd om ze te implementeren. CSS is een van de gemakkelijkste methoden om stijl op een pagina of op internet te implementeren. recensie deze gids als je meer informatie wilt over CSS-gebruik.