Algemene regels. Stappenplan webdesign

Maat: px
Weergave met pagina beginnen:

Download "Algemene regels. Stappenplan webdesign"

Transcriptie

1 Algemene regels Stappenplan webdesign Kleurengebruik Denk bij het maken van een website aan je kleurencombinaties. Gebruik niet meer dan 4 kleuren; Achtergrond; Heading/ Subheading; Platte tekst; Links. Je kunt voor kleurtonen kiezen om te nuanceren (Tip) Gebruik de kleurencirkel om combinaties te maken die bij elkaar passen Lettertype gebruik Gebruik niet meer dan 2 lettertypes. Heading & Platte tekst. Gebruik voor je Heading een apart eigenzinnig lettertype, maar voor de platte tekst een voor webbrowsers hanteerbaar lettertype. 1

2 Lay-out Werk in kolommen en blokjes, die per pagina dezelfde lay-out hebben. Varieer dit door je Homepage als visitekaartje te maken en de lay-out anders te doen. Lijngebruik Werk in lijnen (diagonaal, vertikaal en horizontaal), door middel van het gebruik van hulplijnen in Photoshop, Flash of Illustrator. Als je in lagen werkt zal je heel vaak alleen maar een aantal elementen hoeven te veranderen. 2

3 Doelgroepverkenning Elke site heeft een doelstelling: WAT moet er worden bereikt? Elke site heeft een eigen doelgroep: WIE moet er worden bereikt? Sites kunnen daarom worden onderverdeeld per doelgroep. Hierdoor ontstaan verschillende soorten sites. Nieuws sites hebben een krantachtige vormgeving; de informatie staat voorop. Product sites laten het product zien als gebruiksvoorwerp en dit is onderdeel van hun campagne. 3

4 Merk sites geven het product weer van een bepaald merk. Dit merk heeft een bepaalde gevoelswaarde. Micro sites (Actie sites kortlopend). Aan de hand van een reclamecampagne van een bepaald merk wordt er een opvallende vormgeving neergezet met als doel het merk op een nieuwe manier te promoten. Hier wordt meestal Flash voor gebruikt. (bijv. Nivea, automerken, films) 4

5 Experience sites Deze sites zijn onderdeel van een merk of een product en het gaat hierbij meer om de gevoelswaarde en beleving dan om informatie aan te bieden. Dit kan losstaan van een kortlopende actie. (het huis KPN) Webshops maken gebruik van databases en de sites zijn makkelijk toegankelijk voor iedereen; herkenbaarheid en navigatie staan voorop. Veiligheid is het allerbelangrijkste onderdeel, omdat er financiële transacties plaatsvinden! 5

6 Presentatie sites tonen een kleurrijk, avant-gardistisch uiterlijk. Jezelf onderscheiden is hier het belangrijkste. Denk hierbij aan portfolio s, visitekaartjes van bedrijven, artiesten e.d.) Weblogs en communities zijn op interactie gebaseerd. Men moet de informatie goed kunnen lezen. Het is dus belangrijk dat de site vooral goed leesbaar is, maar kan verder zeer persoonlijk worden vormgegeven. Ook kan er een presentatie site van gemaakt worden, waarin het nieuwste ontwerp, film, e.d. erin wordt opgenomen. Deze site moet goed onderhouden worden en is voorzien van databases. 6

7 User generated content sites. Hier wordt de inhoud geproduceerd door de gebruiker en de vormgeving is hiervan afhankelijk. 7

8 Typografie voor het Web Hieronder staat in het artikel vermeld wat wel en niet gebruikt wordt bij de vormgeving van tekst in websites. Het lijkt soms zo mooi, je hebt een website ontworpen. Een mooie header met een bijpassend logo. Een strak lettertype. Je navigatie is duidelijk en je hebt dit allemaal in een goed werkend systeem gegoten. De volgende stap is dat je de eerste pagina van je nieuwe website gaat vullen. Wanneer de pagina gevuld is merk je pas dat je eigenlijk iets mist. Vaak kan het goed vormgeven van je titels en subtitels een saaie tekst veranderen tot iets wat uitnodigt om te lezen. Lettertypes De eerste keuze die je moet maken is welk lettertype er gebruikt gaat worden. De meest simpele oplossing is om hetzelfde lettertype voor de titel als voor de tekst te gebruiken. Het is wat creatiever om een ander lettertype te kiezen. Technisch gezien is de makkelijkste keuze om een standaard font te kiezen dat ondersteund wordt door de meeste browsers. Maar het is zeker niet onmogelijk om hier van af te wijken. Bijvoorbeeld door het gebruik van sifr kun je alle lettertypes gebruiken. Ook voor sommige grafische effecten en kleuren zijn hele mooie oplossingen te vinden maar met standaard HTML en CSS kom je ook een heel eind. De vraag blijft natuurlijk welke lettertypes kun je goed met elkaar combineren. Hierop is geen eenduidig antwoord te vinden. Zoek twee of meer lettertypes die goed bij elkaar passen, experimenteer wat en volg je gevoel. Het enige wat ik je mee kan geven is dat bepaalde lettertypes zich goed lenen voor het plaatsen van grote stukken tekst op een beeldscherm. Andere lettertypes zijn beter voor het plaatsen van titels en subtitels. 8

9 Kleur De kleur van je tekst moet altijd makkelijk te lezen zijn. Vooral bij de grote lappen is dit belangrijk. Bij de titels kun je wat gemakkelijker afwijken. Juist doordat titels vaak groter en/of vet worden geplaatst is het minder belangrijk dat het kleurgebruik duidelijk is. Ze zijn namelijk toch wel goed te lezen. Kies voor een titel dus een andere kleur. De keuze van de kleur zelf is afhankelijk van de vormgeving van de rest van de website. Probeer een kleur te gebruiken die ergens anders op de website ook voorkomt. Probeer daarnaast nooit te veel opvallende kleuren te plaatsen. Twee of drie kleuren (met verschillende variaties daarop) is voor een website meestal meer 9

10 dan voldoende. Door met kleuren te spelen zijn ook een aantal leuke effecten te gebruiken. Door bijvoorbeeld alleen het eerste woord of de eerste letter steeds een afwijkende kleur te geven krijg je een erg speels uiterlijk. HOOFDLETTERS Ook door wel of geen CAPITALEN oftewel HOOFDLETTERS te gebruiken kun je een duidelijk verschil aangeven tussen je titels, subtitels en tekst. Uitlijning Door een titel of juist de tekst in te laten springen kun je een leuk effect bereiken. Ook kun je een titel juist aan de andere kant uitlijnen dan de tekst. 10

11 Witruimte Door tussen woorden witruimte groter of juist kleiner te maken krijgt een titel en een hele tekst een compleet andere uitstraling. Persoonlijk vindt ik in veel gevallen een grotere witruimte dan standaard door een browser wordt meegegeven erg goed staan. Grafische elementen Door een balkje, een cirkeltje, een pijltje of juist iets heel anders voor, achter, boven of onder een titel te plaatsen kun je extra aandacht naar de titel trekken. Je hebt ook een extra mogelijkheid om kleur te gebruiken. Het is ook mogelijk om een onderdeel van je logo te gebruiken. Zodoende komt je 11

12 huisstijl over je hele pagina weer terug. Plaatsing subtitel Het creatief plaatsen van een subtitel kan ook een wereld van verschil betekenen voor het uiterlijk van je pagina. Meestal wordt een subtitel recht onder de titel geplaatst. Maar op het moment dat je een goed onderscheid maakt tussen titel en subtitel kunnen ze ook op een andere manier bij elkaar geplaatst worden. 12

13 Mouse-over effecten Bij een weblog zie je vaak dat titels tevens links zijn. Door een Mouse-over effect hier op toe te passen lijkt de titel meer op een link en heb je tevens een extra mogelijkheid om de titel van de rest van de tekst te onderscheiden. Het is een leuk idee om één van eerder genoemde elementen toe te voegen of weg te laten tijdens het Mouse over effect. De conclusie die je kunt trekken uit dit verhaal is dat het gebruik van titels en subtitels je website een heel andere uitstraling kunnen geven. Titels zijn meer dan tekst, het is een onderdeel van je vormgeving en je huisstijl. Alle gebruikte voorbeelden komen uit de templates van Templatemonster. 13

Nieuws sites hebben een krantachtige vormgeving; de informatie staat voorop.

Nieuws sites hebben een krantachtige vormgeving; de informatie staat voorop. Be e ldsche rmvormge ving & We bde sign Doelstelling & Doelgroepverkenning Kijk naar verschillende websites om je doelgroep te verkennen. Ze hebben allemaal een andere doelstelling en roepen een bepaalde

Nadere informatie

WEBSITE USABILITY. white-paper

WEBSITE USABILITY. white-paper WEBSITE USABILITY white-paper Alle rechten voorbehouden Het is niet toegestaan deze white-paper aan derden te verstrekken of te verkopen. Het is niet toegestaan de inhoud van deze white-paper elders te

Nadere informatie

Inleiding. Daarnaast geldt dat bij gebruik van een eigen website een link wordt geplaatst bij de contactgegevens naar de homepage van In de Weerd:

Inleiding. Daarnaast geldt dat bij gebruik van een eigen website een link wordt geplaatst bij de contactgegevens naar de homepage van In de Weerd: Huisstijlhandboek Inhoudsopgave Inleiding... 3 Missie & organisatiebeschrijving... 4 Logo, pay-off & pictogrammen... 5 Logo & kleurgebruik... 6 Typografie... 8 Briefpapier... 9 Persbericht... 10 Powerpoint

Nadere informatie

6. Indexatie: Zijn de verschillende pagina s binnen de site geïndexeerd door Google?

6. Indexatie: Zijn de verschillende pagina s binnen de site geïndexeerd door Google? PIMPTER WEBSHOP http://www.nailsprinter.com http://www.pimpter.com/ http://www.salonique.com/nail-printers.html http://www.nagelstudiocenc.nl/shop.php http://www.yournail.nl/webwinkel-category-1127889/nagelprinter.html

Nadere informatie

Dennis Wagenaar 19-04-10 v 1.0

Dennis Wagenaar 19-04-10 v 1.0 Ontwerprapport Save Energy Leiden Dennis Wagenaar 19-04-10 v 1.0 Inhoudsopgave Inleiding...4 1 Grafisch Ontwerp...5 1.1 De website...5 1.2 Header...6 1.3 Menu...6 1.4 Content...7 1.5 Grafieken...7 1.5

Nadere informatie

Gedaan: Logo Communicatie middel(en) Inrichtingsplan. Nog te doen: - Website - Balie - Promotie item

Gedaan: Logo Communicatie middel(en) Inrichtingsplan. Nog te doen: - Website - Balie - Promotie item Briefing Website Gedaan: Logo Communicatie middel(en) Inrichtingsplan Nog te doen: - Website - Balie - Promotie item Website > vormgeving Website > techniek Wat maak je? Je maakt een website voor restaurant

Nadere informatie

Taakleerjaar1 - Dreamweaver

Taakleerjaar1 - Dreamweaver Taakleerjaar1 - Dreamweaver website VVV Terschelling Wat ga je doen? Het toeristenbureau VVV van Terschelling wil het waddeneiland zo goed mogelijk promoten. In dit kader hebben zij jou gevraagd om een

Nadere informatie

Onderzoek naar product en concurrentie. 10 Concurrenten van webshop Sportieve E-bike. Websites links:

Onderzoek naar product en concurrentie. 10 Concurrenten van webshop Sportieve E-bike. Websites links: Onderzoek naar product en concurrentie. 10 Concurrenten van webshop Sportieve Ebike Websites links: http://www.fatboy.com/nl/ http://www.dsignmeubels.nl/ http://allemachtigprachtig.nl/ http://www.gilianoriginals.nl/

Nadere informatie

Pieter Geneugelijk 4H3

Pieter Geneugelijk 4H3 Pieter Geneugelijk 4H3 Opdracht 1 www.ad.nl : Geeft het AD mij voldoende juiste en actuele informatie? Ja het AD beschikt over actuele informatie en de juistheid ervan. Cijfer: 8 Tip: Iets minder drukke

Nadere informatie

CasualCMS heeft de volgende structuur: De website: pagina s beheren en algemene instellingen. De gebruiker: bezoekers, bezoekers met toegang tot bev-

CasualCMS heeft de volgende structuur: De website: pagina s beheren en algemene instellingen. De gebruiker: bezoekers, bezoekers met toegang tot bev- CasualCMS Inhoud CasualCMS Website Een nieuwe pagina maken Een pagina later wijzigen Een pagina verwijderen De volgorde van pagina s in het menu wijzigen Website instellingen Gebruikers Inhoud Modules

Nadere informatie

De website heeft een redelijk gestileerde uitstraling en oogt ook experimenteel. Verder lijd hij nauwelijks af van de inhoud, namelijk zijn foto s.

De website heeft een redelijk gestileerde uitstraling en oogt ook experimenteel. Verder lijd hij nauwelijks af van de inhoud, namelijk zijn foto s. Analyse van een website (Opdracht 1a.) EricRyanAnderson.com De vormgeefaspecten Het doel van de website is om het werk van Eric Ryan Anderson te laten zien en daarmee klanten te overtuigen om gebruik te

Nadere informatie

HET NIEUWE LOGO & DE BASELINE

HET NIEUWE LOGO & DE BASELINE BRAND MANUAL 1. Het nieuwe logo & de baseline...22 2. Kleurgebruik...3 3. Typografie...45 4. Minimumafmetingen...5 6 5. Grafische elementen...56 6. Plaatsing...67 7. Don ts...78 8. Papierkeuze...7 8 1

Nadere informatie

Webflex voor Webdesigners

Webflex voor Webdesigners Webflex voor Webdesigners Kinetiek Webtechnologie - Handelstraat 14-6815 CW Arnhem - http://kinetiek.com Webflex voor webdesigners blz. 1 9-1-2013 17:09 Inhoudsopgave 1 Inleiding... 3 1.1 Menu s... 4 1.1.1

Nadere informatie

Tips & trucs banners maken voor je webshop

Tips & trucs banners maken voor je webshop 9-9-2014 15:53:00 Tips & trucs banners maken voor je webshop v1.01 Alicia van Moorsel Inhoudsopgave Pagina 1: - Wat is een header? - Sfeer - Aanbieding/nieuw product - Maar maak ik goede converterende

Nadere informatie

Project Webshop Goodnails Onderzoek

Project Webshop Goodnails Onderzoek Project Webshop Goodnails Onderzoek Introductie Ik heb onderzoek gedaan naar product en de concurrentie. Hier onder vind u een analyse van verschillende webshops die een nagelprinter aanbieden met daaronder

Nadere informatie

5 manieren om. om jouw landingspagina. te optimaliseren

5 manieren om. om jouw landingspagina. te optimaliseren 5 manieren om om jouw landingspagina te optimaliseren introductie Een landingspagina is een essentiële schakel in het succes van jouw customer journey, want het is dé plek om jouw klant te overtuigen om

Nadere informatie

Portfolio Fiona Roos. Interaction / Usability / Mindmapping / Webdesign / Concepts / Photography / Visual. Tel.: +31(0)6-52683273

Portfolio Fiona Roos. Interaction / Usability / Mindmapping / Webdesign / Concepts / Photography / Visual. Tel.: +31(0)6-52683273 Portfolio Fiona Roos Interaction / Usability / Mindmapping / Webdesign / Concepts / Photography / Visual Portfolio site: www.fi-design.nl E-mail: info@fi-design.nl Tel.: +31(0)6-52683273 Websites (2006

Nadere informatie

Visual design. Naam: Rob Dekker. Studentnummer: Vak: MMIO

Visual design. Naam: Rob Dekker. Studentnummer: Vak: MMIO Visual design Naam: Rob Dekker Studentnummer: 11020067 Vak: MMIO Datum: 02-03-2016 Wireframes desktop Maak visual designs van een homepage en product pagina van een sportmerk. Werk deze uit voor gebruik

Nadere informatie

Card sorting Sitemap Use case. Wireframes Schermontwerpen Stijlgids. Niet in les gedaan! Via je einddocument. Verkennen. Genereren.

Card sorting Sitemap Use case. Wireframes Schermontwerpen Stijlgids. Niet in les gedaan! Via je einddocument. Verkennen. Genereren. Hoorcollege 4 Verkennen Genereren Evalueren Communiceren Card sorting Sitemap Use case Wireframes Schermontwerpen Stijlgids Niet in les gedaan! Via je einddocument Schermontwerpen Pauze Stijlgids Feedback

Nadere informatie

Er zijn veel manieren waarop je een site kunt analyseren. We beperken ons hier tot de homepage. In deze opdracht gaan we 2 manieren toepassen:

Er zijn veel manieren waarop je een site kunt analyseren. We beperken ons hier tot de homepage. In deze opdracht gaan we 2 manieren toepassen: 1 Site-analyse Er zijn veel manieren waarop je een site kunt analyseren. We beperken ons hier tot de homepage. In deze opdracht gaan we 2 manieren toepassen: 1 Analyse van de paginastructuur 2 Analyse

Nadere informatie

HUISSTIJL EN GEBRUIKSVOORWAARDEN

HUISSTIJL EN GEBRUIKSVOORWAARDEN HUISSTIJL EN GEBRUIKSVOORWAARDEN 1. GEBRUIKSVOORWAARDEN 3 2. LOGO 4 2.1. Inleiding 2.2. Opbouw 2.3. Don ts 3. KLEUR 5 3.1. Primaire kleuren 3.2. Secundaire kleuren 4. TYPOGRAFIE 6 4.1. Lettertypes 5. WEBSITE

Nadere informatie

Huisstijlhandboek JPcommunication

Huisstijlhandboek JPcommunication Huisstijlhandboek JPcommunication Inleiding Inhoud Dit is het huisstijlhandboek van JPcommunication. Dit huisstijlhandboek geeft de richtlijnen die houvast geven bij het gebruik van de huisstijl van JPcommunication.

Nadere informatie

Liesbeth Mantel. Mediacollege webdesign professional

Liesbeth Mantel. Mediacollege webdesign professional Liesbeth Mantel Mediacollege webdesign professional Juni 2006 Inhoud 1 Inleiding... 3 2 Grid en layout... 4 3 Kleurenpalet... 5 4 Typografie... 6 5 Navigatie... 7 6 Schetsen... 8 7 Stylesheet... 10 1 Inleiding

Nadere informatie

ActiveBuilder Handleiding

ActiveBuilder Handleiding ActiveBuilder Handleiding Auteur: TalkActive I/S Datum: Juli 2004 Versie: R. 1.01 Taal: Nederlands Copyright 2004 - Talk Active alle rechten voorbehouden. Inhoud: 1. INTRODUCTIE...2 2. SNEL STARTEN...3

Nadere informatie

Checklist voor een knallende website

Checklist voor een knallende website Met deze checklist scan je je bedrijfswebsite op een aantal onderdelen. Ontdek de sterke punten van je website en welke punten je nog kunt verbeteren. De checklist maakt je bewust van de zaken die bepalen

Nadere informatie

Grafisch ontwerp. Referenties. https://developers.google.com/webmasters/mobile-sites/ http://www.bluetrainmobile.com/mobile-showcase

Grafisch ontwerp. Referenties. https://developers.google.com/webmasters/mobile-sites/ http://www.bluetrainmobile.com/mobile-showcase Mobiel Datanose Op dit moment is mobiel datanose niet goed gedaan; je krijgt gewoon de site te zien zoals je het te zien krijgt op pc's of laptops. Maar vaak heb je het probleem dat je op je mobiel moet

Nadere informatie

Huisstijl Koning Willem 1 College Hieronder staan een aantal richtlijnen geformuleerd in het huisstijlhandboek van KW1C.

Huisstijl Koning Willem 1 College Hieronder staan een aantal richtlijnen geformuleerd in het huisstijlhandboek van KW1C. VOORLICHTINGSFOLDER, tweedelig Opdracht: Maak een Voorlichtingsfolder voor de opleiding Marketingmedewerker / Creatieve Marketing en Communicatie MHBO. Verwerk in de folder de huisstijl van het Koning

Nadere informatie

Huisstijlhandboek. Algemene richtlijnen & instructies voor het gebruik van de CDA huisstijl. Februari 2013 Versie 1.1.

Huisstijlhandboek. Algemene richtlijnen & instructies voor het gebruik van de CDA huisstijl. Februari 2013 Versie 1.1. Huisstijlhandboek Algemene richtlijnen & instructies voor het gebruik van de CDA huisstijl Februari 2013 Versie 1.1. Inhoud 1. Inleiding 2. Logo 3. Opbouw logo en payoff 4. Plaatsing van het logo 5. Omgaan

Nadere informatie

V.V. WILHELMUS HUISSTIJLHANDBOEK. Naam: Marco Remmerswaal Studentnummer: 12048569 Vak: Visual Communication Lerares: Noortje van Eekeren Versie 1.

V.V. WILHELMUS HUISSTIJLHANDBOEK. Naam: Marco Remmerswaal Studentnummer: 12048569 Vak: Visual Communication Lerares: Noortje van Eekeren Versie 1. HUISSTIJLHANDBOEK V.V. WILHELMUS Naam: Marco Remmerswaal Studentnummer: 12048569 Vak: Visual Communication Lerares: Noortje van Eekeren Versie 1.00 1 / 10 Inhoudsopgave Grid 3 Typografie 4 Kleurgebruik

Nadere informatie

A Inhoud. 2. De identiteit van de eigenaar van de website en het doel van de website staan genoemd.

A Inhoud. 2. De identiteit van de eigenaar van de website en het doel van de website staan genoemd. Beoordelingsformulier websites Afdeling Taal en Communicatie VU De schriftelijke communicatie-uitingen van de verzekeraar moeten begrijpelijk en duidelijk zijn voor de klant en afgestemd op diens taalniveau.

Nadere informatie

Grote Beer 123 3067 TR Rotterdam

Grote Beer 123 3067 TR Rotterdam Persoonlijke gegevens Geboortedatum Burgerlijke staat Nationaliteit Rijbewijs Robert de Pijper 01031982 Ongehuwd Nederlandse Ja Adres Postcode Woonplaats Grote Beer 123 3067 TR Rotterdam Telefoon Email

Nadere informatie

INHOUD. Logo. Typografie. Kleurenpalet. Visitekaartje. Briefpapier. Advertentie. Header. Homepage. Gadget

INHOUD. Logo. Typografie. Kleurenpalet. Visitekaartje. Briefpapier. Advertentie. Header. Homepage. Gadget Huisstijlhandboek 1 INHOUD 4 6 8 10 12 14 16 18 20 Logo Typografie Kleurenpalet Visitekaartje Briefpapier Advertentie Header Homepage Gadget 2 3 LOGO Het beeldmerk bestaat uit een spreekwolk met de naam

Nadere informatie

Nu maak je een template en exporteert hem later naar de gewenste omgeving.

Nu maak je een template en exporteert hem later naar de gewenste omgeving. Gebruik Artisteer Start Artisteer 4 start enigszins anders dan de vorige versies. Vroeger moest je eerst kiezen voor welke omgeving je een template zou maken. Nu maak je een template en exporteert hem

Nadere informatie

Maak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening

Maak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening Maak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening houdt met verschillende behoeftes binnen je doelgroep.

Nadere informatie

Made by Valentijn Kap, 3IV1

Made by Valentijn Kap, 3IV1 Made by Valentijn Kap, 3IV1 Inhoudsopgave 1 Inleiding Blz. 2 2 Verantwoording Blz. 3 3 Dutch Portfolio Blz. 5 4 Leerdoelen Blz. 7 4.1 Wordpress Beheersen Blz. 8 4.2 Template bouwen Blz. 9 4.3 Webhosting

Nadere informatie

Huisstijl handboek Wij zijn Nijmegen: Do it yourself. Versie: 2.0 maart 2017

Huisstijl handboek Wij zijn Nijmegen: Do it yourself. Versie: 2.0 maart 2017 Huisstijl handboek Wij zijn Nijmegen: Do it yourself Versie: 2.0 maart 2017 Inleiding In dit handboek wordt beschreven hoe de huisstijl van Wij zijn Nijmegen kan worden ingezet in zowel online als of offline

Nadere informatie

Webuniversum. www.vlaanderen.be

Webuniversum. www.vlaanderen.be Webuniversum www.vlaanderen.be 1 Webuniversum doelstelling Onze primaire focus is de Vlaamse overheid en lokale besturen. Federale diensten worden maximaal meegenomen Burger kijkt naar de overheid, los

Nadere informatie

Hoe maak je een nieuwbrief template met MailChimp? In dit document leg ik je stap voor stap uit hoe je met het drag and drop systeem van MailChimp jouw eigen layout bij elkaar sleept. Je geeft jouw template

Nadere informatie

Onderzoek naar producten en concurrentie Shop till you drop

Onderzoek naar producten en concurrentie Shop till you drop Onderzoek naar producten en concurrentie Shop till you drop http://www.pimpter.com/nagelprinters/ Als je op de website komt is het meteen zichtbaar dat het over nagelprinters gaat. Buiten dat je allerlei

Nadere informatie

Botein. Documentatie

Botein. Documentatie Botein Documentatie 1 Inhoud Botein Het Botein thema is een minimalistisch thema die geheel naar eigen smaak kan worden ingericht. Laat uw producten meer spreken dankzij de rust die het thema uitstraalt.

Nadere informatie

Om dan een stapje verder te gaan is het van belang te weten hoe een letter is opgebouwd en wat voor verschillende soorten letters er zijn.

Om dan een stapje verder te gaan is het van belang te weten hoe een letter is opgebouwd en wat voor verschillende soorten letters er zijn. Typografie Typografie, van het Griekse tupos (slag, vorm, afdruk) en graphein (schrijven), betekent het zetten en drukken en vormgeven van teksten voor functionele doeleinden. Hoe is het schrift ontstaan?

Nadere informatie

PORTAL HYDRON. Marco Tangelder - Clickfactor Bram Voogel - Oracle

PORTAL HYDRON. Marco Tangelder - Clickfactor Bram Voogel - Oracle PORTAL HYDRON Marco Tangelder - Clickfactor Bram Voogel - Oracle Inhoud Introductie Hydron The Case Design Probleemstelling Design Oplossing Design Implementatie Portal implementatie Samenvatting Lessons

Nadere informatie

Vragenlijst voor nieuwe website

Vragenlijst voor nieuwe website Vragenlijst voor nieuwe website Om het jezelf makkelijk te maken, print je dit formulier uit en vul je het gewoon met pen in. Overleg eens met huisgenoten, collega's en vrienden zodat je een juist beeld

Nadere informatie

1. Wij organiseren binnenkort een evenement. Wat kan TwitterStreams voor mij betekenen?

1. Wij organiseren binnenkort een evenement. Wat kan TwitterStreams voor mij betekenen? Inhoudsopgave FAQ 1. Wij organiseren binnenkort een evenement. Wat kan TwitterStreams voor mij betekenen? 2. Waar kan ik voorbeelden bekijken? 3. Wat is het verschil tussen een TwitterStream en een Twitter

Nadere informatie

HOE EFFICIËNT IS UW WEBSITE? Peter Kassenaar 1 oktober 2008

HOE EFFICIËNT IS UW WEBSITE? Peter Kassenaar 1 oktober 2008 HOE EFFICIËNT IS UW WEBSITE? Peter Kassenaar 1 oktober 2008 Agenda Introductie - Efficiëncy gedefinieerd Elementen meetbaar maken Succesfactoren van tevoren bepalen De efficiëncy top-8 Succesfactoren achteraf

Nadere informatie

Publishing & Printing Company B.V.

Publishing & Printing Company B.V. STAPPENPLAN WEBSITE Versie 1.3 Publishing & Printing Company B.V. Weth. Sangersstraat 38 (0)46-437 73 11 KVK 140.41959 6191 NA Beek web@pp-company.nl BTW NL 0085.52.861.B01 Algemene voorwaarden www.pp-company.nl

Nadere informatie

Digitale vormgeving 2014 2015. Wordpress deel 1

Digitale vormgeving 2014 2015. Wordpress deel 1 Digitale vormgeving 2014 2015 Wordpress deel 1 2 Inhoud Site in WordPress... 3 Maak een eigen site in WordPress.com.... 3 Wordpressaccount aanmaken... 4 Opdracht 1... 4 Thema kiezen... 6 Opdracht 2...

Nadere informatie

Wat voor lettertype ben jij? door: Cora Verhagen, Studio Neeltje

Wat voor lettertype ben jij? door: Cora Verhagen, Studio Neeltje Wat voor lettertype ben jij? door: Cora Verhagen, Studio Neeltje doe de test! Iedere ondernemer wordt ermee geconfronteerd: tekst. Tekst op je website, tekst op je visitekaartje, tekst op je flyers, tekst

Nadere informatie

Inhoud Atik. Instellingen Meer informatie over het instellen van uw Atik thema. Functies Meer informatie over de geintegreerde functionaliteiten.

Inhoud Atik. Instellingen Meer informatie over het instellen van uw Atik thema. Functies Meer informatie over de geintegreerde functionaliteiten. Atik Documentatie 1 Inhoud Atik Het Atik thema is een flexibel theme die geheel naar eigen smaak aangepast kan worden. Het is mogelijk om het navigatie gedeelte te laten staan tijdens het scrollen, zo

Nadere informatie

make things ETA by Boudewijn Naaijkens

make things ETA by Boudewijn Naaijkens ET S make things ETA by Boudewijn Naaijkens VISUAL IDENTITY Student Boudewijn Naaijkens 2060969 Avans Hogeschool 42CM04 (O) Vakcoördinator Brenda Renssen Avans Hogeschool Overige betrokken docent(en) Marcel

Nadere informatie

www.voornaamachternaam.graafschapcollegehandel.nl

www.voornaamachternaam.graafschapcollegehandel.nl Ga naar jouw eigen website, Dit is jouwvoornaam+achternaam.graafschapcollege-handel.nl Dit ziet er dan als volgt uit (uiteraard dan met jouw naam): www.voornaamachternaam.graafschapcollegehandel.nl Bijvoorbeeld:

Nadere informatie

HUISSTIJLHANDBOEK. Huisstijlhandboek GGD Brabant-Zuidoost Versie 1.0

HUISSTIJLHANDBOEK. Huisstijlhandboek GGD Brabant-Zuidoost Versie 1.0 HUISSTIJLHANDBOEK Huisstijlhandboek GGD Brabant-Zuidoost Versie 1.0 INHOUDSOPGAVE Inleiding Pagina 03 Typografie Pagina 09 Het logo Pagina 04-06 Het gebruik van afbeeldingen Pagina 10-11 Kleurgebruik Pagina

Nadere informatie

Trek een kaartje met: 1. Doel 2. Doelgroep 3. Onderwerp (dit is een globaal onderwerp en moet door jezelf nader worden bepaald)

Trek een kaartje met: 1. Doel 2. Doelgroep 3. Onderwerp (dit is een globaal onderwerp en moet door jezelf nader worden bepaald) Opdracht: Maak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening houdt met verschillende behoeftes binnen je

Nadere informatie

1 Introductie. Wat is een blog? Waarom is bloggen zo populair?

1 Introductie. Wat is een blog? Waarom is bloggen zo populair? 1 Introductie Wat is een blog? Nu je dit boek in je handen hebt neem ik aan dat je al eens van WordPress gehoord hebt. WordPress is een CMS dat staat voor Content Management System dat oorspronkelijk gemaakt

Nadere informatie

Opstart document 8 FEBRUARI v1.24

Opstart document 8 FEBRUARI v1.24 Opstart document 8 FEBRUARI v1.24 pagina 1 Welkom In dit document vind je stap voor stap instructie hoe je jouw eigen site kunt indelen, wat je moet verzamelen en natuurlijk hoe je uiteindelijk zelf jouw

Nadere informatie

BOY WONDER MEDIA BROCHURE

BOY WONDER MEDIA BROCHURE BOY WONDER MEDIA BROCHURE Boy Wonder media bestaat sinds 2008 en is uitgegroeid tot een innovatief bedrijf dat gespecialiseerd is in de volgende werkzaamheden. > Website Ontwerp > Huisstijl Ontwerp > Reclame

Nadere informatie

Websitecheck. Taak en Tekst voor websites die werken. www.jouwsite.nl

Websitecheck. Taak en Tekst voor websites die werken. www.jouwsite.nl Taak en Tekst voor websites die werken www.jouwsite.nl Websitecheck Taak en Tekst, www.taakentekst.nl Buijs Ballotstraat 27A, 2563 ZH Den Haag 06-13935470 1 Websitecheck Website: Eigenaar: Datum: www.jouwsite.nl

Nadere informatie

Design Theorie voor 3-ICT Vormen en Afmetingen

Design Theorie voor 3-ICT Vormen en Afmetingen Design Theorie voor 3-ICT Vormen en Afmetingen Als je een ontwerp gaat maken moet je in de eerste plaats met twee dingen rekening houden: de vorm van je ontwerp (bijvoorbeeld: vierkant, langwerpig, rond,

Nadere informatie

Achtergrond en lettertype Opmaak Achtergrond Opmaak Achtergrond Afbeelding in achtergrond

Achtergrond en lettertype Opmaak Achtergrond Opmaak Achtergrond Afbeelding in achtergrond Frontpage Express is het meest eenvoudige programma voor het maken van je homepage. Is het programma niet geïnstalleerd op je PC, dan is het te downloaden en daarna te installeren. We zullen nu een aantal

Nadere informatie

Web. TU Delft. Huisstijlrichtlijnen

Web. TU Delft. Huisstijlrichtlijnen TU Delft Web TU Delft Huisstijlrichtlijnen Index 1 Broodtekst 2 Titels 3 Template homepage 4 Template vervolgpagina s 5 Hoofdmenu 6 Submenu 7 Headers 8 Tabblad 9 Tabblad varianten 10 Tabblad nieuws / agenda

Nadere informatie

Website bouwen Blok2 Wat kan wel en wat kan

Website bouwen Blok2 Wat kan wel en wat kan Beste studente: Helaas zit je bij het ontwerpen van een website vast aan bepaalde regels, tenzij je een flashwebsite zou maken. Bij flash is veel meer mogelijk alleen heeft deze manier van websites bouwen

Nadere informatie

Gratis e-book Checklist Webteksten Door René Greve, Webteksten en SEO, (www.renegreve.nl)

Gratis e-book Checklist Webteksten Door René Greve, Webteksten en SEO, (www.renegreve.nl) Dit is versie 2.1 (april 2009) Kijk voor de nieuwste versie op: www.renegreve.nl/e-books/ Copyright: Niets uit deze uitgave mag zonder voorafgaande schriftelijke toestemming van René Greve verveelvoudigd

Nadere informatie

USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR

USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR WELKOM AGENDA Introductie Korte algemene inleiding Usability Usability voor mobiele apparaten Vragen - afsluiting INTRODUCTIE Peter Kassenaar;

Nadere informatie

Voorbeeld communicatiemiddelenanalyse. Basisschool anoniem

Voorbeeld communicatiemiddelenanalyse. Basisschool anoniem Voorbeeld communicatiemiddelenanalyse Basisschool anoniem Scholen met Succes Postbus 3386 2001 DJ Haarlem www.scholenmetsucces.nl info@scholenmetsucces.nl tel: 023 534 11 58 fax: 023 534 59 00 1 Scholen

Nadere informatie

WHITEPAPER IN 5 MINUTEN. 08. Content Design verdrijft CMS

WHITEPAPER IN 5 MINUTEN. 08. Content Design verdrijft CMS WHITEPAPER IN 5 MINUTEN M A A R T 2 0 1 4 08. Content Design verdrijft CMS Introductie Je komt steeds vaker op websites die er bijzonder uitzien, of die het verhaal in één pagina vertellen. Jij wil dit

Nadere informatie

Design Document Catalyst

Design Document Catalyst Design Document Catalyst Bas Deelman Inleiding Voor een duidelijke uitstraling en communicatie naar zowel de klant als andere doelgroepen moet een een duidelijke visuele identiteit zijn. De huidige projectgroep

Nadere informatie

GROTE PRAKTISCHE OPDRACHT

GROTE PRAKTISCHE OPDRACHT GROTE PRAKTISCHE OPDRACHT TRACK 2012 POWERPOINT DREAMWEAVER FOLDER INLEIDING Ook dit schooljaar moet je weer een Grote Praktische Opdracht oftewel GPO maken. Deze GPO telt één keer mee voor je schoolexamen

Nadere informatie

TARIEVENLIJST Wij begeleiden u naar succes op internet.

TARIEVENLIJST Wij begeleiden u naar succes op internet. TARIEVENLIJST 2016 Wij begeleiden u naar succes op internet. Stap 1: Kennismakingsgesprek Wij laten Visit Media en onze werkwijze zien. Natuurlijk hoort u graag wat de mogelijkheden zijn voor uw bedrijf.

Nadere informatie

Usability & Interface Design

Usability & Interface Design Usability & Interface Design Marco Corrò Usability & Interface Design Interface Design = de vormgeving van de grafische gebruikersinterface van een website Usability = Extent to which a product can be

Nadere informatie

Design rationale document. Rabobank.com

Design rationale document. Rabobank.com Design rationale document Rabobank.com Inhoudsopgave 3 4 5 14 Inleiding Design values Algemene rationale Styleguide 2 Inleiding In dit document zijn de ontwerpuitgangspunten vastgelegd voor de vernieuwde

Nadere informatie

Proficiat! U staat op het punt om te schitteren op het web.

Proficiat! U staat op het punt om te schitteren op het web. Proficiat! U staat op het punt om te schitteren op het web. Het is goede beslissing om te investeren in een website. Het is namelijk een duurzame manier om uw zaak en uw producten te promoten. Een goede

Nadere informatie

Whitepaper. E-mail design best practices

Whitepaper. E-mail design best practices Whitepaper E-mail design best practices 14 tips voor het design van je e-mail Versterk de boodschap van je uiting Best practices voor je e-mail design Het design speelt een grote rol in de eerste indruk

Nadere informatie

Stap 3 Wat kunnen we met de inhoud?

Stap 3 Wat kunnen we met de inhoud? Stap 3 Wat kunnen we met de inhoud? We gaan in deze stap eens bestuderen wat we zoal voor mogelijkheden hebben om tekst op te maken en links in te voegen. Kompozer heeft voor de meest voorkomende zaken

Nadere informatie

CONCEPT BOEK. DOET. VEENENDAAL EXTERN GEBRUIK

CONCEPT BOEK. DOET. VEENENDAAL EXTERN GEBRUIK CONCEPT BOEK. VEENENDAAL DOET. EXTERN GEBRUIK Een initiatief van: Stichting Promotie Veenendaal Beeldenstorm Reclamebureau PXL Communicatie EF2 Doeltreffende communicatie Pixel Fotografie introductie.

Nadere informatie

Zelf aanpassingen maken in de overige lay-out die niet vanuit het programma OFB Webbeheer mogelijk zijn

Zelf aanpassingen maken in de overige lay-out die niet vanuit het programma OFB Webbeheer mogelijk zijn Zelf aanpassingen maken in de overige lay-out die niet vanuit het programma OFB Webbeheer mogelijk zijn Versie: december 2009 De OFB Webshop / website kenmerkt zich door de eenvoudige en efficiënte opzet

Nadere informatie

ROC Zeeland Opzet Tijdschrift

ROC Zeeland Opzet Tijdschrift ROC Zeeland Opzet Tijdschrift Tijdschrift (25 april 2008 voor Meivakantie) 1.Doelgroep beschrijf je doelgroep naar welke muziek luisteren ze wat zijn hun hobbies welke tv-programmas kijken ze welke (soort)

Nadere informatie

eqbs gebruikersvriendelijke websites

eqbs gebruikersvriendelijke websites eqbs gebruikersvriendelijke websites maatwerk websites voor uw onderneming www.elitelabs.nl gebruikersvriendelijke maatwerk website Overal ter wereld altijd uw eigen website beheren. Persoonlijk ontwerp

Nadere informatie

LES 1: AAN DE SLAG MET WORDPRESS. Lesoverzicht: Aan de slag Wat is WordPress CMS Front-end Back-end Samenvatting. Tijd: 5 minuten

LES 1: AAN DE SLAG MET WORDPRESS. Lesoverzicht: Aan de slag Wat is WordPress CMS Front-end Back-end Samenvatting. Tijd: 5 minuten LES 1: AAN DE SLAG MET WORDPRESS Lesoverzicht: Aan de slag Wat is WordPress CMS Front-end Back-end Samenvatting Tijd: 5 minuten Doel: Aan het einde van deze les weet je wat WordPress is en kun je benoemen

Nadere informatie

Oog voor eigenheid. Maatwerk

Oog voor eigenheid. Maatwerk Oog voor eigenheid webdesign.casalinda.nl linda@casalinda.nl tel 023 529 4163 Ben je een kleine zelfstandige, en heb je grote ambities? Dan wil je een professioneel ogende website. En dan geen standaard

Nadere informatie

XHTML. een website bouwen. Vergelijk met: een huis bouwen. Dadelijk de stenen metselen, of. Hoe begin je er aan? Wat is stap 1?

XHTML. een website bouwen. Vergelijk met: een huis bouwen. Dadelijk de stenen metselen, of. Hoe begin je er aan? Wat is stap 1? 1010110101110001010 een website bouwen Vergelijk met: een huis bouwen. Dadelijk de stenen metselen, of eerst? Hoe begin je er aan? Wat is stap 1? 1010110101110001010 een website bouwen Ik heb een concept.

Nadere informatie

Portfolio s in Google Sites

Portfolio s in Google Sites Portfolio s in Google Sites Vanaf het schooljaar 2012-2013 biedt de NHL de optie om portfolio s aan te maken met Google Sites. De NHL-accounts bij Google zijn afgeschermd voor mensen die niet bij de NHL

Nadere informatie

10 stappen. naar een. doeltreffende bedrijfspresentatie

10 stappen. naar een. doeltreffende bedrijfspresentatie 10 stappen naar een doeltreffende bedrijfspresentatie 10 STAPPEN NAAR EEN DOELTREFFENDE BEDRIJFSPRESENTATIE Hoofdstuk 1: Content bepalen 1. Wat is de doelgroep en het kennisniveau? 2. Welke doelstelling

Nadere informatie

Presentatie voor: Studie Dag District 1610 11-04-2015. ICT binnen Rotary Nederland

Presentatie voor: Studie Dag District 1610 11-04-2015. ICT binnen Rotary Nederland Presentatie voor: Studie Dag District 1610 11-04-2015 ICT binnen Rotary Nederland Districtswebmasters Voor vragen kan je terecht bij: Peter Klein Mailadres: Paul Eijgendaal webmaster@rotary-d1610.nl Agenda

Nadere informatie

Handleiding Mijneigenweb.nl

Handleiding Mijneigenweb.nl Handleiding Mijneigenweb.nl Inhoud 1 Inloggen 2 Kleurenschema en lettertype 2.1 Kies een standaard kleurenschema 2.2 Kleurenschema en lettertypes aanpassen/ zelf samenstellen 3 Logo 4 Visual 4.1 Eigen

Nadere informatie

Castor. Documentatie

Castor. Documentatie Castor Documentatie 1 Inhoud Castor Het thema is speciaal ontwikkeld voor bedrijven die online één specifiek product presenteren. Castor heeft een pakkende uitstraling en is gemakkelijk door u zelf in

Nadere informatie

Project Het Parool. Media, Informatie en Communicatie. Propedeuse. Ontwerpdocument Beeld

Project Het Parool. Media, Informatie en Communicatie. Propedeuse. Ontwerpdocument Beeld Media, Informatie en Communicatie Ontwerpdocument Beeld Project Het Parool Jerry Leigh Henkes, Demy Verhoogt, Bastiaan Verbeek, Sterre van den Berge, Lucas de Vries, Kathy Gabriel en Hanna Loos. P125 Tutor

Nadere informatie

Les 5 VID. Corporate Identity. If you don t know what to do make it big and red

Les 5 VID. Corporate Identity. If you don t know what to do make it big and red Les 5 VID Corporate Identity If you don t know what to do make it big and red Les 5 VID Corporate Identity If you don t know what to do make it big and red When in doubt make it big. If still in doubt,

Nadere informatie

Milo. Stijlgids 2016

Milo. Stijlgids 2016 Milo Stijlgids 2016 Inhoudsopgave Inleiding 3 Artiest en essentie branding 4 Logo 5 Stijl 6 Kleurgebruik 7 Typografie 9 Grid en layout 11 Visuals 12 2 Inleiding In deze visuele stijlgids worden de gemaakte

Nadere informatie

WHITEPAPER. Wat is een. Responsive website? Voordelen van een. Responsive website? Hoe start je met een. Responsive website? RESPONSIVE WEBSITES

WHITEPAPER. Wat is een. Responsive website? Voordelen van een. Responsive website? Hoe start je met een. Responsive website? RESPONSIVE WEBSITES WHITEPAPER RESPONSIVE WEBSITES Wat is een Responsive website? Voordelen van een Responsive website? Hoe start je met een Responsive website? INTRODUCTIE Met het downloaden van deze whitepaper kunnen we

Nadere informatie

design ook items uitsnijden

design ook items uitsnijden (fig1) Hulplijnen zetten Om het ontwerp netjes uit te snijden is het handig om eerst hulplijnen te zetten. (fig1) Nu is het zaak om eerst voor je zelf te bepalen wat is layout en wat is design. Al het

Nadere informatie

Huisstijlhandboek. Kunststichting Firma Van Drie

Huisstijlhandboek. Kunststichting Firma Van Drie Huisstijlhandboek Kunststichting Firma Van Drie Martine den Boer Definitief 1 april 2013 Huisstijlhandboek Firma Van Drie definitief d.d. 1-4-2013 1 Inhoudsopgave Inleiding 3 1. Logo 4 1.1. Varianten 4

Nadere informatie

Huisstijl en beeldplan intranet / internet VUmc

Huisstijl en beeldplan intranet / internet VUmc 1 Huisstijl en beeldplan intranet / internet VUmc 2 Inhoudsopgave 1 De huisstijl van de VUmc web- en intranetsite 1.1 Beschrijving huisstijl 1.2 Bewaking huisstijl van de website en intranet 2 Fotomateriaal

Nadere informatie

Interactieve Narrowcasting speciaal voor Bibliotheken

Interactieve Narrowcasting speciaal voor Bibliotheken StoryCast Interactieve Narrowcasting speciaal voor Bibliotheken StoryCast is een Narrowcasting systeem helemaal ontwikkeld met en voor bibliotheken. Met het platform kunnen bibliotheken samen met partners

Nadere informatie

Lesbrief voor leerlingen: hoe ontwerp je een omslag voor een boek

Lesbrief voor leerlingen: hoe ontwerp je een omslag voor een boek Lesbrief voor leerlingen: hoe ontwerp je een omslag voor een boek KIEZEN Een goed begin is het kiezen van het juiste boek. Er zijn zo veel mooie verhalen waardoor het soms lastig is om een goede keuze

Nadere informatie

Schoolwebsite.nu. Snel aan de slag met uw website. Versie 4.0

Schoolwebsite.nu. Snel aan de slag met uw website. Versie 4.0 Schoolwebsite.nu Snel aan de slag met uw website Versie 4.0 Inhoudsopgave Inhoudsopgave... 2 1 Inleiding... 3 2 Voor dat u begint... 4 3 Teksten op de website... 6 4 Groepspagina s... 8 5 De groepspagina...

Nadere informatie

zonder stoppen Bastiaan Elwin Gertjan Startersproblemen? HET TEAM VAN STARTENZONDERSTOPPEN.NL No-nonsense zaken doen Wij gaan verder

zonder stoppen Bastiaan Elwin Gertjan Startersproblemen? HET TEAM VAN STARTENZONDERSTOPPEN.NL No-nonsense zaken doen Wij gaan verder Wie zijn wij StartenzonderStoppen is een organisatie die speciaal is opgezet om startende ondernemers te helpen met hun online en offline communicatie. Denk hierbij aan websites, drukwerk, huisstijl en

Nadere informatie

Linda Thuijs-Koopmans - LinnenArt, huisstijl en logo ontwerp - www.linnenart.nl

Linda Thuijs-Koopmans - LinnenArt, huisstijl en logo ontwerp - www.linnenart.nl Linda Thuijs-Koopmans - LinnenArt, huisstijl en logo ontwerp - www.linnenart.nl Handleiding Gmail in huisstijl met een automatische e-mail handtekening.. Als je je drukwerk, online profielen en alle visuele

Nadere informatie

Uw website optimaliseren voor zoekmachines

Uw website optimaliseren voor zoekmachines Uw website optimaliseren voor zoekmachines Waarom zou je optimaliseren? Met een goede website of goed product ben je er nog niet. Wanneer je product of dienst namelijk niet bekend is bij de gebruiker,

Nadere informatie