3Di beheerpagina - Basissjabloon
-
Filosofie
- De basisgedachte achter dit sjabloon is simpliciteit. Zoals Antoine de Saint-Exupery ooit zei: "A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away."
- Door expliciet witruimte toe te passen worden de belangrijke interface elementen benadrukt
-
Lettertype
- Clear Sans
- Reden: Dit schreefloos lettertype ondersteunt de moderne boodschap van 3Di: "fast, accurate, visual"
-
Header
- Gedimde kleur (#B60231), want dit is niet het belangrijkste onderdeel van de pagina
- Bevat het 3Di logo
- Bevat de zoekbalk
- Bevat de Log in/Log uit en gebruikersidentificatie
- Gedrag: initieel gefixeerd, maar verdwijnt tijdens neerwaarts scrollen (zie headroom.js)
-
Titelvlak
- Fellere kleur (#E3003B), omdat dit een cue geeft van waar de gebruiker zich bevindt
- Bevat een h1 titel en h2 subtitel
- Gedrag: initieel gefixeerd, maar animeert tijdens neerwaarts scrollen naar een dunnere balk die bovenaan gefixeerd blijft
-
Content
- Witte achtergrond (#FFFFFF)
- Bootstrap: 12 kolommen breed, responsive
- Bevat alleen de subnavigatie, verder vrij invulbaar
-
App-switcher
- Lichtgrijze achtergrond (#F7F7F7)
- Bootstrap: 12 kolommen breed, responsive
- Bevat iconen welke dienen als links naar de andere hoofdonderdelen van 3Di zoals de simulatie-viewer, modellen databank en de modelchecker
-
Explore-menu
- Donkergrijze achtergrond (#424242)
- Bootstrap: 12 kolommen breed, responsive
- Bevat links naar pagina's en websites binnen het iets bredere '3Di ecosysteem' zoals de partners, Lizard en documentatie
-
Taalkeuzemenu
- Grijze achtergrond (#616161)
- Bootstrap: 12 kolommen breed, responsive
- Bevat een rechts-uitgelijnde button welke dient als taalkeuzemenu of als hyperlink naar de Engelse vertaling van de betreffende pagina
-
Navigatie
- Zoeken: Centraal op elke pagina. Kan ook dienen als verfijningsfilter op resultaten in een al ingeladen lijst.
- Top-right navigatie: Laat de identiteit van de ingelogde gebruiker zien en biedt de optie om uit te loggen.
- Subnavigatie: Een 'pillbox'-style menu waarin de sub-onderdelen beschikbaar zijn.
- App-switcher: Een verzameling snelkoppelingen naar andere beheeronderdelen.
- Explore-menu: Een overzicht van het 3Di ecosysteem.
- Taalkeuzemenu: Een simpele button waarmee van taal kan worden gewisseld.
-
