Visualiseer uw kleurenpaletten online met Speculo

Het typische ontwerpproces van een mockup kan een hele opgave zijn. U moet bladeren tussen Photoshop (of Sketch) om kleuren, lettertypen, stijlen te wijzigen en ze allemaal te vergelijken om te zien wat u het leukst vindt.

Als u werkt met een tool als Speculo, kunt u kleurenpaletten dynamisch bestuderen en vergelijken, rechtstreeks in uw browser.

Deze app is volledig gratis en werkt in alle belangrijke browsers van Chrome tot Edge. Het demonstreert zes verschillende typen bestemmingspagina's, ontworpen als wireframes.

Standaard gebruiken ze eenvoudige kleurenschema's die de stijl van Bootstrap nabootsen. U kunt elk van deze kleuren eenvoudig wijzigen en ze worden automatisch bijgewerkt op de pagina.

U kunt ook de lettertypen wijzigen om te zien hoe ze eruitzien in elk ontwerp. Het zou leuk zijn als je je eigen zou kunnen toevoegen, maar de site ondersteunt slechts 7 verschillende lettertypen :

• Arvo
• Lato
• Open Sans
• Roboto
• Montserrat
• Helvetica Neue
• BLOKKNeue

De wireframes op de bestemmingspagina zijn niet erg gedetailleerd, dus deze app kan niet helpen in latere stadia van het ontwerpproces.

Ontwerpers die alleen snelle ideeën willen vastleggen, worden echter onmiddellijk verliefd op deze web-app. Hiermee kunt u kleuren wijzigen met HEX-codes die u zelfs kunt exporteren met een aangepaste koppeling voor delen.

Als u een van de wireframes zweeft, kunt u klikken om in te zoomen en van dichterbij te bekijken. Er wordt automatisch ingezoomd op een schermvullende weergave, zodat u de lettertypen en kleuren van dichtbij kunt bekijken.

Nogmaals, ik denk echt niet dat deze sjablonen gedetailleerd genoeg zijn om te helpen met projecten in de latere ontwikkelingsstadia. Maar als je vastgebonden bent om ideeën en gewoon wilt spelen met kleuren, is Speculo een ongelooflijke tool.

Je kunt op GitHub door de broncode bladeren om te zien hoe deze is gemaakt. Als u ideeën of suggesties voor Speculo heeft, kunt u deze delen met de maker van de site, Ben Howdle.