richtlijn neutrale stijl online

1

Rijkshuisstijl Richtlijn neutrale stijl online

Centraal Rijkshuisstijlbeheer

10 oktober 2012

2

Deze presentatie De neutrale stijl hee! zich tot nu toe meestal beperkt tot eenvoudige toepassingen, zoals advertenties, folders en posters. Voor digitale toepassingen is deze vrij summier beschreven (en mn voor corporate websites), gewoonweg omdat er weinig chte voorbeelden voorhanden waren om als inspirerend voorbeeldmateriaal te kunnen dienen. Doorontwikkeling Ondernemersplein was een kans om een aantal inspirerende voorbeelden te laten zien van diverse paginas binnen de neutrale stijl, waar zo maximaal mogelijk ruimte wordt geboden aan deelnemende partijen (RO-organisaties, brancheorganisaties, gemeenten, etc.) en hiermee de neutrale stijl kunnen doorontwikkelen.

10 oktober 2012 Neutrale stijl

3

Neutrale stijl De neutrale stijl wordt ingezet als n (of meer) rijksoverheids-organisatie(s) op een gelijkwaardige basis samenwerkt met n of meerdere externe partners (buiten de RO). Bij de neutrale stijl is een aantal basiselementen van de rijkshuisstijl leidend. Bij digitale toepassingen betre! dit: Menubalk (afmeting, positie) Kleurgebruik (communicatiekleuren) Fonts (Arial en Verdana) Geen logo midden boven

Optioneel: 12-kolomsopzet mg, vaste linkernavigatie mg, bredere paginalayout, meer ruimte voor beeld, gebruik huisstijlfont (ROSans)


4

Schetsen Op de volgende paginas een aantal schetsen voor het platform Digitaal Ondernemersplein: Startpagina (Home) Landingspagina Contentpagina Informatiepagina Zoekresultatenpagina Blogpagina Responsive webdesign.


5

Startpagina (Home) Startpagina (variant A) met carrousel: - Wisselend beeld in achtergrond

(doorklikbaar). - Onderin een strook met de

samenwerkingspartners (door de veelheid ook doorklikbaar).

6

Startpagina (Home) Lightbox met (contact-) gegevens van afzonderlijke samenwerkingspartners.

7

Startpagina (Home) Startpagina (variant B) met carrousel: - Wisselend beeld in achtergrond

(doorklikbaar). - Onderin een vaste strook met zoeklter - Samenwerkingspartners in een Zie-

ook-box (door beperkte ruimte, slechts 1 afzender zichtbaar, maar is ook doorklikbaar).

8

Landingspagina - Per landingspagina een vast

themabeeld. - Filterbalk onderin is niet vast, maar

uitklapbaar. - Specieke onderwerpen kunnen worden

uitgelicht.

9

Contentpagina - Contentpagina zit op minimaal 3e niveau

in de site; meestal gaat het om vl tekst. - Daarom voor een rustig beeld de

standaard 12-koloms layout en linkernavigatie (mg, niet verplicht).

10

Informatiepagina - Informatiepagina na lter Horeca en

Amsterdam. - Betreende informatie is in dit geval van

de Rijksoverheid.

11

Informatie - Informatiepagina na lter Horeca en

Amsterdam. - Betreende informatie is in dit geval van

de Gemeente Amsterdam.

12

Informatie Vervolgens kan van daaruit ook van de specieke afzender meer informatie verkregen worden.

13

Zoekresultatenpagina Zoekresultatenpagina na ltering op branche en plaats.

14

Blogpagina

15

Responsive webdesign Responsive webdesign gebaseerd op 12, 6 en 3 kolommen voor desk-/laptop, reader en smartphone.

16

Kortom; Mogelijkheden binnen de neutrale stijl: Naam platform/project op de daarvoor aangewezen plek als typograsche

oplossing (geen logo dus). Bredere paginalayout daarmee meer ruimte voor beeld (en dus inhoudelijke

aansluiting op doelgroep). In technisch opzicht: geschikt voor responsive design.

Vaste menubalk met mogelijkheid meer importantie voor zoekfunctionaliteit. Veel ruimte voor samenwerkingspartners. Uitgebreide ltermogelijkheid visueel losstaand van content. Dieperliggende paginas standaard-layout met linkernavigatie om veelheid

aan tekst op zo eenvoudig mogelijke manier leesbaar te houden.


17

Verplichte elementen Alhoewel deze richtlijn ter inspiratie meer als een soort handreiking is bedoeld, is er toch een klein aantal elementen verplicht en een aantal zaken niet toegestaan. In basis gelden alle basisprincipes van de rijkshuisstijl, zoals basisstramienen, le$ertypen, kleurgebruik en beeldgebruik. Huisstijlvreemde of nieuwe vormelementen zijn niet toegestaan. 1 Header

De header of menubalk is een vast element en hee! exact dezelfde maten en verhoudingen als de standaard-voorgeschreven header voor rijkshuisstijl-websites. Raadpleeg de richtlijnen Internet en Intranet voor de maten.

2 Kleurgebruik In de neutrale stijl worden verplicht de communicatiekleuren uit het rijkshuisstijlpalet gebruikt. Raadpleeg voor webkleuren en de voorgeschreven percentages de richtlijnen Internet en Intranet.


18

Verplichte elementen (vervolg) 3 Le!ertypen

Conform de algemene richtlijnen, schrijven we Arial en Verdana voor. Wil men van een specieker font met meer eigenheid gebruik maken, dan is voor koppen de RijksoverheidSans een toegestane mogelijkheid. Broodtekst is altijd Verdana. De RijksoverheidSerif is ongeschikt voor digitaal gebruik en daarom niet toegestaan.

4 Projectnaam Voor websites in de neutrale stijl, is er de standaardvoorziening om in de tintstrook aan de bovenzijde van de menubalk de projectnaam of de naam van het samenwerkingsverband op te nemen. Deze naam staat dan altijd in de Arial (raadpleeg de richtlijnen Internet en Intranet voor exacte beschrijving van plaatsing en pixelgroo$e). Een mogelijkheid is om deze naam in de RijksoverheidSans te ze$en.


19

Verplichte elementen (vervolg) Hier gelden wel een paar spelregels voor: Projectnaam is altijd puur typograsch; hier wordt nooit een beeld-

of vormelement aan toegevoegd. Pixelgroo$e van de projectnaam is maximaal 18p. De kleur is in principe zwart, eventueel mag er n contrastkleur naast

gebruikt worden. Projectnaam mag dus maximaal in twee kleuren worden uitgevoerd.

Plaatsing is altijd linksboven, in de wi$e strook van de header, op 24px van links.


20

Verplichte elementen (vervolg) Mocht je na deze handreiking twijfels hebben over de correcte toepassing van de neutrale stijl voor samenwerkingsverbanden, neem dan contact op met Centraal Rijkshuisstijlbeheer.


richtlijn neutrale stijl online

Documents