{"id":118,"date":"2016-10-06T16:41:37","date_gmt":"2016-10-06T14:41:37","guid":{"rendered":"http:\/\/www.jimdo.com/nl/blog\/?p=118"},"modified":"2021-11-18T16:53:51","modified_gmt":"2021-11-18T14:53:51","slug":"basisprincipes-webdesign","status":"publish","type":"post","link":"https:\/\/www.jimdo.com/nl/blog\/website-advies\/basisprincipes-webdesign\/","title":{"rendered":"3 Webdesign-principes voor beginners"},"content":{"rendered":"\n<p>Als je je eigen website maakt, voelt het alsof je duizenden keuzes moet maken voor je webdesign. Eigenlijk is het veel simpeler: de meest succesvolle websites gebruiken dezelfde basisprincipes voor webdesign om gebruiksvriendelijke mooie websites te maken.<\/p>\n\n\n\n<p>Dat doen ze niet zomaar. Onderzoek van Google laat zien dat bezoekers van simpele en bekende designs houden. En dat herkennen mensen al bij de allereerste blik.<\/p>\n\n\n\n<p>In dit artikel kijken we naar drie basisprincipes van webdesign, zodat je ze kunt inzetten bij het maken van je eigen website. Wil je er na deze voorbeelden dieper induiken, dan zijn er nog veel meer technieken en idee\u00ebn, maar met deze drie simpele principes heb je een goede basis.<\/p>\n\n\n\n<p>Wat zijn de basisprincipes van webdesign?<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-flat ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.jimdo.com/nl/blog\/website-advies\/basisprincipes-webdesign\/#1_Beperk_de_keuzes_in_je_design\" >1. Beperk de keuzes in je design<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.jimdo.com/nl/blog\/website-advies\/basisprincipes-webdesign\/#2_Wat_belangrijk_is_moet_opvallen_in_je_ontwerp\" >2. Wat belangrijk is moet opvallen in je ontwerp<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.jimdo.com/nl/blog\/website-advies\/basisprincipes-webdesign\/#3_Lege_ruimte_stuurt_de_aandacht\" >3. Lege ruimte stuurt de aandacht<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.jimdo.com/nl/blog\/website-advies\/basisprincipes-webdesign\/#Waar_begin_ik_met_webdesign\" >Waar begin ik met webdesign?<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Beperk_de_keuzes_in_je_design\"><\/span>1. Beperk de keuzes in je design<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Als mensen meer keuzes moeten maken, wordt de kans steeds kleiner dat ze ook echt kiezen. En als ze een keuze maken, zijn mensen die uit veel opties moesten kiezen minder tevreden met hun keuze. Dat wordt de <strong>keuzeparadox<\/strong> genoemd.<\/p>\n\n\n\n<p>De wet van Hicks zegt dat mensen langer over een keuze doen als je ze meer opties laat zien. Als het kiezen te lang duurt, verlaten ze je website zelfs zonder \u00fcberhaupt iets aan te klikken.&nbsp;<\/p>\n\n\n\n<p>Dit is een voorbeeld van een pagina met een goed aantal keuzes. Het design maakt duidelijk wat de lezer als eerste moet lezen.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/hOoFlN0Cg9SYQ7p0z4nPaslW4X1y_jZlWU_3ojJybRcr5b6W3vyW_To9eiRF1kcK8NgNCJqGJ7Z0S4TEPBw4tuDT1SJZWio-CL4LaF2lcRe1IgYKUAN10Wu7NH3xB__ghfeXwwpO\" alt=\"Keuzes in webdesign\"\/><figcaption>Goed webdesign geeft bezoekers duidelijke keuzes.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Wat betekent de keuzeparadox voor het design van je website?<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Ontwerp met een duidelijk doel voor elke pagina.<\/strong> Bijvoorbeeld dat bezoekers zich inschrijven voor je nieuwsbrief, iets kopen, naar muziek luisteren, etc. Het kan helpen om vooraf een <a href=\"https:\/\/www.jimdo.com/nl/blog\/website-advies\/website-structuur\/\">opbouw voor je site<\/a> te bedenken. Wat het doel voor de pagina ook is, focus alleen op dat doel.<\/li><li><strong>Hou je navigatie kort en helder.<\/strong> Een goede vuistregel is dat je <a href=\"https:\/\/www.jimdo.com/nl/blog\/website-advies\/navigatie-website-verbeteren\/\">niet meer dan zes pagina\u2019s in je hoofdnavigatie zet<\/a>. Zet je er meer in, dan maak je de keuze voor je bezoeker onnodig ingewikkeld.<\/li><li><strong>Verlaag het aantal keuzes op je home pagina en landing pages.<\/strong> Zet bijvoorbeeld alleen je drie bestsellers op je home pagina of je belangrijkste diensten. Verdere details kunnen bezoekers wel op andere pagina\u2019s vinden. Door de keuze te beperken geef je bezoekers de kans om beter over die keuze na te denken: bezoekers kunnen bedenken wat ze willen en zijn niet alleen bezig met overzicht krijgen.&nbsp;<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Wat_belangrijk_is_moet_opvallen_in_je_ontwerp\"><\/span>2. Wat belangrijk is moet opvallen in je ontwerp<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Als je het aantal keuzes hebt verlaagd, kijk je in de volgende stap hoe je de informatie op een pagina aanbiedt. Daar krijgen we met <strong>visuele hi\u00ebrarchie<\/strong> in webdesign te maken. Visuele hi\u00ebrarchie houdt in dat je designelementen als <a href=\"https:\/\/www.jimdo.com/nl/blog\/website-advies\/kleuren-kiezen-website\/\">kleur<\/a>, formaat en positie gebruikt om bezoekers te laten zien wat er belangrijk is. Je stuurt met je ontwerp de blik naar de juiste plek.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center post-cta has-white-background-color has-background is-layout-flex wp-container-core-columns-is-layout-0111f410 wp-block-columns-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h4 class=\"wp-block-heading\">Breng je bedrijf online. Met Jimdo.<\/h4>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<div class=\"wp-block-group is-content-justification-right is-nowrap is-layout-flex wp-container-core-group-is-layout-17124a9a wp-block-group-is-layout-flex\">\n<div class=\"wp-block-button\"><a data-tracking=\"post_cta_create_website_signup\" class=\"wp-block-button__link\" href=\"https:\/\/cms.jimdo.com\/wizard\/\">Nu beginnen<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p>Als ontwerper is het je taak om de belangrijkste informatie het meest te laten opvallen op je website. Minder belangrijke informatie hoeft er juist weer niet uit te springen. Beginners slaan deze stap vaak over en geven alle onderdelen op hun website hetzelfde design.<\/p>\n\n\n\n<p>Kijk bijvoorbeeld naar de website hieronder. Die pagina geeft je heel veel keuzes! Is het de bedoeling dat we contact opnemen? Of een trui kopen? Of meer over de services lezen? Het is moeilijk in te schatten. En met zoveel knoppen om uit te kiezen weet je misschien ook niet waar je moet beginnen.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/dDszzK8Yga1x08gpde06NemcEym3Iz1J805wazkxNhYnn3BMGhLglZ7xvib70UdgofffUX57bIJWl4SGa16sQdQSbJK3Bb_dT2kLZ5jooALj2Fuc6SzTflrb8hd2thhgTNw_D4em\" alt=\"Voorbeeld van slechte visuele hierarchie\"\/><figcaption>Deze voorbeeldpagina heeft geen goede visuele hi\u00ebrarchie. Bezoekers weten niet waar ze moeten kijken.<\/figcaption><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Hoe gebruik je visuele hi\u00ebrarchie in je webdesign?&nbsp;<\/h3>\n\n\n\n<p>Een goede visuele hi\u00ebrarchie bouw je op door verschillen tussen onderdelen te cre\u00ebren. Als je alle tekst extra groot maakt, omdat al die informatie heel belangrijk is, laat je eigenlijk niks opvallen. Dat is alsof je iedere zin in een boek onderstreept\u2026<\/p>\n\n\n\n<p>Bouw liever verschil tussen de onderdelen met deze variaties:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Formaat.<\/strong> Groter = belangrijker. Kleiner = minder belangrijk. Gebruik grote, middelgrote en kleine koppen om je tekst op te delen en structuur aan te brengen. Een grote foto is bijvoorbeeld belangrijker dan kleine foto\u2019s in een grid.<\/li><li><strong>Kleur.<\/strong> Meestal gebruiken we <a href=\"https:\/\/www.jimdo.com/nl/blog\/website-advies\/kleuren-kiezen-website\/\">kleuren als een manier om karakter aan je site te geven<\/a>. Maar je kunt er ook aandacht mee trekken. Een felle of afwijkende kleur valt op en bezoekers geven dus meer aandacht aan dat deel van de pagina.&nbsp;&nbsp;<\/li><li><strong>Positie.<\/strong> Informatie bovenaan de pagina is belangrijker dan informatie onderaan. Wat links op een pagina staat is meestal ook belangrijker (omdat de meeste bezoekers in een F- of Z-patroon lezen).&nbsp;&nbsp;<\/li><\/ul>\n\n\n<div class=\"jimdo-alert\">Met Jimdo Dolphin is die visuele hi\u00ebrarchie grotendeels al voor je gemaakt. Die bouwen in de <a href=\"https:\/\/help.jimdo-dolphin.com\/hc\/nl\/articles\/360000904546\" style=\"text-decoration:none;\">bestaande inhoudsblokken<\/a> in (met Creator kun je <a href=\"https:\/\/help.jimdo.com\/hc\/nl\/articles\/360000147023\" style=\"text-decoration:none;\">voorgestelde paginaopbouwen<\/a> gebruiken). We ontwerpen ze zo dat ze de regels voor goed webdesign toepassen en informatie helder presenteren.<\/div>\n\n\n\n<p>Laten we het voorbeeld van hierboven aanpassen en de inhoud een betere visuele hi\u00ebrarchie geven. Zo kunnen we met het ontwerp duidelijk maken wat de bezoekers als eerste, als tweede en als derde moet bekijken en welke actie belangrijk is.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/-fn3pICGtZOVC8odqB8VkPK_q8m-qNoGyvxMqlwLMKt6LSrEnS_K3BEZ_OEQnq7eMwRoFA3UE9nSSPyAKBAERw8smtfQm7OM9Oxn0sBDKzyBmn2n990Pg2eIOvcmd5DhMc_Lc5Gr\" alt=\"Voorbeeld van verbeterde visuele hierarchie\"\/><figcaption>Een nieuw ontwerp voor dezelfde pagina, met een betere visuele hi\u00ebrarchie<\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Lege_ruimte_stuurt_de_aandacht\"><\/span>3. Lege ruimte stuurt de aandacht<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Witruimte is de lege ruimte rondom de onderdelen van je website. Die hoeft niet per se wit te zijn, maar wel leeg. Designers weten al langer dat witruimte geen verspilling is in een ontwerp. Het geeft bezoekers juist de kans om goed te focussen op de verschillende onderdelen op de pagina.&nbsp;<\/p>\n\n\n\n<p>Door witruimte in te zetten in je webdesign maak je je website makkelijker leesbaar en <a href=\"https:\/\/www.jimdo.com/nl/blog\/website-advies\/gebruikerstest\/\">gebruiksvriendelijker<\/a>. De witruimte maakt de structuur zichtbaar: het is het verschil tussen zoeken in een volgepropte kast en een opgeruimde.<\/p>\n\n\n\n<p>De screenshots hieronder hebben dezelfde hoeveelheid tekst. Toch is de linkerpagina, met meer witruimte, makkelijker te scannen en te lezen.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"577\" src=\"https:\/\/i0.wp.com\/www.jimdo.com/nl/blog\/wp-content\/uploads\/2020\/07\/witruimte.png?resize=1024%2C577&#038;ssl=1\" alt=\"Voorbeeld witruimte in webdesign\" class=\"wp-image-1090\" srcset=\"https:\/\/i0.wp.com\/www.jimdo.com/nl/blog\/wp-content\/uploads\/2020\/07\/witruimte.png?resize=1024%2C577&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.jimdo.com/nl/blog\/wp-content\/uploads\/2020\/07\/witruimte.png?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.jimdo.com/nl/blog\/wp-content\/uploads\/2020\/07\/witruimte.png?resize=714%2C402&amp;ssl=1 714w, https:\/\/i0.wp.com\/www.jimdo.com/nl/blog\/wp-content\/uploads\/2020\/07\/witruimte.png?w=1352&amp;ssl=1 1352w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"417\" src=\"https:\/\/i0.wp.com\/www.jimdo.com/nl/blog\/wp-content\/uploads\/2020\/07\/geen-witruimte.png?resize=800%2C417&#038;ssl=1\" alt=\"Voorbeeld gebrek aan witruimte in webdesign\" class=\"wp-image-1091\" srcset=\"https:\/\/i0.wp.com\/www.jimdo.com/nl/blog\/wp-content\/uploads\/2020\/07\/geen-witruimte.png?w=800&amp;ssl=1 800w, https:\/\/i0.wp.com\/www.jimdo.com/nl/blog\/wp-content\/uploads\/2020\/07\/geen-witruimte.png?resize=300%2C156&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.jimdo.com/nl/blog\/wp-content\/uploads\/2020\/07\/geen-witruimte.png?resize=714%2C372&amp;ssl=1 714w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Hoe gebruik je meer witruimte op je website?<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Verdeel je pagina\u2019s in verschillende secties.<\/strong> Met Jimdo Dolphin heeft ieder inhoudsblok al een goede hoeveelheid witruimte ingebouwd. Verdeel je tekst en foto\u2019s over meerdere blokken en je pagina krijgt vanzelf meer ademruimte. In Creator kun je het element Afstand gebruiken om witruimte boven, onder of naast je elementen te zetten.&nbsp;<\/li><li><strong>Deel lange teksten op in alinea&#8217;s.<\/strong> Gebruik witruimte in je tekstblokken door <a href=\"https:\/\/www.jimdo.com/nl/blog\/website-advies\/webteksten-schrijven\/\">kortere alinea&#8217;s te gebruiken en lange alinea&#8217;s op te delen<\/a>.<\/li><li><strong>Gebruik ook witruimte in je foto\u2019s.<\/strong> Afbeeldingen zijn fantastisch om wat ademruimte in een pagina in te bouwen. De foto\u2019s in het voorbeeld hieronder hebben veel lege ruimte en stralen zo rust en overzicht uit.&nbsp;<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/sXpkYHQqz4G18fwAHPnHsV4HdoRHZIB1nhAFevY0gakZD1rwUzvx8S3Z9PMwlucfnFx7YIOGRhs-Rr9e6KCUjDpeJTZ6FQuYeXjfcvnt1Dj649TcK7WR3JwwKK3HhTVXzvup605Z\" alt=\"Voorbeeld foto's met witruimte in webdesign\"\/><figcaption><em>Een voorbeeld van witruimte op de Jimdo-website noordsk.studio.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Waar_begin_ik_met_webdesign\"><\/span>Waar begin ik met webdesign?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Webdesign leren is niet moeilijk en iedereen kan zichzelf de basis bijbrengen. Als je merkt dat je vastloopt, bedenk dan altijd dat eenvoud bijna altijd de beste oplossing is voor je bezoekers:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>beperk de keuzes,&nbsp;<\/li><li>zet ze in een logische volgorde&nbsp;<\/li><li>en laat genoeg ruimte vrij, zodat de belangrijke dingen opvallen<\/li><\/ul>\n\n\n\n<p>Begin daarmee en dan ben je al hard op weg naar een geweldig ontwerp voor je website!<\/p>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center post-cta has-white-background-color has-background is-layout-flex wp-container-core-columns-is-layout-0111f410 wp-block-columns-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h4 class=\"wp-block-heading\">Breng je bedrijf online. Met Jimdo.<\/h4>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<div class=\"wp-block-group is-content-justification-right is-nowrap is-layout-flex wp-container-core-group-is-layout-17124a9a wp-block-group-is-layout-flex\">\n<div class=\"wp-block-button\"><a data-tracking=\"post_cta_create_website_signup\" class=\"wp-block-button__link\" href=\"https:\/\/cms.jimdo.com\/wizard\/\">Nu beginnen<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Ontwerp je je eerste website? We laten je 3 designprincipes zien waarmee je in no time een mooie website ontwerpt voor je bezoekers.<\/p>\n","protected":false},"author":2,"featured_media":1088,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[8],"tags":[31,25,20,17,27],"class_list":["post-118","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website-advies","tag-mijn-eerste-website","tag-mooie-websites","tag-website-ontwerpen","tag-website-uitleg","tag-website-verbeteren"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Webdesign voor beginners: 3 simpele designprincipes - Jimdo<\/title>\n<meta name=\"description\" content=\"Ontwerp je je eerste website? We laten je 3 designprincipes zien waarmee je in no time een mooie website ontwerpt voor je bezoekers.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.jimdo.com/nl/blog\/website-advies\/basisprincipes-webdesign\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Webdesign voor beginners: 3 simpele designprincipes - Jimdo\" \/>\n<meta property=\"og:description\" content=\"Ontwerp je je eerste website? We laten je 3 designprincipes zien waarmee je in no time een mooie website ontwerpt voor je bezoekers.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jimdo.com/nl/blog\/website-advies\/basisprincipes-webdesign\/\" \/>\n<meta property=\"og:site_name\" content=\"Jimdo\u2019s blog voor ondernemers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Jimdo.Nederland\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-10-06T14:41:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-11-18T14:53:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jimdo.com/nl/blog\/wp-content\/uploads\/2016\/10\/webdesign.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2048\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jimdo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Jimdo_nl\" \/>\n<meta name=\"twitter:site\" content=\"@Jimdo_nl\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jimdo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/website-advies\\\/basisprincipes-webdesign\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/website-advies\\\/basisprincipes-webdesign\\\/\"},\"author\":{\"name\":\"Jimdo\",\"@id\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/#\\\/schema\\\/person\\\/7efc52108b3bd4199ff99409b2fbe4a5\"},\"headline\":\"3 Webdesign-principes voor beginners\",\"datePublished\":\"2016-10-06T14:41:37+00:00\",\"dateModified\":\"2021-11-18T14:53:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/website-advies\\\/basisprincipes-webdesign\\\/\"},\"wordCount\":1180,\"publisher\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/website-advies\\\/basisprincipes-webdesign\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.jimdo.com/nl/blog\\\/wp-content\\\/uploads\\\/2016\\\/10\\\/webdesign.jpg?fit=2048%2C1024&ssl=1\",\"keywords\":[\"Mijn eerste website\",\"Mooie websites\",\"Website ontwerpen\",\"Website uitleg\",\"Website verbeteren\"],\"articleSection\":[\"Website advies\"],\"inLanguage\":\"nl-NL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/website-advies\\\/basisprincipes-webdesign\\\/\",\"url\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/website-advies\\\/basisprincipes-webdesign\\\/\",\"name\":\"Webdesign voor beginners: 3 simpele designprincipes - Jimdo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/website-advies\\\/basisprincipes-webdesign\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/website-advies\\\/basisprincipes-webdesign\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.jimdo.com/nl/blog\\\/wp-content\\\/uploads\\\/2016\\\/10\\\/webdesign.jpg?fit=2048%2C1024&ssl=1\",\"datePublished\":\"2016-10-06T14:41:37+00:00\",\"dateModified\":\"2021-11-18T14:53:51+00:00\",\"description\":\"Ontwerp je je eerste website? We laten je 3 designprincipes zien waarmee je in no time een mooie website ontwerpt voor je bezoekers.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/website-advies\\\/basisprincipes-webdesign\\\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/website-advies\\\/basisprincipes-webdesign\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/website-advies\\\/basisprincipes-webdesign\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.jimdo.com/nl/blog\\\/wp-content\\\/uploads\\\/2016\\\/10\\\/webdesign.jpg?fit=2048%2C1024&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.jimdo.com/nl/blog\\\/wp-content\\\/uploads\\\/2016\\\/10\\\/webdesign.jpg?fit=2048%2C1024&ssl=1\",\"width\":2048,\"height\":1024,\"caption\":\"Webdesign voor beginners: 3 simpele designprincipes\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/website-advies\\\/basisprincipes-webdesign\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"3 Webdesign-principes voor beginners\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/\",\"name\":\"Jimdo\u2019s blog voor ondernemers\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/#organization\",\"name\":\"Jimdo GmbH\",\"url\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/wp-content\\\/uploads\\\/2018\\\/09\\\/Logo-jimdo-footer.png\",\"contentUrl\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/wp-content\\\/uploads\\\/2018\\\/09\\\/Logo-jimdo-footer.png\",\"width\":110,\"height\":25,\"caption\":\"Jimdo GmbH\"},\"image\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Jimdo.Nederland\\\/\",\"https:\\\/\\\/x.com\\\/Jimdo_nl\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/jimdonl\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/#\\\/schema\\\/person\\\/7efc52108b3bd4199ff99409b2fbe4a5\",\"name\":\"Jimdo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2506bfab94e877841212e235c7148d443cd1a56b3ca7e617bd0bc48887dc682f?s=96&d=identicon&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2506bfab94e877841212e235c7148d443cd1a56b3ca7e617bd0bc48887dc682f?s=96&d=identicon&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2506bfab94e877841212e235c7148d443cd1a56b3ca7e617bd0bc48887dc682f?s=96&d=identicon&r=g\",\"caption\":\"Jimdo\"},\"description\":\"Jimdo\u2019s blog \u201c8DAYS\u201d is er voor alle ondernemers \u2014 voor iedereen met een droom, idee, plan, project of groeiend bedrijf. We schrijven over starten als ondernemer, online trends en achtergrondverhalen. En we delen advies over websites en hoe je die maakt, ontwerpt en gebruikt voor je bedrijf.\",\"sameAs\":[\"http:\\\/\\\/www.jimdo.com/nl/blog\"],\"url\":\"https:\\\/\\\/www.jimdo.com/nl/blog\\\/author\\\/jimdonl\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Webdesign voor beginners: 3 simpele designprincipes - Jimdo","description":"Ontwerp je je eerste website? We laten je 3 designprincipes zien waarmee je in no time een mooie website ontwerpt voor je bezoekers.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.jimdo.com/nl/blog\/website-advies\/basisprincipes-webdesign\/","og_locale":"nl_NL","og_type":"article","og_title":"Webdesign voor beginners: 3 simpele designprincipes - Jimdo","og_description":"Ontwerp je je eerste website? We laten je 3 designprincipes zien waarmee je in no time een mooie website ontwerpt voor je bezoekers.","og_url":"https:\/\/www.jimdo.com/nl/blog\/website-advies\/basisprincipes-webdesign\/","og_site_name":"Jimdo\u2019s blog voor ondernemers","article_publisher":"https:\/\/www.facebook.com\/Jimdo.Nederland\/","article_published_time":"2016-10-06T14:41:37+00:00","article_modified_time":"2021-11-18T14:53:51+00:00","og_image":[{"width":2048,"height":1024,"url":"https:\/\/www.jimdo.com/nl/blog\/wp-content\/uploads\/2016\/10\/webdesign.jpg","type":"image\/jpeg"}],"author":"Jimdo","twitter_card":"summary_large_image","twitter_creator":"@Jimdo_nl","twitter_site":"@Jimdo_nl","twitter_misc":{"Geschreven door":"Jimdo","Geschatte leestijd":"7 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.jimdo.com/nl/blog\/website-advies\/basisprincipes-webdesign\/#article","isPartOf":{"@id":"https:\/\/www.jimdo.com/nl/blog\/website-advies\/basisprincipes-webdesign\/"},"author":{"name":"Jimdo","@id":"https:\/\/www.jimdo.com/nl/blog\/#\/schema\/person\/7efc52108b3bd4199ff99409b2fbe4a5"},"headline":"3 Webdesign-principes voor beginners","datePublished":"2016-10-06T14:41:37+00:00","dateModified":"2021-11-18T14:53:51+00:00","mainEntityOfPage":{"@id":"https:\/\/www.jimdo.com/nl/blog\/website-advies\/basisprincipes-webdesign\/"},"wordCount":1180,"publisher":{"@id":"https:\/\/www.jimdo.com/nl/blog\/#organization"},"image":{"@id":"https:\/\/www.jimdo.com/nl/blog\/website-advies\/basisprincipes-webdesign\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.jimdo.com/nl/blog\/wp-content\/uploads\/2016\/10\/webdesign.jpg?fit=2048%2C1024&ssl=1","keywords":["Mijn eerste website","Mooie websites","Website ontwerpen","Website uitleg","Website verbeteren"],"articleSection":["Website advies"],"inLanguage":"nl-NL"},{"@type":"WebPage","@id":"https:\/\/www.jimdo.com/nl/blog\/website-advies\/basisprincipes-webdesign\/","url":"https:\/\/www.jimdo.com/nl/blog\/website-advies\/basisprincipes-webdesign\/","name":"Webdesign voor beginners: 3 simpele designprincipes - Jimdo","isPartOf":{"@id":"https:\/\/www.jimdo.com/nl/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jimdo.com/nl/blog\/website-advies\/basisprincipes-webdesign\/#primaryimage"},"image":{"@id":"https:\/\/www.jimdo.com/nl/blog\/website-advies\/basisprincipes-webdesign\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.jimdo.com/nl/blog\/wp-content\/uploads\/2016\/10\/webdesign.jpg?fit=2048%2C1024&ssl=1","datePublished":"2016-10-06T14:41:37+00:00","dateModified":"2021-11-18T14:53:51+00:00","description":"Ontwerp je je eerste website? We laten je 3 designprincipes zien waarmee je in no time een mooie website ontwerpt voor je bezoekers.","breadcrumb":{"@id":"https:\/\/www.jimdo.com/nl/blog\/website-advies\/basisprincipes-webdesign\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jimdo.com/nl/blog\/website-advies\/basisprincipes-webdesign\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.jimdo.com/nl/blog\/website-advies\/basisprincipes-webdesign\/#primaryimage","url":"https:\/\/i0.wp.com\/www.jimdo.com/nl/blog\/wp-content\/uploads\/2016\/10\/webdesign.jpg?fit=2048%2C1024&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.jimdo.com/nl/blog\/wp-content\/uploads\/2016\/10\/webdesign.jpg?fit=2048%2C1024&ssl=1","width":2048,"height":1024,"caption":"Webdesign voor beginners: 3 simpele designprincipes"},{"@type":"BreadcrumbList","@id":"https:\/\/www.jimdo.com/nl/blog\/website-advies\/basisprincipes-webdesign\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.jimdo.com/nl/blog\/"},{"@type":"ListItem","position":2,"name":"3 Webdesign-principes voor beginners"}]},{"@type":"WebSite","@id":"https:\/\/www.jimdo.com/nl/blog\/#website","url":"https:\/\/www.jimdo.com/nl/blog\/","name":"Jimdo\u2019s blog voor ondernemers","description":"","publisher":{"@id":"https:\/\/www.jimdo.com/nl/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jimdo.com/nl/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/www.jimdo.com/nl/blog\/#organization","name":"Jimdo GmbH","url":"https:\/\/www.jimdo.com/nl/blog\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.jimdo.com/nl/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.jimdo.com/nl/blog\/wp-content\/uploads\/2018\/09\/Logo-jimdo-footer.png","contentUrl":"https:\/\/www.jimdo.com/nl/blog\/wp-content\/uploads\/2018\/09\/Logo-jimdo-footer.png","width":110,"height":25,"caption":"Jimdo GmbH"},"image":{"@id":"https:\/\/www.jimdo.com/nl/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Jimdo.Nederland\/","https:\/\/x.com\/Jimdo_nl","https:\/\/www.youtube.com\/user\/jimdonl"]},{"@type":"Person","@id":"https:\/\/www.jimdo.com/nl/blog\/#\/schema\/person\/7efc52108b3bd4199ff99409b2fbe4a5","name":"Jimdo","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/secure.gravatar.com\/avatar\/2506bfab94e877841212e235c7148d443cd1a56b3ca7e617bd0bc48887dc682f?s=96&d=identicon&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/2506bfab94e877841212e235c7148d443cd1a56b3ca7e617bd0bc48887dc682f?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2506bfab94e877841212e235c7148d443cd1a56b3ca7e617bd0bc48887dc682f?s=96&d=identicon&r=g","caption":"Jimdo"},"description":"Jimdo\u2019s blog \u201c8DAYS\u201d is er voor alle ondernemers \u2014 voor iedereen met een droom, idee, plan, project of groeiend bedrijf. We schrijven over starten als ondernemer, online trends en achtergrondverhalen. En we delen advies over websites en hoe je die maakt, ontwerpt en gebruikt voor je bedrijf.","sameAs":["http:\/\/www.jimdo.com/nl/blog"],"url":"https:\/\/www.jimdo.com/nl/blog\/author\/jimdonl\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.jimdo.com/nl/blog\/wp-content\/uploads\/2016\/10\/webdesign.jpg?fit=2048%2C1024&ssl=1","jetpack_sharing_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.jimdo.com/nl/blog\/wp-json\/wp\/v2\/posts\/118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jimdo.com/nl/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jimdo.com/nl/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jimdo.com/nl/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jimdo.com/nl/blog\/wp-json\/wp\/v2\/comments?post=118"}],"version-history":[{"count":0,"href":"https:\/\/www.jimdo.com/nl/blog\/wp-json\/wp\/v2\/posts\/118\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jimdo.com/nl/blog\/wp-json\/wp\/v2\/media\/1088"}],"wp:attachment":[{"href":"https:\/\/www.jimdo.com/nl/blog\/wp-json\/wp\/v2\/media?parent=118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jimdo.com/nl/blog\/wp-json\/wp\/v2\/categories?post=118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jimdo.com/nl/blog\/wp-json\/wp\/v2\/tags?post=118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}