Bekijk nog meer projecten waar wij samen impact hebben gemaakt!

We betrekken je erbij

Categorieën

Design, UX, development en strategie. Dit kunnen we voor jou #doen

large_image 3.png

medium_image 3.png

small_image 3.png

thumbnail_image 3.png

image 3.png

Design

Trive is een specialistisch, vrolijk en ondernemend team van creatieve makers. Wij doen niets liever dan jouw innoverende ideeën tot leven brengen.

Of je nu een vraag hebt over features, prijzen, of een demo nodig hebt, ons team staat klaar om al je vragen te beantwoorden!

Wil jij nieuwe diensten ontwikkelen?

Heb je vragen over design? Neem contact op!

small_Erik.png

thumbnail_Erik.png

Erik.png

Erik is onze lead designer

large_Header design blog.jpeg

medium_Header design blog.jpeg

small_Header design blog.jpeg

thumbnail_Header design blog.jpeg

Header design blog.jpeg

16 graphic design trends voor 2022

Van kleurrijk minimalisme en geometrische vormen tot monochrome effecten en muted kleuren: deze blog gaat over de nieuwste trends op het gebied van graphic design in 2022!

# 16 graphic design trends voor 2022

Next up in ons 2022 trenddossier: graphic design! Graphic design is een belangrijk onderdeel om een bepaalde boodschap over te brengen, dit werkt namelijk een stuk effectiever dan alleen een lap met tekst. 

 

Welke graphic design trends zullen we vooral terugzien in 2022? Van geometrische vormen en motion design tot symbolen en doodles: we hebben de grootste graphic design trends onder elkaar gezet. 

 

In deze blog lees je over: 

 

- Kleurrijk minimalisme
- Geometrische vormen
- Makkelijke visualisatie van data; infographics
- Monochrome effecten
- Klassieke schreeflettertypen
- Motion design (met 8 trends)
- Psychedelisch design
- Symbolen en logo’s 
- Muted kleuren 
- Social slide decks
- Expressive and experimental lettering
- Ukiyo-e flat design
- Doodles
- Intricate maximalism
- Bubble design
- 3D-effecten en diepte 

 

Ben je benieuwd naar onze andere trend blogs? Lees ze hieronder: 
- [Web development trends](https://trivetechnology.com/blogs/development/metaverse-trends/) 
- [Contentmarketing trends](https://trivetechnology.com/blogs/marketing/contentmarketing-trends/) 

 

## 16 graphic design trends voor 2022

 

“Het gebruik van de juiste afbeeldingen laat de omzet met 17% toenemen per bezoeker.”

 

Neurowetenschappers van MIT toonde aan dat mensen een afbeelding kunnen identificeren in 13 milliseconden, 100 milliseconden zijn er nodig om te knipperen. Onze hersenen verwerken beelden 60.000 keer sneller dan tekst, dit betekent dus dat beelden het eerste zijn wat een lezer ziet. 

 

Achterblijven in de design trends kan dus niet, maar hoe zorg je ervoor dat je organisatie up-to-date blijft in 2022? We zetten de belangrijkste trends onder elkaar, zodat je het alleen nog hoeft toe te passen. 

 

### Graphic design trend #1: Kleurrijk minimalisme
Volgens de traditionele wijze betekent [minimalisme](https://www.encyclo.nl/begrip/Minimalisme): ‘Het streven om met zo eenvoudig mogelijke middelen een doel te bereiken’. Eenvoudige geometrische vormen, puurheid en abstractie staan centraal bij minimalisme. Een goed voorbeeld van minimalisme is de combinatie van strakke lijnen met een witte kleur. Hoewel veel minimalistische designs gebruik maken van veel wit, worden er bij kleurrijk minimalisme wél kleuren gebruikt. Waar we voorheen abstracte vormen en een wit/grijs kleurenpalet zagen, komen we tegenwoordig strakke, moderne vormen tegen met neutrale kleuren. 

 

Deze vorm van minimalisme wordt al toegepast door bijvoorbeeld Apple. Neutrale en muted (gedempte) kleuren zijn al toegepast in de marketing en branding van [Apple](https://www.apple.com/nl/shop/buy-iphone/iphone-11).

 

![Graphic design minimalism.jpg](/uploads/Graphic_design_minimalism_a602e2cee0.jpg)

 

![Graphic design minimalism2.0.jpg](/uploads/Graphic_design_minimalism2_0_9cdab4047d.jpg)

 

### Graphic design trend #2: Geometrische vormen
Steeds meer geometrische vormen duiken op in grafische ontwerpen. Geometrische vormen zijn wiskundige vormen die met een liniaal en passer gemaakt kunnen worden, voorbeelden hiervan zijn: vierkanten, cirkels, rechthoeken, etc. Deze vormen kunnen ook ruimtelijk zijn, zoals een kubus, balk en piramide. 

 

Geometrische vormen zijn te combineren met elke afbeelding en ze stijgen enorm in populariteit, dus je snapt: designers van 2022 vervangen de abstracte vormen voor tastbare, concrete vormen. 

 

Geometrische vormen, in combinatie met muted kleuren, creëren aantrekkelijke visuele effecten. Zo is er uit onderzoek van [NCBI](https://www.ncbi.nlm.nih.gov/pmc/articles/PMC6749614/) geconstateerd dat ronde vormen leiden tot positieve gevoelens en scherpe vormen lokken iets negatiefs uit. Een trend om in de gaten te houden, dus!

 

![Graphic design geometric.jpg](/uploads/Graphic_design_geometric_7f13cb9bc8.jpg)

 

![Graphic design geometric2.0.jpg](/uploads/Graphic_design_geometric2_0_e751540b65.jpg)

 

### Graphic design trend #3: Makkelijke visualisatie van data; infographics 
Het is een bekend gezegde: één beeld zegt meer dan duizend woorden, maar we kunnen zeggen: het is klopt als een bus. Mensen zijn nou eenmaal visueel ingesteld. 

 

Gezien de overvloed aan informatie waar mensen mee te maken hebben op het web, ontwerpen designers graag zo overzichtelijk mogelijke beelden, zodat deze snel scanbaar worden en de lezer snel een conclusie kan trekken. Hoe zij dit doen? In de vorm van een infographic. Complexe informatie wordt meestal niet opgenomen, omdat de lezers tijd willen sparen door te scrollen.

 

In een infographic kan alle informatie komen te staan op een eenvoudig leesbare manier. Gegevens kunnen makkelijker leesbaar gemaakt worden, bijvoorbeeld door een taartdiagram.

 

![Graphic design Infographic .jpeg](/uploads/Graphic_design_Infographic_34c8d3fcae.jpeg)

 

### Graphic design trend #4: Monochrome effecten 
In 2022 experimenteren graphic designers met het maken van afbeeldingen en voegen ze monochrome effecten toe. Monochrome effecten worden steeds populairder, maar wat is het precies? 

 

We kunnen spreken van een monochrome effect wanneer een kleur wordt weergegeven in verschillende waarden en intensiteiten. De kleur blijft hetzelfde, maar door het monochrome effect verschillen de elementen; helderheid, lichtheid, matheid, etc. De waarden en intensiteiten veranderen als de hoofdkleur wordt gemengd met wit, grijs of zwart. 

 

Monochroom houdt niet op bij wit, grijs en zwart; alles wat als hoofdkleur in verschillende waarden en intensiteiten kan worden weergegeven, kan monochroom genoemd worden. 

 

![graphic design Monochrome sea.jpg](/uploads/graphic_design_Monochrome_sea_4d2f675429.jpg) 

 

![Graphic design monochrome zebra.jpg](/uploads/Graphic_design_monochrome_zebra_d2ccfd5f83.jpg)

 

###Graphic design trend #5: Klassieke schreef lettertype 
Nog een trend om in 2022 in de gaten te houden: klassieke schreef lettertypen. Fun fact: de schreeflettertypen uit de 15e eeuw zijn een van de oudste lettertypen die in gebruik zijn. 

 

Veel mensen verwarren schreef- en schreefloze lettertypen met elkaar. Klassieke schreefletters hebben kleine haakjes bovenaan en onderaan de letters. De hoofdletter ‘i’ krijgt bij een schreeflettertype aan de bovenkant en de onderkant een horizontaal haakje. Door deze haakjes zijn schreefletters te onderscheiden van schreefloze letters. 

 

Bekende schreeflettertypen zijn: 
- Times New Roman
- Palatino
- Georgia

 

Bekende schreefloze lettertypen zijn: 
- Arial
- Calibri
- Verdana

 

Seriflettertypen roepen een nostalgisch gevoel op en ze stralen elegantie uit. Sommige bedrijven hebben baat gehad bij het gebruik van schreeflettertypen in het ontwerp van hun landingspagina’s.

 

![graphic design serif.jpg](/uploads/graphic_design_serif_a888df86ee.jpg) 

 

###Graphic design trend #6: Motion design 
Kort samengevat is motion design het het tot leven brengen van grafische vormgeving, door designs te laten bewegen. Motion design is een onderdeel van animatie, net als motion graphics. Met motion graphics wordt geen verhaal gecreëerd, maar gaat het vooral om bewegende logo’s en teksten om een product of dienst te promoten. Motion graphics is een trend die snel groeit, dus zeker een trend om in de gaten te houden in 2022 en ver daarna. 

 

Leuk nieuws: bij Trive hebben we een stageplek voor een [motion designer](https://trivetechnology.com/werken-bij/motion-designer-stage/) beschikbaar! Dus: lijkt het jou superleuk om te werken binnen een team vol creatieve makers én word je blij wanneer je eindelijk je motion graphic skills kan laten zien? Klik op de link, bekijk de vacature, stuur een mail en wie weet zien we je snel! 

 

### Graphic design trend #7: Psychedelisch design 
De kronkelende, smeltende en vervormde aesthetics van de psychedelische jaren ‘60 heeft design veranderd. De psychedelische trend begon bij het drugsgebruik en sociale onrust vorige eeuw. Kunstenaars beschouwden deze trend als ‘opening van de geest’. Dit is een van de redenen dat de meeste beelden uit die in die tijd werden gemaakt, er chaotisch uitzagen. 

 

Net als in muziek en mode weerspiegelt psychedelic design een teken van vrijheid. In 2022 zullen we veel van deze gekke ontwerpen, waarin veel kleuren en ingewikkelde patronen in voorkomen, zien. 

 

![graphic design Psychedelisch design.jpg](/uploads/graphic_design_Psychedelisch_design_31432da38e.jpg)

 

![pexels_Psychedelic design 2.0.jpg](/uploads/pexels_Psychedelic_design_2_0_049215be67.jpg)

 

### Graphic design trend #8: Symbolen en logo’s 
Symbolen en logo’s zijn een krachtig begrip als het gaat om het overbrengen van informatie of een poging tot het oproepen van emoties. Kijk bijvoorbeeld naar spandoeken en vlaggen, deze hebben een bepaalde invloed op mensen. Net als verkeersborden die er zijn om orde in de chaos te brengen. 

 

Symbolen en [logo’s](https://trivetechnology.com/blogs/design/Logo-Ontwerpen/) zijn bijzonder, omdat ze universeel zijn. Niet iedereen spreekt en verstaat dezelfde taal, maar iedereen kan plaatjes begrijpen. Precies om deze reden zullen designers in 2022 meer symbolen en logo’s gaan gebruiken om unieke designs te maken die meteen duidelijk maken wat de functie is van een bijvoorbeeld een button. 

 

![Icon.jpeg](/uploads/Icon_bd102d5917.jpeg)

 

![Icon2.0.jpeg](/uploads/Icon2_0_9f3566e821.jpeg)

 

### Graphic design trend #9: Muted kleuren
Voor een UX designer moet het geen verrassing meer zijn dat over de jaren heen een vlakke, minimalistische ontwerp trend is ontstaan. Bedrijven zoals Appel, Microsoft en Twitter maken allemaal gebruik van deze stijl in het ontwerpen van hun digitale producten. Tussen vlakke en minimalistische ontwerpen is een nieuwe trend verschenen: muted (gedempte) kleuren.

 

Deze kleuren zorgen ervoor dat designers diepte kunnen creëren in de pagina, het zorgt voor schaduwen zónder schaduw toe te passen. Makkelijk gezegd: muted kleuren zijn levendige kleuren die hun scherpe randje zijn verloren door zwart, wit of een complementaire kleur toe te voegen. 

 

Ook zijn muted kleuren geschikt om er een stuk tekst op te plaatsen. Door de lichte kleuren zijn zowel witte als zwarte letters goed te lezen. Een muted achtergrond is dus een trend om in de gaten te houden. 

 

![muted color2.0.jpg](/uploads/muted_color2_0_d6324fd532.jpg)

 

![muted color.jpg](/uploads/muted_color_ff4151259e.jpg) 

 

### Graphic design trend #10: Social slide decks 
Voor wie het nog niet weet: slide decks op social media zijn precies wat ze lijken: stap-voor-stap presentaties in de vorm van slides. Social slide decks bestaan om te worden gedeeld met anderen. Social slides werken het meest effectief en mooi op LinkedIn en Instagram, omdat deze platforms ze standaard gebruiken om afbeeldingen te verwerken. Bovendien lijken beide platforms te willen dat de gebruikers vaker gebruik maken van de slide decks. 

 

Designers kunnen social slide decks gebruiken om de belangrijkste content van een blogpost te hergebruiken of een artikel samen te vatten. Slide decks zijn nuttig om je volgers aan te zetten tot een actie, zonder dat een directe link nodig is. De slides kunnen effectief worden gebruikt voor B2C-bedrijven bij de lancering van producten, omdat ze ook een verhaal over kunnen brengen door makkelijke visuele effecten. Social slide decks zijn een trend voor designers, omdat designers rekening moeten houden bij carrousels, op Instagram bijvoorbeeld, en bij het vormgeven van een post.

 

### Graphic design trend #11: Expressive en experimental lettering 
We kunnen niet altijd meer vertrouwen op woorden om de betekenis te achterhalen, omdat we gewend zijn om eerder naar de afbeeldingen te kijken die erbij staan. Veel designers zien dit niet als een tegenslag, maar als een kans. Voor het aankomende jaar zullen er woorden verschijnen die niet tot nauwelijks leesbaar zijn, maar wel heel vet ontworpen zijn. 

 

De sky is the limit wat betreft het gekke design voor deze woorden. Typografie stijlen die niet matchen, rare vormen en abstracte tekens zijn allemaal van de partij. Al met al vormen deze stijlen het onderscheid tussen abstracte vormen en leesbare woorden. Expressive and experimental lettering is een lastige trend, omdat het moeilijk uit te voeren is, maar de designers die het proberen worden beloond met het ontwerpen van een nieuwe taal.

 

![Expressive en experimental lettering.jpeg](/uploads/Expressive_en_experimental_lettering_c6aefbac83.jpeg)

 

![Expressive en experimental lettering2.0.jpeg](/uploads/Expressive_en_experimental_lettering2_0_b7accb82bf.jpeg)

 

### Graphic design trend #12: Ukiyo-e flat design
Designers zijn al lang op zoek naar manieren om platte vectors die door digitale ontwerpnormen worden opgelegd, een nieuw leven in te blazen. De designers van nu halen hun inspiratie met name uit de Ukiyo-e kunstenaars uit de Japanse Edo-periode. 

 

Ukiyo-e is een stijl van gedrukte kunstwerken (soms geschilderd) waarbij gebruik werd gemaakt van met de hand gesneden houtblokken. De Japanse kunstvorm Ukiyo-e betekent letterlijk ‘afbeelding van het vlietende leven’, volgens het [Rijksmuseum](https://www.ensie.nl/rijksmuseum/ukiyo-e). Ukiyo-e ontstond in Japan toen er een tijd van politieke rust en welvaart heerste, dit was in het begin van de 17e eeuw. Het publiek voor de prenten en schilderingen waren de opkomende koopmans klasse. Op de kunstwerken stonden mannen en vrouwen in elegante poses, landschappen en plaatselijke beroemdheden. 

 

De grote golf bij Kanagawa is een kunstwerk dat is gemaakt tussen 1829 en 1833 door de Ukiyo-e kunstenaar Hokusai. De grote golf wordt beschouwd als het meest herkenbare werk van Japanse kunst ter wereld. De afbeelding hieronder geeft een goed beeld van de Japanse kunst, zachte kleuren en een vrolijk design. 

 

De Japanese Ukiyo-e kunst bestaat al een tijd, toch draait het 180 graden naar de moderne kunst van het designen. In de 19e eeuw zagen we rustige kleuren met een verfijnd patroon die aangegeven werd met zwarte lijnen. Tegenwoordig worden de zwarte lijnen weggelaten, zo ontstaat er een modern, strak design en de zachte kleuren worden omgetoverd naar vrolijke kleuren.

 

![Ukiyo-e design.jpg](/uploads/Ukiyo_e_design_58c87fd578.jpg)

 

### Graphic design trend #13: Doodles 
Doodles zijn meer dan random tekeningen die je maakt tijdens een slaapverwekkende zoom call. De tekeningen zijn superpersoonlijk en de designers van tegenwoordig mengen hun professionele werk met de gedachten van hun eigen abstracte wereld. Omdat ze deze twee gedachten samenbrengen, ontstaat er een brug tussen de kloof van digitale tools en menselijke kennis. Tools, zoals animatie, maken het mogelijk om je vrijheid los te laten in de doodle tekeningen. 

 

![Graphic design doodle .jpg](/uploads/Graphic_design_doodle_0cc74e962b.jpg)

 

### Graphic design trend #14: Intricate maximalism 
Deze nieuwe trend doet eer aan zijn naam en is het tegenovergestelde van minimalisme. Waar het bij minimalisme gaat om met zo weinig mogelijk elementen rust te creëren, is het bij maximalisme de bedoeling om de hele ruimte te vullen met elementen. Maximalisatie gaat niet alleen over het vullen van ruimte, het gaat over het vullen van een ruimte met objecten, kleuren en patronen. Tegenwoordig is intricate maximalism veel terug te zien in het interieur. Zie de afbeelding hieronder bijvoorbeeld. Op de stoelen, tafel en kasten in de afbeelding is te zien dat elk gaatje opgevuld is met een design. 

 

![Ingewikkeld maximalisme.jpg](/uploads/Ingewikkeld_maximalisme_134001fea1.jpg)

 

![intricate maximalisme.jpg](/uploads/intricate_maximalisme_076dbab5eb.jpg)

 

### Graphic design trend #15: Bubble design 
Graphic designers vinden elk jaar weer een nieuwe manier om hun werk, de nodige fun mee te geven. Voor 2022 wordt er niets anders verwacht. 

 

Volgens onderzoek van [Krusebc](https://www.krusebc.nl/de-invloed-van-vormen-op-je-verhaal/) hebben bubbelvormen een positief effect op de hersenen van mensen. Vaak reageren we onbewust anders op een cirkel dan op een vierkant. Bubbelvormen spelen in op emotie, ze zijn positiever dan rechte vormen, omdat cirkels vaak vriendelijkheid en lichtheid uitstralen door hun gebrek aan hoeken. Vaak vinden de ronde vormen hun weg naar kinderlijke producten, maar in 2022 buigt deze trend richting de volwassenen. Langwerpige vormen en psychedelische kleuren zorgen ervoor dat de opblaasbare ontwerpen volwassen aanvoelen, terwijl ze toch de belangrijke kinderlijke vrolijkheid behouden. 

 

![Header design blog.jpeg](/uploads/Header_design_blog_09a1c10ffd.jpeg) 

 

![bubble design2.0.jpeg](/uploads/bubble_design2_0_44be509bf9.jpeg) 

 

### Graphic design trend #16: 3D-effecten en diepte
Graphic design krijgt met de 3D effecten trend in 2022 een flinke dosis realiteit. Van 3D vormen, lagen tot diepte: de grafische elementen in de 3D vormen zijn realistischer dan ooit. 

 

In de digitale ruimte worden 3D effecten meestal gecombineerd met animatie die elementen tot leven laat komen. De bewegingen zijn traag en het kost veel tijd en moeite om iets op het scherm er zo echt mogelijk uit te laten zien. 

 

![Graphic design 3D.jpg](/uploads/Graphic_design_3_D_69014084ad.jpg)

 

![Graphic design 2.0.jpg](/uploads/Graphic_design_2_0_956fb50cf1.jpg)

 

## Hoe blijf je als graphic designer op de hoogte van de laatste trends? 

 

Zoals je na het lezen van deze blog hebt gelezen, begrijp je dat graphic designs continue veranderen.

 

Heb je hulp nodig met graphic designs? Neem [contact](https://trivetechnology.com/contact/) met ons op!

16 graphic design trends waar je in 2022 rekening mee moet houden 

Heb je vragen over design? Neem contact met ons op. 

small_Bappie.png

thumbnail_Bappie.png

Bappie.png

Bappie is onze visual designer

large_Schets 8.png

medium_Schets 8.png

small_Schets 8.png

thumbnail_Schets 8.png

Schets 8.png

Je wilt dat je logo opvalt. Maar hoe? Deze blog vertelt je alles wat je moet weten bij het ontwerpen van een perfect logo.

# Een logo maken: hoe ontwerp je dat? (met 6 tips)

Heb je ooit een groot merk zonder logo gezien? Nee? Shocker: dat komt omdat er geen zijn. Een logo heeft een grote impact op hoe je klanten je merk zien. Je wilt dat je logo opvalt. Maar hoe? Deze blog vertelt je alles wat je moet weten bij het ontwerpen van een perfect logo. 

 

In deze blog:

 

- Kom je erachter waarom een logo belangrijk is
- Geven we je 6 tips bij het maken van een logo
- Laten we zien hoe Trive logo’s ontwerpt

## Waarom is een logo belangrijk?

 

Zakendoen is net als daten: je probeert de juiste klanten aan te trekken en ze stapelverliefd te laten worden op je merk. En je logo, die is key in dit proces.

 

Zie je logo als de profielfoto op datingapps, zoals Tinder en Happn. Je profielfoto zorgt ervoor dat mensen geïnteresseerd in je raken, meer over je te weten komen en je naar links óf rechts vegen. 

 

En even eerlijk, hè. Zou jij een profielfoto uitkiezen waarbij je net uit de club komt rollen en er, laten we zeggen, niet zo fris uitziet?

 

Nee, natuurlijk niet. 

 

Je wilt je van je beste kant laten zien.

 

**Nou, en zo werkt het bij het maken van een logo ook** 

 

Er zijn miljoenen merken in de wereld en (bijna) allemaal hebben ze een logo wat helpt om zich te onderscheiden van de concurrent. Een interessant logo trekt als een magneet nieuwe klanten aan, wat leidt tot een hogere conversie. Als je logo precies vertelt waar je merk voor staat, weet de klant gelijk of het een match is of niet.

 

Een logo helpt jou om een goede eerste indruk te maken op de klant. Het staat op al je merkuitingen, zoals je website, verpakkingen of visitekaartjes. 

 

Een professioneel logo-ontwerp heeft niet alleen de kracht om te communiceren waar je voor staat, maar zal je ook onderscheiden van de concurrentie. 

 

Zorg er daarom voor dat je logo opvalt.

 

![History-of-the-Coca-Cola-logo-Source-Ukrainian-telecommunication-portal-n-d.png](/uploads/History_of_the_Coca_Cola_logo_Source_Ukrainian_telecommunication_portal_n_d_c5c2af272d.png)

 

## 6 tips bij het maken van een logo

 

Out of the blue een logo maken, is zo makkelijk nog niet - dat snappen we. Door middel van deze 6 tips leiden wij je door het hele proces heen. Meer tips over user interface design? Bekijk onze blog over user interface design tips [hier](https://trivetechnology.com/blogs/design/5-user-interface-ui-design-tips/). 

 

### 1. Begrijp je doelgroep 

 

Voordat je überhaupt gaat nadenken over hoe je logo eruit zou komen te zien, moet je goed begrijpen wie je voor je hebt. **Een logo is je visitekaartje die je wil geven op een feestje.** Alleen moet je er eerst voor zorgen dat je op dat feestje uitgenodigd wordt. 

 

Dat gebeurt alleen als je je goed inleeft in de gedachten van de doelgroep. Het is belangrijk dat je de doelgroep begrijpt, zodat het producten en/of dienst goed aangeboden kan worden.

 

### 2. Vertel een verhaal met het logo 

 

Het is belangrijk om een verhaal te vertellen met het logo, maar waarom eigenlijk? Het is van belang om een verhaal te vertellen, omdat een verhaal emoties oproept bij de klant. **Een verhaal laat de klant je merk herinneren.**

 

Vragen die je kan stellen bij het bedenken van een merkverhaal zijn:

 

- Waarom ben je begonnen met dit bedrijf? 
- Wat zijn de kernwaarden van het bedrijf? 
- Wie wil je helpen? 
- Waar wil je over 1 jaar zijn met het bedrijf? 

 

Door een antwoord te zoeken op bovenstaande vragen kom je tot de kern van je bedrijf én het helpt met het bepalen van de merkidentiteit. 

 

### 3. Schets het logo op papier

 

Doordat je de doelgroep hebt leren kennen, de kern van je merk te pakken hebt gekregen en je merkidentiteit hebt bepaald, kun je beginnen met het ontwerpen van het logo. 

 

Heb je nog geen ideeën over hoe het logo eruit moet komen te zien? Dan is het tijd voor een brainstorm waarin je alles op tafel gooit waar je aan denkt. In de brainstorm zal duidelijker naar voren komen hoe je het logo vorm wil geven. Na de brainstorm pak je pen en papier erbij. **Schetsen wakkert ideeën aan, dus: begin gewoon.** Geen zorgen: een schets is niet perfect en hoeft dit ook niet te worden, daarom heet het een schets. Ga eens tien minuten helemaal los op een leeg A4’tje. Je zult zien dat er vanzelf ideeën ontstaan. 

 

### 4. Maak meerdere versies 

 

Tijdens het schetsen van je logo zul je merken dat verschillende aspecten van elke tekening eruit springen. Voeg deze aspecten eens samen en kijk wat er gebeurt. Zorg ervoor dat je genoeg experimenteert met verschillende elementen. 

 

**Het perfecte logo is niet gemaakt in tien minuten, neem de tijd die hiervoor nodig is.** 

 

Een tip: experimenteer met verschillende lettertypen, bijvoorbeeld met of zonder schreef. Kleuren kunnen jouw logo maken of kraken - probeer verschillende kleuren uit en bedenk je goed welk gevoel je wilt overbrengen op de klant. Zo is rood de kleur van de liefde, passie en energie. Zwart is krachtig, elegant en stijlvol. En geel staat voor optimisme, logica en warmte. Jezelf verdiepen in kleuren en wat deze kleur met de hersenen doet, is dus erg belangrijk. 

 

### 5. Bepaal het type logo? 

 

Het type logo is ook belangrijk. Is het sierlijk? Recht-toe-recht-aan? **Zorg ervoor dat mensen in één oogopslag zien wat er gebeurt en maak het herkenbaar en begrijpelijk.** Dit kun je doen door bijvoorbeeld weinig details te gebruiken en één aspect te pakken wat makkelijk te onthouden is. Bedenk of het logo gebaseerd gaat worden op een afbeelding, tekst of beide. 

 

### 6. Wat doen concurrenten?

 

Het kan handig zijn om jezelf te verdiepen in wat de concurrent doet. Met deze tactiek kun je superveel ideeën opdoen. Heb je elementen gezien die je passend vindt? Of elementen die je absoluut niet gaat gebruiken? Bedenk voor jezelf waarom je deze elementen passend vindt of waarom juist niet. 



**Door te kijken hoe de concurrent zichzelf heeft gepositioneerd kan er voor jou een heel ander plan uitrollen dan dat je misschien voor ogen had.** Houd wel in je achterhoofd dat je niet gaat kopiëren. Je wilt namelijk dat de kernwaarden van jouw merk een verhaal vertellen, niet de kernwaarden van de concurrent. 

 

De grote hamvraag in dit stuk is natuurlijk: hoe spreek je hetzelfde publiek aan als de concurrent, maar dan op je eigen manier? 

 

![Schets 8.png](/uploads/Schets_8_68b882b5b5.png)

 

## Hoe Trive logo’s ontwikkelt

 

Binnen Trive kunnen wij je helpen bij het maken van een logo. Bappie, onze visual designer, helpt je er graag bij. Benieuwd hoe wij te werk gaan?

 

Nou, zo.

 

### Stap 1

 

We beginnen een traject door samen met de klant om tafel te zitten. Want, nee: we gaan niet gelijk designen. **We beginnen bij het bepalen van het doel van het logo.** Is dat een complete rebranding? Zo, ja: ook een rebranding heeft een doel nodig. Is dat om oude klanten te behouden of door nieuwe klanten binnen te halen? Sla je een nieuwe weg in? De klant geeft vooraf een gedetailleerde briefing over het doel van het nieuwe logo-ontwerp. Wat is het probleem dat wordt aangekaart met het nieuwe logo?

 

### Stap 2

 

Pijnpunt bepaald vanuit de klant? Mooi, dan is het tijd voor de start van de brandingsessie waarin het pijnpunt van de organisatie wordt besproken. Is het probleem realistisch? Of is het nodig om het probleem iets bij te schaven? **Tijdens de eerste sessie zullen we naar de kern van de organisatie gaan.**

 

Wat is de missie en visie van de organisatie? 

 

**Tijdens de tweede sessie zullen we de kern van de organisatie bepalen.** Nadat we de kern bepaald hebben, gaan we door naar de tweede sessie - de message. Hoe uit het merk zich naar de klant? Hoe gaat de organisatie hun kern, besproken in de vorige sessie, verbeelden naar de klant? In deze sessie wordt o.a. de tone of voice en het kleurgebruik besproken. 

 

### Stap 3

 

Brandingsessie 1 en 2 voltooid? Mooi, dan gaan we naar de derde, en laatste, sessie. Uit de eerste twee sessies komen verschillende logo-ontwerpen gerold. Deze ontwerpen itereren we verder samen met de klant tot we op een final design uitkomen. Vervolgens worden de bevindingen uit alle sessies gebundeld in een style guide.

 

## Hulp nodig?

 

Je ziet: een logo ontwerpen is een behoorlijke kluif werk. 

 

Om een ​​goed logo-ontwerp te maken, moet je ervoor zorgen dat je je merk door en door kent. Het logo moet een uniek, maar eenvoudig ontwerp zijn dat een merkboodschap overbrengt.

 

Heb jij hulp nodig bij het bepalen van jouw brand identity? Neem dan [contact](https://trivetechnology.com/contact/) met ons op of kom eens langs voor een bakje koffie. 

 

We helpen je graag verder.

Een logo maken: hoe ontwerp je dat? (met 6 tips)

Just say Hello

Heb je vragen over visual design? Neem contact op!

Bappie is onze UI designer

large_design_plugins_figma.jpg

medium_design_plugins_figma.jpg

small_design_plugins_figma.jpg

thumbnail_design_plugins_figma.jpg

design_plugins_figma.jpg

De 10 Figma plugins die jouw design workflow nog beter maken

Zonder plugins geen Figma. Maar welke heb je absoluut nodig?

![Figma_Design_plugins.jpg](/uploads/Figma_Design_plugins_3765d27383.jpg)
 
# 10 Figma plugins die designers bij Trive gebruiken

 

## 1. Anima - Figma to HTML, React & Vue code
[Anima](https://www.animaapp.com/figma) is een plugin die het mogelijk maakt om responsieve en interactieve prototypes te maken. Je kan met deze plugin video’s, animaties, hover effects en nog meer toevoegen aan je prototypes. Daarbij komt dat je HTML, CSS, React en Vue code kan exporteren!

 
 

## 2. Able - Friction free accessibility
[Able](https://www.figma.com/community/plugin/734693888346260052/Able-%E2%80%93-Friction-free-accessibility) is een plugin die je in staat stelt om je ontwerpen te controleren op kleurcontrast; de plugin analyseert de kleur van de twee geselecteerde objecten binnen Figma. Het mooie van deze plugin is dat wanneer je twee andere objecten selecteert de plugin automatisch update. Je hoeft de plugin dus niet te refreshen. Dankzij deze plugin zien hoe mensen die kleurenblind zijn je ontwerpen zullen zien.

 
 

## 3. Unsplash
De plugin van [Unsplash](https://unsplash.com/) doet niet zoveel maar maakt je leven als designer wel een stuk makkelijker. Unsplash is een stock photo website. De plugin laat je vanuit Figma deze database gebruiken en maakt het mogelijk om foto’s toe te voegen aan je design. 

 

## 4. Better font picker
De naam zegt het eigenlijk al. [Better Font Picker](https://www.figma.com/community/plugin/739922281164562258/Better-Font-Picker) is een plugin die het mogelijk maakt om je fonts te previewen in je design. Hierdoor kan je als designer beter en makkelijker beslissen welk lettertype echt bij jouw ontwerp past.

 

## 5. Autoflow
De focus van [Autoflow](https://www.figma.com/community/plugin/733902567457592893/Autoflow) ligt helemaal op het zo makkelijk mogelijk maken van userflows voor je prototype. Je selecteert gewoon twee objecten terwijl je ⇧SHIFT vasthoud, de plugin zorgt er dan voor dat er een flow wordt gecreëerd. 

 
 

## 6. Charts
[Charts](https://www.figma.com/community/plugin/731451122947612104/Charts) zorgt ervoor dat je grafieken kan toevoegen aan een Figma bestand. Deze grafieken kan je helemaal naar wens aanpassen. Binnen deze plugin kan je kiezen uit lijn-, taart-, doughnut-, scatter- en staafgrafieken.

 
 

## 7. Isometric
Je ontwerpen in perspectief zien? Het kan met [Isometric](https://www.figma.com/community/plugin/741184519069077841/Isometric). De plugin maakt het mogelijk om vanuit een andere hoek naar je prototypes en designs te kijken. 

 
 

## 8. Lorem ipsum
Je kent de Lorum Ipsum tekst waarschijnlijk wel; deze oude tekst wordt tegenwoordig gebruikt als placeholder wanneer het nog niet duidelijk is wat er moet komen te staan. [Lorem Ipsum](https://www.figma.com/community/plugin/736000994034548392/Lorem-ipsum) maakt het mogelijk om een laag te selecteren en deze perfect te vullen met de Lorem Ipsum tekst. Jij hoeft je dus niet meer naar een website te gaan en dit te kopiëren.

 
 

## 9. Color Filters
De plugin [Color Filters](https://www.figma.com/community/plugin/735658738614175372/Color-filters...) maakt het makkelijk om snel alle kleuren in je geselecteerde laag aan te passen. De plugin werkt met afbeeldingen, fills, strokes, schaduwen, tekst met verschillende kleuren en achtergrond kleuren. 

 
 

## 10. Remove BG
[Remove BG](https://www.figma.com/community/plugin/738992712906748191/Remove-BG) heeft één taak en die doet de plugin ontzettend goed. De plugin maakt het mogelijk om met 1 klik de achtergrond van afbeeldingen te verwijderen. Heel simpel, maar zo handig!

 
 

Wil je nog meer lezen over design gerelateerde onderwerpen? Een tijdje terug hebben we een interessante blog serie geschreven over hoe je een concept ontwikkelt; [Van concept naar MVP](https://trivetechnology.com/blogs/strategy/van-concept-naar-mvp-1/). Wil je op de hoogte blijven van alles wat wij binnen Trive uitspoken? Volg ons dan op [LinkedIn](https://www.linkedin.com/company/trivetechnology/), [Instagram](https://www.instagram.com/trive.technology/) en [Facebook](https://www.facebook.com/trivetech)! Ga je geen spijt van krijgen, promise.

# De 10 Figma plugins die jouw design workflow nog beter maken
 

[Figma](https://www.figma.com/) heeft een gigantische community. Binnen deze community worden designs, illustraties en dus ook plugins gedeeld. In dit artikel leggen we je uit wat je met deze plugins kan, hoe je deze moet downloaden en wat voor voordeel jij als designer hieruit kan halen. 

In deze blog lees je:


- Wat een plugin is binnen het Figma ecosysteem
- Hoe je een plugin download
- Waarom plugins ontzettend handig zijn
- De top 10 plugins die de designers van Trive gebruiken

 

# Plugins binnen het Figma ecosysteem
Plugins binnen Figma kan je zien als kleine applicaties die één specifieke taak doen. Deze plugins kan je gebruiken om je design workflow sneller en beter te maken. Naast dat plugins je workflow kunnen verbeteren zijn er ook plugins die extra functionaliteiten toevoegen aan Figma. Je kan plugins dus zien als een uitbreiding op Figma. Met plugins kan je Figma helemaal persoonlijk inrichten!

 

## Hoe download je een plugin voor Figma?
Een plugin downloaden in Figma is relatief makkelijk. Je gaat naar de homepage van het programma, aan de linkerkant van het scherm vind je een menu met verschillende opties om op te klikken. Binnen dit menu kan je op ‘Community’ klikken. Wanneer je hierop klikt kom je terecht op de community pagina van Figma, op deze pagina vind je aan de bovenkant van de pagina een aantal knoppen. Hier klik je op ‘plugins’. Als je een plugin wil downloaden klik je aan de rechterkant van het scherm op ‘Install’. Wanneer je een plugin wil gebruiken klik je op je rechtermuisknop en kan je naar je plugins gaan.

 

## Waarom zou ik gebruik maken van plugins in Figma?
Het is hiervoor al een beetje uitgelegd maar plugins zijn kleine applicaties die je kan toevoegen aan Figma. Deze applicaties voegen extra functionaliteiten toe aan het programma. Als je veel designed kan het zijn dat je een functie mist, vaak biedt een plugin dan de uitkomst. Zo zijn de bestanden die je met Figma maakt soms best groot. En klanten zitten niet altijd te wachten op een bestand van 300 MB.Via de figma plugin [TinyImage Compressor](https://www.figma.com/community/plugin/789009980664807964/TinyImage-Compressor) wordt het verkleinen van je PDF een eitje.

Heb je vragen over jouw contentstrategie?  Neem contact op!

medium_Nikki_content_marketeer.jpg

small_Nikki_content_marketeer.jpg

thumbnail_Nikki_content_marketeer.jpg

Nikki_content_marketeer.jpg

Nikki is onze contentmarketeer

large_campaign-creators-e6n7uoEnYbA-unsplash.jpg

medium_campaign-creators-e6n7uoEnYbA-unsplash.jpg

small_campaign-creators-e6n7uoEnYbA-unsplash.jpg

thumbnail_campaign-creators-e6n7uoEnYbA-unsplash.jpg

UX_UI_interface.jpg

5 onmisbare user interface (UI) design tips

Van typografie hiërarchie tot consistentie: deze tips zijn onmisbaar bij UI. 

De user interface (UI) is een cruciaal onderdeel van elk software product. Als het goed is gedaan, merken gebruikers het niet. Als het slecht is gedaan, kunnen gebruikers er niet omheen. Om de kans op succes bij het maken van gebruikersinterfaces te vergroten, volgen de meeste ontwerpers een aantal principes. Welke dat zijn? We sommen een aantal UI design tips voor je op. 



# Essentiële user interface (UI) design tips



Geloof het of niet, maar ons concentratievermogen is korter dan dat van een goudvis. 



Jep, dat las je goed. 



Met de smartphone als oorzaak heeft de mens inmiddels een concentratievermogen van slechts 8 seconden. Een goudvis heeft daarentegen een concentratievermogen van 9 seconden, zo blijkt uit onderzoek van Mircosoft. Met andere woorden: je hebt als designer maar 8 luttele seconden om de aandacht van je gebruiker te strikken en een interface design te maken waarbij meteen duidelijk is waarvoor elke functie dient. 



Ben jij van plan aan de slag te gaan met UI? Dan kunnen deze vijf tips over UI design je in de goede richting helpen. In [dit artikel](https://trivetechnology.com/blogs/design/ux-en-ui-een-onafscheidelijk-duo/) leggen we je uit wat UI precies inhoudt en wat het verschil is ten opzichte van UX. 



# 1. Weet wie je app gebruikt 
 


Weet wie je tegenover je hebt zitten. Om een app zo goed mogelijk te laten aansluiten bij de wensen en behoeften van een gebruiker, moet je diegene kennen: van en van buiten. Om hierachter te komen is meer nodig dan een zorgvuldige analyse van statistieken. Je moet mensen leren kennen; persoonlijk met ze praten, kijken hoe ze jouw product (en die van anderen) gebruiken en vragen stellen. 



Wat zijn hun doelen? Hoe kan de website of app helpen hun doel te bereiken?



![pexels-fauxels-3184612.jpg](/uploads/pexels_fauxels_3184612_d32ce139c1.jpg)



Vervolgens bepaal je hoe mensen de app of website zullen gebruiken. Mensen gebruiken websites en apps op twee manieren: 



- Direct (door interactie met de UI elementen van het product, zoals van links naar rechts swipen).
- Indirect (door interactie met UI elementen buiten het product, zoals het tekenen op een tablet).





Als je ontwerpt voor senioren of andere gebruikers met een beperkte handvaardigheid, wil je niet gaan voor swipen. Als je ontwerpt voor programmeurs, die voornamelijk via een toetsenbord, dan wil je alle gebruikelijke sneltoetsen ondersteunen om onnodige tijd met de muis te minimaliseren.



# 2. Typografie hiërarchie
 

Next: typografie.



Of het nou gaat over het op kleur sorteren van je kleding of de indeling van een webshop: het willen van structuur is iets menselijks. Waarom? Omdat structuur zorgt voor rust en dat je sneller vindt wat je nodig hebt. En precies dit geldt ook voor software producten. 



Een goed gestructureerde typografie hiërarchie creëert een gevoel van orde en helpt de gebruiker bij het lezen in zijn of haar natuurlijke leespatroon. Wanneer er structuur in de teksten is aangebracht, kunnen bezoekers jouw digitale product sneller gebruiken. En remember de 8 seconden die je hebt om iemand aandacht te pakken? Juist: die aandacht, die wil je meteen. 



Om een lezer geen overload aan informatie te geven, is het aan te raden de tekst te segmenteren. Op deze manier kunnen lezers makkelijk de inhoud van het ontwerp in zich opnemen. Vervolgens kunnen zijn beslissen waar zij verder over willen lezen.



Denk hierbij aan het verschil tussen kopregels, subkoppen en de paragraaftekst. Een voorbeeld van zo’n tekst hiërarchie kan er zo uitzien: 



- H1 - De hoofdkoppen, zoals: titels.
- H2 - De secundaire koppen, zoals: de opsomming van tips in dit artikel. 
- H3 - De minst belangrijke koppen.
- P1 - Deze hoofdtekst, zoals de tekst die je nu leest.
- P2 - De kleine tekst op de pagina, zoals: 'de kleine lettertjes'. 



In de afbeelding hieronder is te zien hoe de typografie van de website van Trive Technology onderverdeeld is. 



![Typography - Trive.jpg](/uploads/Typography_Trive_567d61c6fd.jpg)




# 3. Wees consistent 


Consistentie is heel erg belangrijk bij het design van apps. Vermijd daarom het gebruik van verschillende stijlen voor dezelfde elementen op verschillende pagina's van een app of website. Gebruikers zouden zich niet moeten afvragen waarom de ene knop met dezelfde functie rood is en de andere blauw of dat de teksten ‘wachtwoord wijzigen’ en ‘verander je wachtwoord’ hetzelfde betekenen. 



Waarom?



Het zorgt voor verwarring als beide opties worden gebruikt in dezelfde app. En weet je nog dat verhaal van de goudvis? Die extra seconden die een gebruiker dan moet gebruiker om na te denken, heb je niet. Gebruik daarom een benaming of kleur voor een bepaalde functie en blijf daarbij. Consistentie is belangrijk om verwarring te voorkomen en het vinden van een bepaalde functie of content makkelijker bereikbaar te maken voor gebruikers. 



Uiteraard kun je het wiel opnieuw uitvinden wanneer je wilt, maar alleen als het het ontwerp daadwerkelijk verbetert. Negeer de standaard niet. 





# 4. Maak interfaces makkelijk te leren; hou het simpel



Je hebt ze vast weleens gezien: apps die vol staan met toeters en bellen, de Efteling is er niks bij. Als gebruiker weet je niet waar je kijken en klikken moet. Het is niet meer dan logisch dat hoe eenvoudiger iets is, hoe gemakkelijker het op korte termijn te onthouden is. 



Beperk dus waar mogelijk het aantal dingen dat een persoon moet onthouden om uw interface efficiënt en effectief te gebruiken. Zorg ervoor dat jouw interface zo simpel mogelijk is, zodat de gebruiker zonder hindernissen begrijpt wat de functie van een bepaald element is. 



Hoe eenvoudiger je het ontwerp maakt, hoe sneller en gemakkelijker het voor gebruikers is om de beslissingen te nemen die we willen dat ze nemen.



# 5. Luister naar de data 



Het maken van een mooi ontwerp is slechts de helft van het proces. Feedback op het ontwerp en de applicatie begint binnen te stromen zodra de site of app live gaat. Zodra je voldoende gegevens hebt ontvangen van het ontwerp, is het tijd om aan de slag te gaan met het verbeteren ervan. Er zijn verschillende gratis tools die u kunt gebruiken om analyses te verzamelen, zoals [Google Analytics](https://analytics.google.com), [Dribble](https://dribbble.com) of [Behance](https://www.behance.net). 



Heb je hulp nodig bij het verbeteren van de gebruikerservaring op jouw website, webshop of applicatie? Wij helpen je graag verder! Neem dan gerust [contact](https://trivetechnology.com/contact/) op! Team Trive helpt je graag verder om te kijken naar de mogelijkheden.

 5 essentiële user interface (UI) design tips 

large_ERIK-EN-BAPPIE-1.jpg

medium_ERIK-EN-BAPPIE-1.jpg

small_ERIK-EN-BAPPIE-1.jpg

thumbnail_ERIK-EN-BAPPIE-1.jpg

ERIK-EN-BAPPIE-1.jpg

UX en UI. Een onafscheidelijk duo

large_ux-en-ui.jpg

medium_ux-en-ui.jpg

small_ux-en-ui.jpg

thumbnail_ux-en-ui.jpg

ux-en-ui.jpg

In deze blog gaan we in op de verschillen tussen UX en UI, wat ze precies inhouden en waarom ze relevant zijn voor de ontwikkeling van jouw product.

# UX en UI. Een onafscheidelijk duo
Alle apps en websites die je gebruikt zijn in eerste instantie gebouwd om jouw problemen op te lossen. Of tenminste, dat is de bedoeling. Hier is waar UX en UI om de hoek komen kijken. Deze tweeletterige vrienden houden zich altijd bezig met het oplossen van onze problemen. En alhoewel de termen vaak door elkaar heen worden gebruikt, zijn de concepten die erachter schuilgaan verschillend.
 
In deze blog gaan we dan ook op de verschillen tussen beide, wat ze precies inhouden en waarom ze relevant zijn voor de ontwikkeling van jouw product.

## Wat doet een UX designer?
UX staat voor User Experience. Een UX designer zorgt ervoor dat het product aansluit op de wensen van de gebruiker. Het werk van een UX designer bestaat er uit het doel van een website en de behoeften van de gebruiker op elkaar af te stemmen. Wat wil de bezoeker doen of weten? Welke functionaliteiten maken het mogelijk dat hij zijn doel bereikt? UX-design speelt zich dan ook wat meer op de achtergrond af en draait vooral om functionaliteit en structuur. Als het product voor de gebruiker op een positieve manier de waarde creëert die is beloofd, dan is een website geslaagd in de user experience.
 
Veel mensen denken dat het werk van een UX designer bestaat uit het maken van wireframes, en dat is zeker waar, maar de rol is complexer. Zo houdt een goede UX’er zich bezig met het verschaffen van inzicht in de gebruikers bijvoorbeeld door userstories en persona’s, A/B testen, strategisch meedenken tijdens de productontwikkeling en het overleg met UI designers en developers.

## Dit doet UI
UI is de afkorting voor User Interface. UI-design is de grafische lay-out van een applicatie of website, en dit stuk is dus direct zichtbaar voor de gebruiker. Het bestaat uit de knoppen waarop gebruikers klikken, de tekst die ze lezen, de afbeeldingen, tekstvelden en alle andere items waarmee de gebruiker interactie heeft. Elk visueel element, interactie of animatie moet worden ontworpen. Soms zit dat in de kleine details, zoals de vorm van een knop of de lettergrootte van een tekst. Ben jij een creatief reclamebureau? Dan geeft dat een andere uitstraling dan een consultancy kantoor.
 
Het werk van een UI designer bestaat dus uit het visueel aantrekkelijk maken van een website of applicatie. Daarnaast bestaan zijn taken uit: de interface layout, interface design, interaction design en het vaststellen van visuele richtlijnen.

## Zo werken UX en UI samen
Dus een UX-designer beslist hoe de gebruikersinterface werkt, terwijl de UI-designer bepaalt hoe de gebruikersinterface eruitziet. Tijdens het ontwerpproces wordt er nauw samengewerkt tussen de twee ontwerpers of ontwerpteams. Terwijl het UX-team de flow van de app of website uitwerkt, werkt het UI-team aan hoe al deze interface-elementen zullen verschijnen op het scherm.
 
Constante communicatie en samenwerking tussen UI- en UX-designers helpen ervoor te zorgen dat de uiteindelijke gebruikersinterface er zo goed mogelijk uitziet, terwijl hij ook efficiënt en intuïtief werkt. Of zoals Rahul Varshney, co-founder van Foster.fm het zegt:
 
*“User Experience (UX) and User Interface (UI) are some of the most confused and misused terms in our field. A UI without UX is like a painter slapping paint onto canvas without thought; while UX without UI is like the frame of a sculpture with no paper match on it. A great product experience starts with UX followed by UI. Both are essential for the product’s success.”*
 
Bij Trive werken onze UX’er Erik (links) en onze UI’er Bappie (rechts) elke dag nauw samen om producten te maken die niet alleen goed werken maar er ook nog eens super flex uitzien. Benieuwd naar al onze dienstverlening? Check het [hier](/onze-aanpak)!

large_joel-filipe-k8apfKm-Md4-unsplash-2048x1348.jpg

medium_joel-filipe-k8apfKm-Md4-unsplash-2048x1348.jpg

small_joel-filipe-k8apfKm-Md4-unsplash-2048x1348.jpg

thumbnail_joel-filipe-k8apfKm-Md4-unsplash-2048x1348.jpg

joel-filipe-k8apfKm-Md4-unsplash-2048x1348.jpg

Van Paint naar Professional dankzij deze 10 design tips.

large_fuck-yeah-6660-2048x1365.jpg

medium_fuck-yeah-6660-2048x1365.jpg

small_fuck-yeah-6660-2048x1365.jpg

thumbnail_fuck-yeah-6660-2048x1365.jpg

fuck-yeah-6660-2048x1365.jpg

No worries: we zijn allemaal ooit bij Paint begonnen. Maar hoe word je nou een professional? In deze blog geven we je 10 design tips. 

# Van Paint naar Professional dankzij deze 10 design tips.

## Meer is echt niet altijd beter, zeker niet bij lettertypes. 
Gebruik lettertypen die goed leesbaar zijn of het nou om titels, ondertitels of primaire tekst gaat, leesbaarheid is key. Het oog heeft moeite met het scannen van meerdere lettertype,  dus maak het niet te bont en ga voor een overzichtelijke verzameling fonts.

## Doe lief tegen je kleuren
Maak het jezelf makkelijk en begin door het opstellen van een kleurenschema met 1-3 primaire kleuren en nog eens 1-3 secundaire kleuren die goed met elkaar contrasteren en elkaar aanvullen.

## Lettertypen hebben ook gevoelens
Kies een lettertype dat past bij het verhaal wat je wilt vertellen. Ronde lettertypen hebben meestal een vriendelijkere uitstraling terwijl meer hoekige lettertypen juist solide en sterk overkomen.

## Houd het in de familie
Creëer visuele uniformiteit door één lettertype of lettertypefamilie te gebruiken in je tekst. Gebruik een lettertype of lettertypefamilie maar ga voor verschillende varianten zoals: cursief, bold en italic.

## Maak dat moodboard
Moodboards, designers zijn er dol op. Door afbeeldingen, kleurstalen en lettertypen te verzamelen die passen bij je project zet je eerste stappen naar uiteindelijke designs. Werk je met meerdere mensen? Ook dan zijn moodboards aan te raden, verzamel los van elkaar en kijk welke afbeeldingen overeenkomen. Zo bepaal je gezamenlijk de stijl die past bij jullie product. 
 
P.s. pinterest leent zich perfect voor het maken van jouw moodboard! En zoals het echte designers betaamt is team Trive ook te vinden op pinterest.

## Zeg ja tegen contrast
Contrast is een van de meest noodzakelijke onderdelen van een goed ontwerp en onder meer verantwoordelijk voor onder meer sfeer en leesbaarheid. Kijk goed en experimenteer met contrasterende kleuren in je ontwerp. Een goede vuistregel is dat als je een lichtgekleurde achtergrond hebt, je een donker lettertype moet gebruiken (en vice versa).

## Ga voor simpel
Houd het simpel, maar vergeet je basics niet. Zorg ervoor dat elk element een reden heeft in het ontwerp. Beperk het aantal lettertypen, kleuren, vormen en kaders tot een minimum.

## Laat je afbeeldingen niet alleen
Plak niet in het wilde weg afbeeldingen in je ontwerp maar lijn ze uit. Door te werken met rasters of kaders ziet je  ontwerp er een stuk professioneler uit

## Weet wie de baas is
Het belangrijkste deel van je ontwerp moet logischerwijs het meest in het oog springen. Pas kleur of schaal toe op een afbeelding om te zien hoe dit de hiërarchie van elementen verandert, zo zorg je ervoor dat het juiste element als eerste de aandacht trekt! 

## Denk groots
Sommige dingen verdienen het om op te vallen. Experimenteer met de schaal van je elementen om erachter te komen wat werkt!

Heb je vragen over design?  Neem contact op!

large_top-view-of-black-and-white-typography-sentences-6470-2048x1365.jpg

medium_top-view-of-black-and-white-typography-sentences-6470-2048x1365.jpg

small_top-view-of-black-and-white-typography-sentences-6470-2048x1365.jpg

thumbnail_top-view-of-black-and-white-typography-sentences-6470-2048x1365.jpg

top-view-of-black-and-white-typography-sentences-6470-2048x1365.jpg

Design Principles, dit moet je weten

medium_Picture-01.png

small_Picture-01.png

thumbnail_Picture-01.png

Picture-01.png

Grote bedrijven maken gebruik van design principles, ook bij Trive houden we vast aan onze principes.

# Design Principles, dit moet je weten

*Design Principles, lekker hip woord maar wat betekent het eigenlijk? En nog belangrijker, wat heb jij eraan als je wilt beginnen met het bouwen van jouw app, website of ander digitaal product?*

## Wat zijn design principles?

Design principles beschrijven de ideale user experience van je klant met jouw product. Met behulp van deze principles worden de uitgangspunten voor een nieuw te ontwikkelen product bepaald. Design principles bepalen dus de context waarbinnen je ontwerpt. 
 
Ze zorgen voor een duidelijk kader waarin de belangrijkste wensen en behoeften van gebruikers, organisatie en techniek staan vastgelegd. Zo weet je zeker dat iedereen hetzelfde denkt over de optimale gebruikerservaring.

## Samen kader scheppen

Juist bij de ontwikkeling van een complexe user experience zoals een website, app of andere software is het key om duidelijke kaders te scheppen. Deze kaders stellen je in staat om gedurende het project alle belangrijke keuzes en beslissingen te toetsen. Zo zorg je ervoor dat je daadwerkelijk bouwt wat je in eerste instantie voor ogen had.

## De design principles bepalen voor jouw project

Ook bij Trive werken we graag met design principles. Sterker nog, hier trappen we onze samenwerking met partners altijd mee af. Zo weten we zeker dat we bouwen wat jij nodig hebt en bepalen we gezamenlijk de richtlijnen en de scope van het project.

## Trive’s Principles

Veel grote bedrijven maken gebruik van design principles maar ook bij Trive houden we vast aan onze principes:
 
**Visionair**: Ideeën die nodig zijn, klaar zijn voor de toekomst en altijd de gebruiker voorop stellen
 
**Eduacted**: Wij weten wat er nodig is, nemen beslissingen aan de hand van de nieuwste kennis. 
 
**Intuïtief**: Doen wat goed voelt, een ontwerp moet goed voelen, niet alleen voor de gebruiker maar ook voor ons. 
 
**Essentieel**: Beginnen bij de basis, kijken wat er echt nodig is, daarna streven we naar perfectie.
 
**Creative**: Ontwerpen die je zelf niet had kunnen bedenken en die problemen oplossen.
 
We hebben een aantal inspirerende design principles voor jullie opgezocht: Die van Logitech en natuurlijk grootmeester Google. 

## De 5 Design Principles van Logitech

**Powerful Idea**: clarity of purpose and the benefit to the consumer
**Soul**: unique personality of the product/experience
**Crafted**: simplifying, perfecting, and stripping down to the essential
**Effortless**: relentless pursuit of creating friction-free experiences
**Magical**: interactions that are alive and expressive

Ook Google gaat lekker op Design Principles, ze hanteren er maar liefst 9!

## De 9 Design Principles van Google

**Material is the metaphor** – A material metaphor is the unifying theory of a rationalized space and a system of motion. Our material is grounded in tactile reality, inspired by our study of paper and ink, yet open to imagination and magic.

 **Surfaces are intuitive and natural**– Surfaces and edges provide visual cues that are grounded in our experience of reality. The use of familiar tactile attributes speaks to primal parts of our brains and helps us quickly understand affordances.
 
**Dimensionality affords interaction** – The fundamentals of light, surface, and movement are key to conveying how objects interact. Realistic lighting shows seams, divides space, and indicates moving parts.
 
**One adaptive design** – A single underlying design system organizes interactions and space. Each device reflects a different view of the same underlying system. Each view is tailored to the size and interaction appropriate for that device. Colors, iconography, hierarchy, and spatial relationships remain constant.
 
**Content is bold, graphic, and intentional** – Bold design creates hierarchy, meaning, and focus. Deliberate color choices, edge-to-edge imagery, large-scale typography, and intentional white space create immersion and clarity.
 
**Color, surface, and iconography emphasize actions** – User action is the essence of experience design. The primary actions are inflection points that transform the whole design. Their emphasis makes core functionality immediately apparent and provides waypoints for the user. [promo_hunt]
 
**Users initiate change** – Changes in the interface derive their energy from user actions. Motion that cascades from touch respects and reinforces the user as the prime mover.
 
**Animation is choreographed on a shared stage** – All action takes place in a single environment. Objects are presented to the user without breaking the continuity of experience even as they transform and reorganize.
 
**Motion provides meaning** – Motion is meaningful and appropriate, serving to focus attention and maintain continuity. Feedback is subtle yet clear. Transitions are efficient yet coherent.

Zo dat waren de design principles van Google, zoals je ziet een hele mond vol. 



Design

Meer innovatie nodig?

We betrekken je erbij