Indien u nog geen website hebt is het zaak om na te denken hoe uw toekomstige website er moet gaan uitzien. U kunt bij DDighosting een eigen layout laten maken. Colors, layoutVooraf kunt u al nadenken over de volgende zaken, dit maakt het overleg en het afstemmen van uw voorkeuren gemakkelijker.

Header, logo en footer

Standaard wordt vrijwel altijd een header (kop aan de bovenzijde van de pagina) gemaakt, al dan niet met uw bedrijfslogo en een slogan. Een footer (de regel helemaal onderaan de website) is eigenlijk ook standaard. Hierin staan vaak uw algemene voorwaarden, trademarks, copyright vermelding en een link naar een contactformulier, uw KvK, BTW en bank informatie vinden daar ook vaak een plekje.

Kolommen

Bepaal het aantal en de breedtes  van de kolommen die u wilt gebruiken. Op internet wordt vaak gebruik gemaakt van 1, 2 of 3 koloms layouts. Er is vrijwel altijd één tamelijk ruim deel, met aan de linker en / of rechterzijde een smalle kolom. Soms is er ook links een tamelijk ruim gedeelte met twee smalle kolommen daarnaast. Het breedste gedeelte bevat veelal het primaire artikel, de kolommen zijn ondersteunend en bevatten bijvoorbeeld een kalender, inlogschermpje, menu enzovoort. Een voorbeeld van een 2 koloms layout vind u bijvoorbeeld hier op http://www.d-dighosting.nl, een voorbeeld van een 1 koloms layout treft u bijvoorbeeld aan op http://www.markvanderwalle.nl

Hieronder ziet u veel voorkomende kolom-layouts (de breedtes zijn aan te passen aan uw voorkeur):

Layout Kolommern

Standaard ondersteunen we de 1, 2 en 3 koloms layouts in willekeurige breedtes, maar ook hier kunt u van afwijken indien u dat zou willen.

Maak een schets

Het is handig als u van tevoren een schets maakt met een grove indeling, wat wilt u waar, en hoe breed moeten de kolommen ongeveer zijn. Dat mag een ruwe schets zijn die puur als indicatie dient. Deze schets wordt dan bij het bouwen als uitgangspunt gebruikt. U ziet hieronder zo'n schets.

Layout schetsje

U kunt het zo gedetailleerd uitwerken als u zelf wilt met bijvoorbeeld in pixels nauwkeurig alle breedtes, tussenruimtes en afstanden, of u afgeronde of vierkante hoeken wenst, er zijn talloze mogelijkheden voor achtergrondkleuren en patronen.

De schets die u hierboven ziet laat onder andere een horizontaal menu zien (de horizontale knopjes). Het is vaak zo dat elke menu-optie een bepaalde pagina laat zien. Elk knopje is dan 1 op 1 gekoppeld aan een pagina, een muisklik op een knop toont een bepaalde pagina. U kunt zich dus al een beeld vormen over de pagina's die u op uw website wilt laten zien en u kunt nadenken over de menustructuur.

Menustructuur schets

Overige layout aspecten

Lettertype(n)

U kunt nadenken over het lettertypegebruik. Als vuistregel geldt dat overdaad schaadt. Gebruik in hoofdzaak 1 lettertype, mogelijk 2 en hoogstens 3. Wilt u een lettertype met of zonder schreef? Proportioneel of monospace? Mogelijk zelfs handschrift? Er is veel informatie op Internet te vinden, en de Wikipedia pagina's kunnen u al helpen.

Lettertype schermdumpje

Kleur

Vrijwel elk denkbaar aspect van uw website kan van een kleur worden voorzien. Dit geldt zelfs voor onderdelen die u normaliter niet eens ziet. De menukaders bijvoorbeeld, kunnen per menu-onderdeel nog weer een apart kader hebben. De titel van een menublok kan losgeweekt worden van het menuitem blok, en elk van deze delen kan weer apart worden vormgegeven en van een kleur worden voorzien. Previsualisatie is lastig, tekenen en schetsen kan u helpen. Er zijn ook veel online tools waarmee u kleuren en kleurcombinaties kunt uittesten, even Googlen op "kleurgebruik" en u treft direct talloze nuttige links aan.

Kleurselectiescherm voorbeeld

Vorm

Vorm van de knoppen, vorm van de headers, titelbalkjes, weblinks, enzovoort, het is allemaal aan te passen en in uw websitelayout in te passen. Als voorbeeld onderstaande vormen van knopjes:

Menuknopjes voorbeeld

Layout

Het uiterlijk van kaders en tekstvlakken is volledig aan te passen

Kaders schermvoorbeelden

Patronen

In achtergronden van header, tekstvlakken, footer, enzovoort zijn patronen toe te passen. Er is een rijke voorraad met patronen voorhanden, veel te veel om te laten zien. U kunt als voorbeeld denken aan onderstaande:

Patronen

Ronde hoeken

Rond artikelen, menukaders, headers, enzovoort zijn ronde hoeken mogelijk in allerlei kleuren, met randen in diverse breedtes en kleuren, u bepaalt de radius, dikte en overige aspecten:

Voorbeeld van ronde hoeken rond kaders

Randen

De randen rond artikelen, menuvakken, enzovoort zijn volledig vorm te geven. De dikte en de kleur is aanpasbaar, hierdoor kunt u een bepaald kader of een bepaald menu onderdeel extra accentueren.

Logo

We gaan er van uit dat u het gewenste logo aanlevert als bronbestand (PSD, AI, PSP, enzovoort) - dit is noodzakelijk omdat uw logo tegen de achtergrondkleur van uw website moet worden ingepast. Het is erg lelijk als een logo dat is gemaakt voor een donkere achtergrond op een lichte achtergrond wordt gebruikt (of andersom). Het levert storende kartelrandjes op langs de zijkanten.

OK voor donkere achtergrond    Niet OK voor middengrijs
Logo OK voor donkere achtergrond   Logo niet OK voor middengrijze achtergrond

Teksten

Lever uw teksten bij voorkeur digitaal aan. Het voordeel is dat u in uw favoriete tekstverwerker al een voorkeur kunt aangeven voor het lettertype, de opmaak en overige stijlelementen. We nemen uw teksten letterlijk over en controleren niet op stijlfouten, grammaticale fouten, verkeerde zinsbouw en foutieve vervoegingen. Het is voor DDighosting niet mogelijk om in te schatten of u de tekst bewust zo geformuleerd hebt. Indien gewenst kunnen we van deze aanname afwijken, ook dit kunt u in de maatwerk offerteaanvraag opnemen.

Bestaande layout en/of vormgeving

Als u al werkt met een reclamebureau of vormgever die uw (bedrijfs)huisstijl onderhoudt, dan wilt u de layout en de vormgeving van uw website wellicht ook daar onderbrengen. DDighosting kan daarna de ontwerpen, logo's en het beeldmateriaal verwerken in uw website.

Bestaande voorbeelden

We kunnen ook voor u aan de slag gaan aan de hand van een bestaand voorbeeld op internet, in dat geval toont u ons een bestaande website als voorbeeld waar uw toekomstige website op moet gaan lijken. Ook dit werkt prima als uitgangspunt. Wij gaan bouwen en laten het resultaat zien, waarna we door telefonisch of e-mail overleg de zaak finetunen.

En het onderhoud dan?

Alles wat u tot dusver las heeft betrekking op de totstandkoming van uw (nieuwe) website. Maar het onderhoud dan? Als u het onderhoud wilt uitbesteden zijn ook daar mogelijkheden voor. We hebben voor het onderhoud van uw website de Strippenkaart in het leven geroepen.

Direct bestellen » | Offerte opvragen » | Contact opnemen » | Verder lezen »