Hoe gaat jouw website er uit zien?

Deze vertaling is niet volledig. Help dit artikel te vertalen vanuit het Engels.

Hoe gaat jouw website er uit zien? geven we jou een eenvoudige methode die je kan volgen om de inhoud en het design van jouw website te plannen voordat je code gaat schrijven, inclusief, " Welke informatie ga je tonen?" "Welke lettertypes en kleuren ga je gebruiken?" "Wat is het doel van mijn site?"

Beginnen bij het begin: plannen

Voordat je begint heb je een paar ideeën nodig. Wat gaat jouw website aanbieden? Een website kan zo goed als alles, maar voor uw eerste keer kan je het beter simpel houden. We beginnen met het maken van een webpagina met een hoofding, een afbeelding, en een paar paragrafen.

Om te beginnen moet u deze vragen beantwoorden:

  1. Waar gaat uw website over? Hou je van honden, New York of Pacman?
  2. Welke informatie ga je schrijven over het onderwerp? Schrijf een titel en een paar paragrafen, en bedenk een afbeelding die je wil tonen op je pagina.
  3. Hoe gaat jouw website er uit zien, in eenvoudige termen. Welke achtergrondkleur? Welk lettertype is het meest geschikt: formeel, cartoony, vetgedrukt, subtiel?

Noot: Complexe projecten hebben gedetailleerde richtlijnen nodig die alle details bevatten als alle gebruikte kleuren, lettertypes, spaties tussen items op de pagina, aangewezen schrijfstijl, enzovoort. Dit wordt ook wel een ontwerp gids of merk boek genoemd, u kan een voorbeeld bekijken op Firefox OS Guidelines.

Sketching out your design

Next, get a pen and paper and sketch out roughly how you want your site to look. For your first simple webpage, there's not much to sketch out, but you should get in the habit of doing this now. It really helps--you don't have to be a Van Gogh!

Note: Even on real, complex websites, the design teams usually start out with rough sketches on paper, and later on build digital mockups using a graphics editor or web technologies.

Web teams often include both a graphic designer and a user-experience (UX) designer. Graphic designers, obviously, put together the visuals of the website. UX designers have a somewhat more abstract role addressing how users will experience and interact with the website.

Choosing your assets

At this point, it's good to start putting together the content that will eventually appear on your webpage.

Text

You should still have your paragraphs and title from earlier. Keep these close by.

Theme color

To choose a color, go to the Color Picker and find a color you like. When you click on a color, you'll see a strange six-character code like #660066. That's called a hex(adecimal) code, and represents your color. Copy the code down somewhere safe for now.

Images

To choose an image, go to Google Images and search for something suitable.

  1. When you find the image you want, click on the image.
  2. Press the View image button.
  3. On the next page, right-click the image (Ctrl + click on a Mac), choose Save Image As..., and choose a safe place to save your image. Alternatively, copy the image's Web address from your browser's address bar for later use.

Note: Most images on the Web, including in Google Images, are copyrighted. To reduce your likelihood of violating copyright, you can use Google's license filter. Just 1) click on Search tools, then on 2) Usage rights:

Font

To choose a font:

  1. Go to Google Fonts and scroll down the list until you find one you like. You can also use the controls on the right to further filter the results.
  2. Click the "plus" (Add to) icon next to the font you want.
  3. Click the "* Family Selected" button in the panel at the bottom of the page ("*" depends on how many fonts you selected).
  4. In the popup box, you can see and copy the lines of code Google gives you into your text editor to save for later.

 

Documentlabels en -medewerkers

 Aan deze pagina hebben bijgedragen: physicbits
 Laatst bijgewerkt door: physicbits,