Tool: kleuren in actie

Als je kleuren bij elkaar zoekt voor een ontwerp is het heel sereen om naar een mooi pallet te staren. Maar we willen de kleuren graag in actie zien. Door elkaar heen, met typografie, in verschillende combinaties. Alle combinaties eigenlijk. Daar bouwden we een tool voor.

We gebruiken graag het onvolprezen coolors om kleuren bij elkaar te zoeken. Maar we willen de kleuren ook graag in actie zien, en ze steeds allemaal in een ontwerp aanpassen is veel te tijdrovend. Dus we hebben een tooltje gemaakt die een x aantal kleuren (het zijn er nu 6, maar dat is eenvoudig aan te passen afhankelijk van het project) in kan invoeren en dan met één druk op de knop alle kleuren met elkaar laten combineren in een random grid van kleurcombinaties.
Een paar keer op de knop drukken en wat rondscrollen geeft ons een snel beeld van hoe het pallet gaat werken en welke combinaties wel en niet goed werken.

Downloaden en aanpassen

De tool is slechts één file. De css en js codes staan gewoon in de html. Alle links naar jQuery en fonts gaan via de Google api. In het js script is makkelijk het aantal kleuren etc. aan te passen.
Veel plezier ermee en laat ons weten wat je ermee doet. Zijn we benieuwd naar.

Open de tool

English

is een no-nonsense UX bureau.


Als creatieve ingenieurs houden wij van complexe uitdagingen. We ontwerpen oplossingen die logisch zijn voor gebruikers en focussen op kwaliteit. We kiezen voor een compact bureau, zodat elke klant onze volle aandacht krijgt. Samen brengen wij ruim 20 jaar ervaring mee.

Bart + Meike: ingenieurs met een focus op mensen.
Meike Mak design researcher en UX specialist—industrieel ontwerpen (cum laude), TU Delft. Meike duikt graag diep in de belevingswereld van gebruikers en geeft trainingen in UX research en interviewtechnieken. Ze houdt van bergen, squash en bordspellen en is moeder van Willem.
Bart van Lieshout ontwerper—architectuur (cum laude), TU Delft. Bart werkte 10 jaar als architect aan complexe gebouwen zoals ziekenhuizen. Hij is gefascineerd door grids, typografie en altijd op zoek naar elegante oplossingen. Naast zijn werk zingt Bart als solist in klassieke muziek. Hij is vader van Domino.

Onze specialiteit is fact-based design.


Dat betekent dat we onze ontwerpen baseren op feiten en inzichten. We doen onderzoek naar de behoeften van de mensen die een product of dienst gebruiken. Deze wensen en behoeften brengen we samen met de ambities van de organisatie in de vorm van een concept.


Concept een strategische basis voor het ontwerp. We ontwerpen een oplossing voor de essentie van het vraagstuk. Van hieruit schetsen we de belangrijkste functionaliteiten, zodat de principes en structuur helder worden. De vorm van een concept kan per project sterk verschillen.
Een goed concept is het halve werk. Het is een basis voor het prioriteren en plannen van functionaliteiten, het overtuigen van stakeholders en het maken van een roadmap. Voor agile teams vormt het concept een duidelijke high-level context, essentieel bij grote of complexe projecten.
We beginnen altijd met schetsen en werken met onze klanten van grof naar fijn. Zo kunnen we snel itereren en voorkomen we dat dure stappen opnieuw moeten.

Wij helpen ambitieuze organisaties om online projecten succesvol te maken.


Ons werk is vaak van strategisch belang voor onze klanten, dus we kunnen niet alles laten zien.
  • Ontwerp van online diensten voor pensioenuitvoerder

  • Ideation van inkoopsoftware voor de Rijksoverheid


    Ideation het genereren van ideeën en oplossingsrichtingen. Samen met de inkoopprofessionals van de overheid ontwikkelde we een klikbaar prototype van hoe het inkoopproces in de toekomst gefaciliteerd kan worden.
    Lees meer over dit project.
  • Ontwerp van website en maildienst voor advocaten


    Ontwerp een helder plan van wat er moet gaan komen. Op basis van onderzoek maakten we schetsen, grafische ontwerpen en prototypes. De site is live gegaan in 2017 en samen met het ontwikkelteam werken we agile aan uitbreidingen en verbeteringen.
    Bekijk wat we ontworpen hebben. En waarom.
  • Design Sprints


    Design Sprints een door Google Ventures ontwikkeld format om in 5 werkdagen te komen tot een prototype dat gevalideerd is met gebruikers. De ideale compacte (en goedkope) start van innovatie voor corporates met uitdagingen en ambities.
    Design thinking en teamwork.
  • Concept nieuwe mijn-omgeving van overheidsorganisatie

  • Implementeren van UX research bij sportmerk

  • I.A. van app voor telecomprovider


    Informatie Architectuur ontwerp van de organisatie van informatie. Welke informatie wordt waar getoond? Welke schermen zijn nodig en welke navigatie sluit het beste aan bij wat gebruikers willen doen? Een doordachte I.A. is het uitgangspunt voor het interactieontwerp, layout en grafisch ontwerp.
  • Coaching van in-house UX teams


    UX-rescue hulp voor ontwerp- en productteams die twijfelen of vastlopen. Soms zie je door de bomen het bos niet meer. Of twijfel je of de gekozen richting wel de juiste is. Met de frisse blik van een buitenstaander helpen we teams om het probleem te identificeren en een oplossingsrichting te kiezen, zodat met hernieuwde focus en energie verder gewerkt kan worden.
  • Strategische snelkookpan voor diverse bedrijven


    Strategische snelkookpan In een aantal sessies werken we met alle stakeholders naar een heldere visie op het product of de dienst. Er ontstaat een gezamenlijk overzicht en inzicht in kenlpunten, uitdagingen en kansen.
  • Branding voor tandartspraktijk


    Branding de identiteit van je bedrijf. Je visitekaartje—letterlijk. Wat wil je uitstralen? Welke kernwaarden vormen de basis voor je bedrijf en wat voor huisstijl past daarbij?
    Lees meer over lettertype, layout en logo.
  • Ontwerp en bouw van website voor bridgeclub


    We bouwen met regelmaat zelf websites. Zo houden we onze kennis up-to-date van wat er kan in een browser en hoeveel moeite verschillende dingen kosten. En omdat we vinden dat goede ontwerpen rekening houden met het maakproces. Online producten zijn geen klikbare plaatjes, maar een responsive systeem dat op alle schermgroottes prettig moet werken. Dat vergt kennis van code.
    Illustraties en website voor een bridgeclub.
  • Onderzoek naar OV-chipkaart


    Onderzoek uitzoeken hoe iets werkt. In dit geval hoe de Nederlandse OV-chipkaart werkt voor mensen die internationaal reizen met de trein. Tegen welke problemen lopen de reizigers aan? Begrijpen buitenlanders die per trein ons land binnenkomen wat de bedoeling is? En hoe ze het station uit kunnen komen?
    Bekijk onze bevindingen.
  • Eerste website van mbstudio


    Eerste website altijd lastig. Wat kun je op je site zetten als je eerste project nog moet beginnen en je nog druk bezig bent met het opstarten van je eigen bedrijf in de avonduren?
    Dit hebben wij ervan gemaakt in 2016.
  • Bedrijfsnaam kiezen


    Als je graag beslissingen neemt op basis van feiten, en je adviseert je klanten om onderzoek te doen, hoe kies je dan de naam voor je studio? Fact-based natuurlijk ;) Compleet met schetsen, prototypes en onderzoek.
    Lees het hele verhaal.
  • adidas
  • Arcadis
  • Boom juridische uitgevers
  • Centraal Bureau Rijvaardigheid
  • ING
  • knab
  • Ministerie van Binnenlandse Zaken
  • Nederlandse Spoorwegen
  • Schaal+
  • Squla
  • Delft University of Technology
  • User Intelligence
  • UX academy
  • uxinsight

Omdat wij geloven dat digitale producten het leven beter kunnen maken.


Waarom je iets doet is minstens zo belangrijk als wat je doet. Wij geloven in human-centered-design: producten en diensten die zijn ontworpen vanuit de mens. Wij vinden dat goede websites, apps en online diensten ons leven makkelijker en prettiger maken. En dat de impact van deze producten op ons leven—en dat van onze kinderen—steeds groter wordt.
Daarom zetten wij graag onze talenten in om digitale producten zo goed mogelijk te maken.

Heb jij een uitdaging? Neem dan contact met ons op.

We denken graag mee en kunnen meestal helpen. Je kan ons mailen via studio@mbstudio.nl