{"id":1959,"date":"2017-10-05T19:09:07","date_gmt":"2017-10-05T19:09:07","guid":{"rendered":"http:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/?p=1959"},"modified":"2017-10-10T10:24:29","modified_gmt":"2017-10-10T10:24:29","slug":"opdracht-styleguide","status":"publish","type":"post","link":"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/2017\/10\/05\/opdracht-styleguide\/","title":{"rendered":"*Opdracht* Styleguide"},"content":{"rendered":"<p>&nbsp;<\/p>\n<table width=\"532\">\n<tbody>\n<tr>\n<td style=\"text-align: right;\" width=\"140\"><strong>Competentie<\/strong><\/td>\n<td width=\"392\">Onderzoeken, Verbeelden &amp; Uitwerken<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: right;\" width=\"140\"><strong>Thema\/domein<\/strong><\/td>\n<td width=\"392\">Beeld, Vorm, Typografie, Kleur, Visueel Onderzoek, Visueel presenteren<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: right;\" width=\"140\"><strong>Duur<\/strong><\/td>\n<td width=\"392\">2 (1 =&gt; 3 lesuren + 1 lesuur huiswerk)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: right;\" width=\"140\"><strong>Leerdoel<\/strong><\/td>\n<td width=\"392\">Een inspirerend moodboard maken voor een thema.<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: right;\" width=\"140\"><strong>Materialen<\/strong><\/td>\n<td width=\"392\">Laptop met Adobe software<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: right;\" width=\"140\"><strong>Beschrijving<\/strong><\/td>\n<td width=\"392\">De styleguide is het richtinggevende document voor de realisatie van touchpoints. Als er gewerkt wordt vanuit een bestaande huisstijl zal de styleguide daarop voortborduren. Bij volledige vrijheid zal er een compleet nieuwe stijl neergezet. Dit document dient als de visuele gids voor de volgende stappen van je opdracht.<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: right;\" width=\"140\"><strong>Verwijzing bronnen<\/strong><\/td>\n<td width=\"392\"><a href=\"http:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/tag\/styleguide\/\">http:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/tag\/styleguide\/<\/a><\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: right;\" width=\"140\"><strong>Instructie<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/td>\n<td width=\"392\">Leg kort uit HOE het <strong>LOGO<\/strong> gebruikt moet worden: Waar met beeldmerk, waar niet &amp; welke ruimte om het logo heen vrijgelaten moet worden. In welke kleuren mag het\/ welke achtergrond\/ welke ruimte om het logo heen vrijgelaten moet worden etc.<\/p>\n<p>Leg elke <strong>AFBEELDING<\/strong> uit in relatie met de normen en waarden van het merk. 3-\u00e1-5 afbeeldingen (voor gebruik van de touchpoints) plus duidelijke verantwoording van alle ontwerpkeuzes.<\/p>\n<p>Geef je <strong>KLEUREN<\/strong> een naam op de styleguide en gebruik ook de CMYK, RGB codes en Pantone kleuren (als nodig). Goed uitleg van de kleuren. Associaties voor ieder land. Duidelijke kleurpalet van 3 kleuren (D\/O\/A). Leg kort uit wat de kleuren vertegenwoordigen in relatie met het merk en ook HOE de kleuren gebruikt moeten worden (waar wel, waar niet).<\/p>\n<p><strong>TYPOGRAFIE<\/strong>: Bevat: 2 lettertypes (titels en kopij), Noem eerst de lettertypes die gekozen zijn en onderin voorbeelden van Header\/Body\/etc. Laat ook voorbeelden zien van lange teksten, quotes, opsommingen etc.<\/p>\n<p>Duidelijke <strong>VERANTWOORDING<\/strong> van alle ontwerpkeuzes. Benoem de uitgangspunten voor het visuele ontwerp, vanuit de theorie en principes van visueel ontwerpen. Vertel ook iets over de toepassing van kleurpalet, lettertypes en visuele stijl.<\/p>\n<p><strong>PRESENTATIE<\/strong>: Maak een duidelijke onderscheiding van wat de titel en uitleg is en wat gekozen visuele elementen zijn door bijvoorbeeld grijze\/ lichtgele achtergrond. Maak voldoende afstand tussen logo\/ typografie\/ afbeeldingen\/ etc. voor een beter overzicht.<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\" width=\"532\">\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1963\" src=\"http:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/bosphorus-logo-10-1.jpg\" alt=\"\" width=\"650\" height=\"433\" srcset=\"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/bosphorus-logo-10-1.jpg 650w, https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/bosphorus-logo-10-1-300x200.jpg 300w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1964\" src=\"http:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/bosphorus-logo-11-1.jpg\" alt=\"\" width=\"650\" height=\"433\" srcset=\"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/bosphorus-logo-11-1.jpg 650w, https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-content\/uploads\/bosphorus-logo-11-1-300x200.jpg 300w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table style=\"width: 643px;\">\n<tbody>\n<tr>\n<td style=\"width: 63.2667px;\"><em>+ \/ &#8211;<\/em><\/td>\n<td style=\"width: 576.733px;\"><strong><em>Kwaliteitscriteria <\/em><\/strong><\/td>\n<\/tr>\n<tr>\n<td style=\"width: 63.2667px;\"><strong>\u00a0<\/strong><\/td>\n<td style=\"width: 576.733px;\">Je styleguide maakt duidelijk op welke visuele elementen een ontwerp is gebaseerd binnen een huisstijl.<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 63.2667px;\"><strong>\u00a0<\/strong><\/td>\n<td style=\"width: 576.733px;\"><strong>Tekst proofsheet<\/strong>: Laat typografie op hi\u00ebrarchisch niveau zien (koppen, tussenkoppen, broodtekst etc.) en is gevisualiseerd binnen de context.<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 63.2667px;\"><strong>\u00a0<\/strong><\/td>\n<td style=\"width: 576.733px;\"><strong>Kleurpalet<\/strong>: Geeft kleurgebruik (RGB, CMYK, Pantone) aan in visuele context; volgens de designprincipes (D\/O\/A) en legt de communicatieve waarde ervan uit.<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 63.2667px;\"><strong>\u00a0<\/strong><\/td>\n<td style=\"width: 576.733px;\">Samenstelling en afstemming foto\u2019s (3-5 foto\u2019s): Legt <strong>beeldgebruik<\/strong> (fotografie, illustratie etc) in visuele context uit aan de hand van sfeer en functie.<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 63.2667px;\"><strong>\u00a0<\/strong><\/td>\n<td style=\"width: 576.733px;\">Laat <strong>stramienkeuzes<\/strong>\/mogelijkheden zien op basis van doelgroep, media (poster, tijdschrift, beeldscherm) en functie.<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 63.2667px;\"><strong>\u00a0<\/strong><\/td>\n<td style=\"width: 576.733px;\">Stelt collegaontwerpers in staat om zelfstandig mee te werken.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<p><span style=\"border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif; color: #ffffff; background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer; top: 2253px; left: 26px;\">Save<\/span><\/p>\n<p><span style=\"border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif; color: #ffffff; background: #bd081c  no-repeat scroll 3px 50% \/ 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer; top: 1281px; left: 26px;\">Save<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"&nbsp; Competentie Onderzoeken, Verbeelden &amp; Uitwerken Thema\/domein Beeld, Vorm, Typografie, Kleur, Visueel Onderzoek, Visueel presenteren Duur 2 (1 =&gt; 3 lesuren + 1 \n<a class=\"moretag\" href=\"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/2017\/10\/05\/opdracht-styleguide\/\"> [...]<\/a>","protected":false},"author":3,"featured_media":1960,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,11,12,4,3,122,9],"tags":[123,46],"class_list":["post-1959","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-beeld","category-copy","category-kleur","category-layout","category-typografie","category-vislab","category-vorm","tag-opdracht","tag-styleguide"],"_links":{"self":[{"href":"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-json\/wp\/v2\/posts\/1959","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-json\/wp\/v2\/comments?post=1959"}],"version-history":[{"count":4,"href":"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-json\/wp\/v2\/posts\/1959\/revisions"}],"predecessor-version":[{"id":2034,"href":"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-json\/wp\/v2\/posts\/1959\/revisions\/2034"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-json\/wp\/v2\/media\/1960"}],"wp:attachment":[{"href":"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-json\/wp\/v2\/media?parent=1959"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-json\/wp\/v2\/categories?post=1959"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/wp-json\/wp\/v2\/tags?post=1959"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}