In hoeverre heeft de trend Flat Design invloed gehad op logo-redesigns van bekende merken in 2013?



Vergelijkbare documenten
Indesign. Pencil - Achtergrond - Visie - Keuzes - Onderbouwing - Toepassing. Photoshop - Achtergrond - Toepassing. Vincent Damen

Beter kantoorinnovatie

Project Het Parool. Media, Informatie en Communicatie. Propedeuse. Ontwerpdocument Beeld

6. Indexatie: Zijn de verschillende pagina s binnen de site geïndexeerd door Google?

Nieuws sites hebben een krantachtige vormgeving; de informatie staat voorop.

Ontwerp Portfoliowebsite MMIO 2016

Design Document Catalyst

Look! Inspire : De schaduw kant van verslavende middelen Daan Hermans G&I 1B

Algemene regels. Stappenplan webdesign

DESIGNBIBLE. 4 Visuele families (inspiratie) Afbeeldingroepen die inspiratie zullen bieden voor mijn vorm geving. 1 De websites van de sportbonden

Op de foto is een bord te zien van een doner kebab tent bij het station van hoofddorp. Op dit bord hebben ze geprobeerd te communiceren met de

1. Inleiding Hoe wordt mijn website gemakkelijk gevonden in de verschillende zoekmachines.

Growth & Reflection. Opleverdatum: 18 juni 2014

Design Document If This Then That. HSP moodlight Liad Damhuis G&I1B Game Art

make things ETA by Boudewijn Naaijkens

Inhoudsopgave. Stappen 1 Ervaringen 2 Wireframes 3 PIOTR TEKIEN HKU GAME ART GAR-1B

Grafisch Vormgeven 10 verbeterde designs. Youri Stans GAR-1B

VOOR VERBETERING VATBAAR. Nadia Groenewald G&IB

01/05. Websites Nederland over. Mobile marketing. Whitepaper #03/2013. Mabelie Samuels internet marketeer

Het ideale font voor programmeurs

AB OVO. iguide STYLEGUIDE

styleguide Albert Slow Styleguide

inhoud Merkpositionering 3

Seminar. Essay conceptstores

WHITEPAPER IN 5 MINUTEN. 08. Content Design verdrijft CMS

Iconen. Voordelen van goede iconen. De iconen waar het bij deze opdracht om gaat zijn:

10 voorbeelden van slechte of onduidelijke visuele communicatie

A.P.A. Martens Waalwijk 2011

Essay Flat Design. Laurens Wemekamp. Seminar Blok C. Docent: Rob van den Isdert

Grafisch ontwerp. Referenties.

Inhoudsopgave. Inleiding 3. Mijn artfiact 3. Proces 4. Mijn beoordelingsblad en presentatie 5. Autotic Selfie eindproduct (ware grootte) 6

Elk seizoen een nieuw interieur

DesignThis! 2. Create fase. Michelle Plaisier CMD3C Kwartaal 4

Presentatiedocument. Persoonlijk logo

Social media checklist

Apple Fanboy. Leerling: Jippe Joosten Opleiding: Game Development Klas: G&I1C. De intro. De opdracht. Proces

Ik besloot te verder te gaan en de zeven stappen naar het geluk eerst helemaal af te maken. We hadden al:

Persoonlijk Ontwikkelingsplan

Museumbezoek onder Studenten

Pim Broekhof. Art Media en Me. Autobiotic Selfie Verslag G&I1A Saskia Freeke Sonja van Vuure Martin Lacet John Hennequin

Naam: Valérie den Besten Klas: G&I A Datum: Module: Project 100% presence Begeleider: Irene van Peer Groep 11 (team 14)

Thinking of art: Screenshot. Joanna Siccama GAR2D Docent: Sonja van Vuure

Cursus SKOOLBORD ART. Rolf Dingerink

TIME-TRACKING GROUPING

SMART- Leerdoel Mathijs de Bok Emotion - RMM42

Design rationale document. Rabobank.com

Stick to your roots verbeteren in plaats van vernieuwen

Leraar, je wist dat je het was.

Connect Social Business

Dit pak tabak heb ik gevonden bij een vriendin van mij. We stonden bij haar in de berging te roken toen ik op dit pak shag stuitte.

Wij zijn Kai & Charis van de Super Student en wij geven studenten zin in de toekomst.

Onderzoek naar product en concurrentie. 10 Concurrenten van webshop Sportieve E-bike. Websites links:

10 WEB DESIGN TIPS VOOR EEN SUCCESVOLLE WEBSITE

Blok 1 - Introductie

Ieper. Ervaringen Schilderijen :

Het bouwen van je eigen Rotsachterwand en zijwanden. Door: Niels de Smit

FLIPPEN. Naam: Ruben van Dijk Datum van inlevering: 28/11/06 Klas: M1C Tutorgroep: 2

Magic hands doet Orivouwi

Evaluatie project webshop 2.0

Het ideale font voor programmeurs

Ten slotte wens ik je veel plezier bij het lezen. Hopelijk geeft het de kennis en de inspiratie om ook zelf met je kinderen aan de slag te gaan!

7.5 Script en plaatjes post-test

Art/Media & Me Autobiotic Selfie document

OBSERVATIE. Hoe kom je in een creatieve mindset? De observatie van een kunstenaar en hoe hij aan zijn creativiteit komt. Robbert Kooiman G&I 1-C

Connect Social Business. Plan van Aanpak voor mijn stage bij ConnectSB

Dennis Wagenaar v 1.0

Linnen gordijnen geven een luchtig, fris gevoel! Wollen plaids zorgen voor een warme, gemoedelijke sfeer.

INFORMATIEARCHITECTUUR DESIGN EN MARKTPLAATS

Webflex voor Webdesigners

Guideline document. Beeldgebruik bij homepage/ startscherm digitale diensten van Rabobank. Document voor Rabobank Nederland

MIJN DEUR .NL OMDAT SMAKEN VERSCHILLEN .NL. Less is more. De plek waar je, je thuis voelt. Eigenwijs. Kijk voor meer op MIJN DEUR

Sabeth van der Voort GAR1B 03/10/2014< Grafische interface Docent: Leon Kranenburg

Introductie Totstandkoming

Digital art: Grafische Interface Opdracht: Voor verbetering vatbaar

STARTVERSLAG STUDENT - LOTTE VAN DER SCHOOT // COÖRDINATOR - INGE SCHAREMAN // STAGEBEGELEIDING - CYNTHIA BOOM & KEVIN KARS

Mijn kweekervaring met de witwang mutatie.

CLOUDSUITE. stijlwijzer. februari 2015

Gezellige eenheid met speelse variatie

Design Theorie voor 3-ICT Vormen en Afmetingen

Hoe bouw je een goede website/webshop?

Piotr Tekien. Grafische Vormgeving 10 Slechte logo s/typografie verbeteringen. Oktober 2, 2014 GAR1-B PIOTR TEKIEN HKU GAME ART GAR-1B

Veren. Look & Inspire Jenna Hardin 1B Game Art

Screen Design. Inge van Dam CMD2E Screen Design Product page. Inge van Dam CMD2E

Thinking of Art Stijldocument

Ontwerpdocument BVA app Ontwerpdocument BVA app

Afval Anne en de Sorteerbrigade

Pieter Geneugelijk 4H3

TuinHulp.com, Nieuwe Webservice voor Hoveniersbedrijven 2014

HUISSTIJLHANDBOEK LIVING CTIVE

Inhoudsopgave. Styleguide Bewust. Pagina 2

Hoe ziet de toekomst van de Flat design trend eruit?

Art and windmills. Doelgroep onderzoek. Valérie den Besten G&I A

Research context: van venster naar poort Onderdeel: context

Transcriptie:

In hoeverre heeft de trend Flat Design invloed gehad op logo-redesigns van bekende merken in 2013? Onderzoeksdocument Renée de Jong, JDE-VisD2 1582438 Seminar: Dream Discover Do Hoorcollege Docent: Tom Wolvers 17 Januari 2014

INHOUD Voorwoord Onderzoeksvraag Synopsis Onderzoek Bronnen Reflectie 3 4 5 6 24 26

VOORWOORD Tijdens mijn specialisatie heb ik zeven weken onderzoek gedaan naar een eigen gekozen onderwerp. In de zevende week heb ik een hoorcollege gehouden aan studiegenoten over mijn bevindingen. In dit document vind u mijn resultaten uit dit onderzoek en de bijbehorende conclusie. Het laat zien wat ik heb onderzocht en hoe ik het heb onderzocht. Ook zal u in dit document mijn persoonlijke reflectie vinden. 3

ONDERZOEKSVRAAG Je zou zeggen dat het dit jaar makkelijker voor me was om tot een goede onderzoeksvraag te komen, aangezien ik dit vak vorig jaar met een bijzonder goed resultaat heb behaald. Het tegendeel was waar. Ik wist niet meer hoe ik tot dat goede resultaat was gekomen en daardoor heb ik lang vast gezeten om een juiste onderzoeksvraag op te stellen. In eerste instantie wilde ik mezelf voorbereiden op mijn afstudeeropdracht, maar dit idee liet ik al snel varen. Ik merkte dat ik het hiermee nog moelijker maakte voor mezelf. Daarom ging ik voor een onderwerp die past binnen mijn specialisatie Visual Design. Ik kwam al snel op het onderwerp design trends en met name Flat Design. Nu moest ik hiermee nog een geschikte onderzoeksvraag samen stellen. Dit was het gedeelte waar ik veel tijd heb verloren. Ik vond het erg lastig om een vraag te bedenken die ik ook daadwerkelijk binnen zes tot zeven weken kon beantwoorden. Ik had namelijk wel veel vragen over het ontstaan van deze trends en waarom bijvoorbeeld bedrijven erop ingaan, maar daar was moeilijk een antwoord op te vinden. Op een gegeven moment had ik de vraag Hoe heeft de trend flatdesign invloed op de huisstijlen van grote bedrijven?. Tijdens dit onderzoek kwam ik erachter dat ik niet de juiste deelvragen had opgesteld om deze vraag te kunnen beantwoorden. Daarnaast kwam ik ook een andere trend tegen tijdens het begin van dit onderzoek, namelijk de redesigns van logo s. Ik besloot de trend Flat Design en logo redesigns te combineren en kwam toen op mijn uiteindelijke onderzoeksvraag terecht: In hoeverre heeft de trend Flat Design invloed gehad op logo-redesigns van bekende merken in 2013? 4

SYNOPSIS Het zal niemand ontgaan zijn dat Flat Design in grote maten wordt toegepast binnen de ontwerpwereld en met name op het gebied van user interface en webdesign. Op het web kom je het overal tegen en het begint bijna op een randvoorwaarde te lijken dan enkel nog een trend. Daarnaast zijn er ook vele merken die in 2013 zochten naar vernieuwing. Vele logo s werden geredesigned. Soms waren dit kleine aanpassingen, soms waren het hele nieuwe logo s. In hoeverre hebben deze trends met elkaar te maken? Is Flat Design nog wel een trend die enkel webdesigns en user interfaces beïnvloed? Ik was benieuwd naar deze vragen en ben dit daarom de afgelopen weken gaan onderzoeken. Ik ben de kenmerken van Flat Design gaan vergelijken met logoredesigns van wereld bekende merken uit 2013. Is deze trend zich gaan vespreiden over andere design disciplines en in hoeverre heeft het dit beïnvloed? 5

ONDERZOEK INLEIDING In oktober 2012 kwam Windows 8 uit met een hele nieuwe vormgeving. Alles was strak en plat en het was de grootste redesign die Microsoft ooit had ondernomen. Verschillende blogs als abduzeedo.com, smashingmagazine.com en creativeblog.com begonnen begin 2013 al met de trendvoorspellingen voor 2013 en in elk rijtje werd Flat Design genoemd als een van de trends. Dit was toen voornamelijk nog op het gebied van UI en Webdesign. Vervolgens kwam in september 2013 Apple met ios7, die net als Windows 8 grote veranderingen had doorgevoerd in de vormgeving. Voorheen was Apple bekend om zijn gedetaileerde iconen en applicaties, nu was alles versimpelt en plat. Daarna konden we er niet meer om heen, Flat Design was in. In webdesigns en user interfaces was Flat Design niet meer weg te denken en werd het op vele blogs het beschreven als dé trend van 2013. Naast deze opvallende trend had er nog een beweging plaats gevonden afgelopen jaar, namelijk vernieuwing. Net als Windows en Apple besloten er meerdere bekende merken hun vormgeving en logo s te vernieuwen. Door deze twee opvallende bewegingen begon ik me af te vragen in hoeverre de één de ander had beïnvloed. In hoeverre heeft de trend Flat Design invloed gehad op de logo-redesigns in 2013 van bekende merken? Om deze vraag goed te kunnen beantwoorden moest ik eerst de hoofdvraag compleet begrijpen en bij een goed onderzoek moet je ook nooit zomaar van dingen uitgaan. Op het internet hebben ze het telkens over de trend Flat Design, maar is Flat Design wel een trend? Wat is een trend precies? Deze vragen ben ik eerst gaan uitzoeken. Daarna ben ik gaan onderzoeken wat Flat Design inhoud. Wat zijn de kenmerken van Flat Design en waar komt het vandaan? Met deze informatie heb ik vervolgens een analyse gemaakt door de kenmerken van Flat Design te vergelijken met 10 logo-redesigns van wereldwijde bekende merken in 2013. In hoeverre heeft Flat Design invloed gehad op deze logo s? 6

Trends Men heeft het al snel over trends en ook Flat Design wordt op het internet een trend genoemd, maar is dit wel zo? Wat is een trend precies? Het woord trend(s) heeft vele definities en kan daarom al snel verwarring scheppen. Daarnaast wordt het vaak door elkaar gehaald met de termen mode (geen kleding), hype en rage. Daarom zocht ik de definitie van trend eerst op in de van Dale. Hierin staat: 1 Ontwikkelingslijn, met name het algemene verloop van statistische cijfers > neiging, richting, tendens. 2 Nieuwe mode, heersende toon De eerste definitie gaat meer over wetenschappelijke en economische zaken waarmee ze aangeven hoe het gaat met de daling of de stijging van de cijfers. Het gaat dus om de tweede definitie, maar wat houdt het precies in? Omdat ik op het internet verder geen duidelijke definitie kon vinden, dook ik de boeken in. In één van de boeken vond ik een definitie van Fons Maenhoudt, die al meer dan 10 jaar onderzoek doet naar trends. Een trend is een verandering in de houding ten opzichte van het bestaande en het algemeen aanvaarde binnen de eigen omgeving. Verder zegt hij dat het niet om een product gaat, maar om iets wat zich veelal onzichtbaar op de achtergrond houdt en verschillende producten beïnvloed. Een product is dus meer een uiting van één of meerdere trends. In de praktijk noemen we deze producten echter vaak trends, omdat de achterliggende trends vaak moeilijker waar te nemen zijn. Verder hebben trends altijd een tegen trend. Met deze informatie kon ik nog steeds niet zeggen of Flat Design een trend is en wat een trend daadwerkelijk was. Daarom besloot ik de hoorcolleges van het vak Trends & Brands uit de specialisatie Concept te bekijken. Hierin vond ik de kenmerken van de definities trend, mode, hype en rage die ik in een tabel heb weergegeven. 7

Trend Mode Hype Rage Eigenschappen Veranderd normen en waarden Iets nieuws uit iets ouds Een groep op hol geslagen Er bij willen horen Waarde Creëert meerwaarde voor de maatschappij Economisch fenomeen Niet te ontkomen Kortdurende schaarste Invloed Impact op de toekomst Tijdelijk Kort en intens Totdat iedereen het heeft Vorm Lange golf Ritmisch/cyclisch Eenmalig Kortdurende vraag Life cycle Als we dit tabel bekijken zijn er grote verschillen te zien tussen deze termen. - Een rage is een kortdurende vraag naar iets. Denk aan vroeger op het schoolplein met knikkers, jojo s en flippo s. Het is in tot iedereen het heeft. - Een hype is vaak een door de media opgeklopte sensatie Denk hierbij aan het programma Idols of Sudoku. Niemand ontkomt hieraan, ookal volg je de hype niet. Daarnaast is het vaak kort en intens en is het eenmalig. - Een mode, wat niet te verwarren is met fashion, is iets nieuws uit iets ouds..het is al eerder geweest en komt elke keer weer terug. Vaak vernieuwd en aangepast aan de nieuwe technologie, maar altijd tijdelijk. Hierbij kun je denken aan de mode retro van een paar jaar geleden. Je had toen retro fietsen, radio s, meubelen, kleding, allemaal gebasseerd op de jaren 60. - Een trend veranderd normen en waarden en komt voort uit vraag en behoefte van de mens. Een voorbeeld van een trend is Do it yourself, een reactie op de economische crisis. Tutorials, Apps en bouwpakketen om alles zelf te maken en te doen. Het creëert vaak een meerwaarde voor de maatschappij. Het groeit langzaam, blijft dan een tijd en neemt dan langzaam af. Een hype, rage of mode laat, als ze zijn verdwenen, geen sporen na. Een trend echter, laat wel zijn sporen na, omdat het een verandering heeft veroorzaakt in de maatschappij. Als we deze termen en kenmerken gaan vergelijken met Flat Design, dan kunnen we inderdaad stellen dat het een trend is. Het bestaat namelijk voor alle andere termen veel te lang. Daarnaast heeft het nooit eerder bestaan dus kunnen we niet spreken van een mode. Het is geen sensatie bij het grote publiek en dus geen hype en ook niet opeens opkomen zetten, waar iedereen vervolgens bij wil horen. De kenmerken van een rage. 8

Nu we hebben vastgesteld dat Flat Design een trend is kunnen we kijken naar wat voor soort trend het is. Trends zijn in drie verschillende niveaus te verdelen, oftewel de trendpiramide. microtrend 0 tot 5 jaar mesotrend 5 tot 10 jaar megatrend 10 tot 30 jaar markttrend consumententrend maatschappelijke trend - Megatrend: Dit is op maatschappelijk niveau. Voorbeeld is vergrijzing, digitalisering, individualisering. Niet persé voor iedereen belangrijk. Levensduur 10-30 jaar. - Mesotrend: Dit is op consument niveau. De consument staat hier centraal en het creëert een behoefte. Voorbeeld is de algemene behoefte aan vermaak of toegankelijkheid van informatie. Het spotten van deze trends is het werk van trendspotters, zodat bedrijven hierop in kunnen spelen. Levensduur 5-10 jaar - Microtrend: Dit is op markt/product niveau en is beantwoord de behoefte van de consumenten. Levensduur 0-5 jaar. Bij Flat Design gaat het duidelijk om een Microtrend, een trend op markt/product niveau. Dit kan voortvloeien uit de Mesotrend om terug te gaan naar de basis of helder en duidelijkheid. Behoefte om het overzichtelijk en begrijpbaar te hebben. Dit kan een reactie zijn op Megatrends information overload, digitalisering of op de chaos van de economische crisis. Het is soms moeilijk terug te brengen door welke trends het is beïnvloed, omdat het ook vaak meerdere trends zijn. Daarnaast kan het ook nog een reactie zijn op een andere trend, namelijk een de tegen trend. 9

Flat design Waar komt Flat design vandaan? Hoe een trend is ontstaan is dus vaak giswerk waarbij er vaak ook meerdere antwoorden mogelijk zijn. Over de herkomst van Flat Design zijn er op het internet een aantal theorieën te vinden van zowel aanhangers als tegenstanders van deze trend. Één theorie is er één die ik al eerder noemde, namelijk dat Flat Design een reactie of oplossing is voor information overload en de chaos van de economische crisis. Mensen zijn er daardoor aan toe om het simpeler en overzichtelijker te hebben. Flat Design is door zijn platheid en basisvormen en goede oplossing. Een andere theorie is dat het een ontwikkeling is van eerdere kunststromingen en kunstenaars, maar nu op digitaal vlak. Hierbij wordt de Stijl, Bauhaus en Swiss Style genoemd. Natuurlijk zitten hier overeenkomsten in qua strakke en hoekige vormen en schreefloze letters. Een interessante theorie en logische theorie. In deze tijd kun je bijna nooit zeggen dat iets helemaal nieuw is, het is namelijk altijd gebaseerd op andere dingen. En dan de theorie die ik het meeste ben tegen gekomen. De theorie dat Flat Design een tegenreactie is op Skeuomorphism. Skeuomorphism is kort gezegd de gewoonte om een fysiek object te imiteren. Apple stond enorm bekend om deze methode voordat ze ios 7 uitbrachten. De notitie-app bestond uit een ringband wat zo realistisch mogelijk was ontworpen en boeken die je in de ibookstore had gekocht werden in een houten boekenkast geplaatst. Je zou dus kunnen zeggen dat dit de tegen trend is van Flat Design. Persoonlijk denk ik dat het een combinatie is van deze theoriëen. Wat zijn de kernmerken van Flat Design? Maar wat is Flat Design nu precies? Wat zijn de kernmerken van deze trend, waar moet het aan voldoen? Toen ik dit ging uitzoeken, kwam ik al snel een aantal artikelen op verschillende blogs tegen die uitleggen hoe je Flat Design moet toepassen. Ik heb deze kenmerken uit de artikelen, samen met mijn eigen observaties hieronder op een rij gezet. - Geen toegevoegde effecten De naam zegt het eigenlijk al. Flat Design maakt gebruik van een tweedimensionale stijl, oftewel plat. Het werkt zonder enige toevoegen als slagschaduwen, schuine randen, verloopjes of andere hulpmiddelen om diepte toe te voegen. Elk element is helder en strak. Er wordt dus geen illusie geschept van diepte. - Simpele elementen Flat Designs bestaan vaak uit simpele basis vormen, zoals driehoeken, cirkels of vierkanten. Daarnaast hebben deze vormen vaak veel ruimte of staan op zichzelf. Ze kunnen perfecte hoeken hebben of ronde krommingen. Simpele elementen moet niet verward worden met simpel ontwerpen. Flat Design kan even gecompliceerd zijn als elke andere stijl. 10

- Kleur Omdat het qua vormen heel strak en helder blijft is kleur een belangrijk element bij Flat Design. Er worden vaak veel en hele heldere kleuren gebruikt. Binnen de elementen wordt er veel gebruik gemaakt van verschillende tinten als vervanging voor dieptes. Naast heldere primaire en secondaire kleuren, zijn ook de retro kleuren heel populair binnen Flat Design. Zwart wordt vak vermeden bij Flat Design, omdat het te contrastrerend is met het kleur. - Typografie De typografie is erg belangrijk binnen Flat Design. Het soort typografie moet namelijk wel passen bij de simpele en strakke uitstraling van Flat Design. Het lettertype zou dus ook een heldere en simpele uitstraling moeten hebben. Er wordt daarom vaak gebruik gemaakt van een simpele schreefloze lettertype met een grote letterfamilie. - Minimalisme Flat Design is niet bij voorbaat minimalistisch, maar het komt wel beter tot zijn recht als het gehele design zich houdt aan dat concept. Dit houdt in dat je alles weg laat wat er weggelaten kan worden. Soms is alleen kleur en tekst al genoeg. Toch kan het ook goed gecombineerd worden met fotografie. De fotografie is vaak wel ruim en rustig van aard. Naast Flat Design, met zijn eerder genoemde kenmerken, wordt er ook veel gesproken over Almost Flat Design. Toen ik ging uitzoeken wat dat precies was, wat het eigenlijk gewoon hetzelfde als Flat Design. Er wordt hierbij alleen flexibeler omgegaan met het eerste kenmerk geen toegevoegde effecten. Ontwerpers kiezen hierbij vaak 1 of twee effecten die dan consistent gebruikt in het voor de rest platte ontwerp. Het wordt vooral voor buttons gebruikt, om het toch wat meer diepte te geven. Waarom gebruik maken van Flat Design? De voorstanders van Flat Design vinden het er mooi en strak uitzien en houden van deze moderne uitstraling, tegenstanders vinden het juist weer lelijk en saai. Over smaak valt niet te twisten dus die redenen zijn puur persoonlijk. Het heeft binnen de webdesign en interface wereld echter wel een aantal voordelen. Zo wordt het als gebruiksvriendelijk gebruikt. Er zijn namelijk geen afleidende elementen waardoor de gebruiker zich beter kan richten op de content. Door de komst responsive websites is het heel belangrijk dat webdesigns in alle formaten goed te zien en te lezen valt. Flat Design is daar ook erg geschikt voor. Het is makkelijk verschaalbaar waarbij de content nog steeds duidelijk zichtbaar blijft. Daarnaast was de reden voor realistische vormgeving om het digitale tijdperk wat makkelijker te maken voor de gebruikers. Op die manier konden ze de applicaties en mogelijkheden beter koppelen aan de echte wereld. Inmiddels zijn we allemaal gewend aan deze nieuwe vorm van leven en hebben we die link met zijn hulpstukken niet meer nodig. 11

Analyse Nu duidelijk is wat Flat Design is kan ik mijn onderzoeksvraag gaan beanwoorden doormiddel van een analyse. In hoeverre heeft de trend Flat Design invloed gehad op logo-redesigns van bekende merken in 2013? De analyse bestaat uit een vergelijking van de 10 logo s en de vijf eerder genoemde kenmerken van Flat Design. De logo s zijn aan de hand van de volgende punten gekozen. Het moesten redesign logo s zijn uit 2013, omdat de trend Flat Design in dit jaar echt als trend werd beschouwd en dus volop aanwezig was. Het moesten logo s zijn waar het meeste over geschreven was op het internet en logo s van wereldwijde bekende merken. De vijf kenmerken waarmee ik de logo s ga vergelijken zijn: - Geen toegevoegde effecten - Simpele elementen - Kleur - Typografie - Minimalisme Om een duidelijk antwoord te krijgen heb ik vijf niveaus van beïnvloeding bedacht waar een logo aan kan vorldoen. De niveuas van beïnvloeding zijn: - Helemaal - Heel veel - Veel - Beetje - Niet 12

Google Het logo waar denk ik het meest over gesproken is dit jaar is het logo van Google. Google veranderde begin september 2013 officieel zijn logo op de homepage. Maar er waren daarvoor al vele geruchte gaande. Het logo was namelijk al opgedoken op het internet en hierdoor werd er al volop gespeculeerd en beoordeeld voor dat het logo überhaupt veranderd was. Niveau invloed: Heel erg - Geen toegevoegde effecten Daar voldoet dit logo zeker aan. Met deze laatste redesign, is er geen effect meer over. - Simpele elementen N.V.T. - Kleur De kleuren kloppen met de beschrijving van flatdesign, ook al heeft Google deze niet veranderd. Het zijn primaire kleuren en springen uit de witte achtergrond. - Typografie De typografie van het woord Google is onveranderd en is een schreefletter. Dit is dus niet zoals het bij Flat Design zou moeten. Google maakt echter ook gebruik van ondertitels, wat wel schreefloze letters zijn. Google.nl heeft bijvoorbeeld Nederland onder het logo staan. - Minimalisme Google is wel bekend om zijn minimalistische aanpak in vormgeving en ik denk dat je dit ook terug ziet in het logo. Het is een ruimtelijk lettertype en er zit ook veel ruimte om de letters zelf. Door de weggehaalde schaduwen komt dat nu nog meer tot zijn recht. Oude logo Nieuwe logo 13

Yahoo! Niet alleen Google was een veel besproken zoekmachine die zijn logo veranderde in september. Yahoo veranderde in dezelfde maand zijn logo en dat bleef niet onopgemerkt. Yahoo hield een maand voor hun officiële redesign een campagne. Dit was de 30 days of change campaign waarbij ze elke dag een ander logo onthulde. Ze waren allemaal al wel paars, maar er werd behoorlijk geëxperimenteerd met de lettertypes. Uiteindelijk was er over het uiteindelijke logo veel kritiek. In de campagne zat namelijk een ander logo wat tot favoriet was uitgeroepen door de mensen en dit nieuwe logo vonden ze lelijk. Niveau invloed: Niet - Geen toegevoegde effecten Yahoo heeft er juist voor gekozen om schaduwen toe te voegen. Het is dan niet echt een drop shadow en blijft strak door de strakke lijnen, maar zorgt zeker voor de 3D effect. - Simpele elementen N.V.T. - Kleur Er zit kleur in het logo, namelijk paars/blauw, maar ook zwart. Zwart is een kleur die je niet veel ziet bij Flat Design, dus ook op dit punt zijn ze niet beïnvloed door deze trend. - Typografie Ze hebben wel gekozen voor een schreefloze letter, maar er zit wel een dikte verschil in de letters zelf. De verticale strepen zijn bijvoorbeeld dunner dan de horizontale strepen en ook bij de o s is het duidelijk te zien. Ik zie dit niet als een typische lettertype voor Flat Design. - Minimalisme Bij minimalisme denk ik aan rust, ruimte en geen fratsen. Ik vind het Yahoo logo met zijn schuine uitroepteken en verschillende lettergroten daar niet bij passen. Oude logo Nieuwe logo 14

BiNg Nog een zoekmachine die in dezelfde maand zijn logo veranderde was Bing. Na de redesign van Microsoft kregen al zijn merken een nieuw logo, zodat het een eenheid zou vormen. Het was dus te verwachten dat Bing ook een nieuw logo kreeg. Het heeft nu hetzelfde lettertype als alle andere merken van Microsoft en het heeft de kleur geel gekregen uit het logo van Microsoft. Niveau invloed: Heel veel - Helemaal - geen toegevoegde effecten Het is wel duidelijk dat er geen effecten zijn toegevoegd aan dit logo. - simpele elementen Het nieuwe logo heeft een beeldmerk gekregen dat gebaseerd is op de eerste letter van het merk. Het is een hoekig en strak element zonder bollingen of rondingen. Op gebouwd uit de basisvorm van een driehoek. strak en simpel. Past goed bij dit kenmerk van Flat Design. - kleur Een heldere primaire kleur dat opvalt tegen de achtergrond. zeker een goede Flat Design kleur. - Typografie Een strakke en dunne schreefloze letter. Een lettertype die uitstekend past bij de beschrijving van dit kenmerk, dus ook hier zie je de invloed duidelijk terug. - Minimalisme Het is allemaal één kleur en er zit genoeg ruimte tussen het beeldmerk en het woordmerk. Ook het woordmerk geeft licht de illusie dat het een gevouwen lint is, maar dat word niet versterkt door andere tinten of lijnen. ik kan dit zeker beschouwen als een minimalistisch logo. Oude logo Nieuwe logo 15

Firefox Er waren ook een paar redesigns dit jaar, die ik zelf niet had opgemerkt. Gelukkig hadden de bloggers het wel al snel door en werden het aan het eind van het jaar alsnog veel besproken redesigns. Één hiervan was Firefox, die in juni zijn nieuwe logo bekend maakte. Niveau invloed: Niet - Beetje - Geen toegevoegde effecten In het nieuwe logo zitten nog steeds speciale effecten, maar als je dit vergelijkt met het oude logo is dat een stuk minder en subtieler. Je ziet hierdoor dat Firefox wel degelijk beïnvloed is door de simplicity van Flat Design, maar wel dicht bij het oude logo wilt blijven. De harde schaduwen in de rug van de vos zijn vervangen door een subtielere gradiënt en ook de glow op de wereldbol is verwijderd. - Simpele elementen De elementen van het logo zijn nog altijd heel complex, maar in vergelijking met het oude logo zeker versimpeld. De staart heeft veel minder details en ook de rug van de vos is niet meer zo gedetailleerd. Ook de wereldbol is wat abstracter geworden als je kijkt naar de landen en de tinten van het blauw. Dus nog steeds geen Flat Design, maar zeker beïnvloed door het te versimpelen. - Kleur De kleuren zijn goede flatdesign kleuren. Oranje tegen het blauw aan is een goed contrast. Natuurlijk was dit al in het oude logo, maar het is zeker een Flat Design kenmerk. - Typografie N.V.T. - Minimalisme Ik kan dit logo niet beschouwen als een minimalistisch logo. Het heeft daarvoor nog te veel details. Oude logo Nieuwe logo 16

Spotify Een ander logo waarvan ik het zelf niet had opgemerkt, is het logo van Spotify. Wat eigenlijk heel raar is, aangezien het een behoorlijke make-over heeft gehad. Ik was waarschijnlijk allang blij was dat ik het oude logo mocht vergeten, omdat ik die persoonlijk zo lelijk vond. Ze veranderde hun logo in april. Niveau invloed: Beetje - Geen toegevoegde effecten Als je goed kijkt naar het logo, kun je een licht verloopje zien in de groene cirkel. Dit zorgt toch voor een licht 3D effect. - Simpele elementen Simpeler kan bijna niet. Een cirkel met drie identieke boog jes die enkel verschaalt zijn. Ik denk dat dit zeker tot Flat Design kan worden gerekend. - Kleur De kleur groen is fris en opvallend. Een goede kleur voor Flat Design. De tekst daarentegen is zwart. Dit is minder gebruikelijk binnen Flat Design en daardoor geeft het ook geen Flat Design gevoel. - Typografie Typografie is veranderd van schreef naar schreefloos. Dit is zeker een goed Flat Design punt. Daarnaast is de o ook op een gelijke hoogte gezet als de rest. Simpel en strak. - Minimalisme Het woordmerk is zeker versimpeld vergeleken met het oude logo. Er zit geen lijn meer omheen en de signaal boog jes staan enkel nog in de cirkel. Ik denk wel dat er meer ruimte tussen de letter had gemogen om het ruimtelijker te maken. Oude logo Nieuwe logo 17

Facebook Facebook veranderde zijn logo in april en later in het jaar kondigde het meerdere veranderingen aan in de vormgeving van het social media platform. Dit zorgde voor veel ophef op het internet, waardoor de verandering in het logo ook veel besproken werd. Niveau invloed: Heel veel - Helemaal - Geen toegevoegde effecten Het nieuwe logo van Facebook heeft net als het vorige logo geen enkel effect. - Simpele elementen Het vorige logo was al simpel, maar door het balkje weg te halen kan het bijna niet simpeler dan dit. Een witte F in een vierkant met rondehoeken. - Kleur Deze kleur blauw is natuurlijk het signatuur blauw van Facebook en zal daarom ook niet zo snel veranderd worden. Het is een beetje grauwig en bijna retro wat ook een kenmerk is van Flat Design. - Typografie Facebook heeft een hele strakke en slanke schreefloze typografie en is perfect voor Flat Design. - Minimalisme Door de enkel twee simpele elementen te gebruikten kan het bijna niet minimalistischer Oude logo Nieuwe logo 18

Instagram Instagram, bekend om zijn sierlijke script letters, kwam in mei 2013 met een redesigned logo. Het was een subtiele verandering, wat dicht bij het merk bleef. Niveau invloed: Beetje - Geen toegevoegde effecten Het nieuwe logo van Instragram heeft net als het geen enkele effecten. - Simpele elementen N.V.T. - Kleur Net als Facebook heeft Instagram een oud blauwe kleur. Het oude logo was zwart, waardoor ze met deze kleur verandering toch een stapje in de richting van Flat Design zijn gegaan. - Typografie Het nieuwe logo heeft een ander lettertype gekregen dan het oude logo. Het is strakker, minder rommelig en elke letter, behalve de i, is nu aan elkaar verbonden. Het is nu meer één geheel. Het is natuurlijk geen strakke schreefloze letter van de trend Flat Design. Hierbij zijn ze dicht bij hun oude logo gebleven om dezelfde look en feel te behouden. - Minimalisme Alleen tekst is natuurlijk heel minimalistisch. Doordat het lettertype nu ook strakker is oogt het een stuk rustiger en ruimer dan het vorige logo. Een script letter maakt het altijd wat drukker dan een strakke schreefloze letter. Oude logo Nieuwe logo 19

MOTOROLA Dan waren er ook nog een aantal merken die een hele drastische verandering zijn ondergaan. Een goed voorbeeld hiervan is Motorola. Motorola is een merk wat onderdeel is van Google. Na de redesign van Google kon het natuurlijk niet lang duren dan zijn merken ook een make-over zouden krijgen. In juni onthulde Motorola het nieuwe logo, wat totaal anders was dan het vorige logo. Niveau invloed: Heel veel - Helemaal - Geen toegevoegde effecten Net als het Google logo, zijn ook hier geen effecten toegevoegd. Het zijn strakke vlakken zonder diepte. - Simpele elementen Het is nog steeds een cirkel met een m erin. De cirkel bestaat nu alleen uit een rand met verschillende vlakjes. Behoorlijke simpele elementen die zeker passen bij Flat Design. - Kleur Er worden erg veel verschillende kleuren en gebruikt in de cirkel van het logo. Omdat ze op kleur zijn gesorteerd blijft het enigszins rustig over komen. De kleuren en het aantal kleuren is een kenmerk van Flat Design en klopt dus helemaal. Ook de kleur grijs, die we ook hebben gezien bij het logo van Google, is een goede vervanging van het harde zwart. Dit zorgt voor een zachtere uitstraling. - Typografie Niet alleen het beeldmerk, maar ook de typografie is drastisch veranderd. Zo had het eerst een dikke, schuine kapitaal letter en nu een lichte en een dunne letter. Perfect voor Flat Design. - Minimalisme De vele kleuren maken het misschien wat drukker. Als het één kleur was geweest, was het vast een stuk minimalistische geweest. Maar de ruimte in het beeldmerk en tussen het beeldmerk en het woordmerk, maakt het toch erg open en minimalistisch. Oude logo Nieuwe logo 20

AMERiCAN AiRLiNEs Een logo waar ontzettend veel over is gesproken, maar niet op een goede manier, is die van American Airlines. American Airlines was een van de eerste redesigns in 2013. in januari presenteerde zij het nieuwe logo aan de wereld en dat werd niet door iedereen goed ontvangen. Of het nu wel of geen goede redesign is verschillende de meningen over, maar is het beïnvloed door de trend Flat Design? Niveau invloed: Niet - Beetje - geen toegevoegde effecten Het nieuwe logo heeft behoorlijk veel effecten die een 3D gevoel geven aan het logo. Het is dus duidelijk dat dit niet tot Flat Design behoort. - simpele elementen De vormen en elementen zijn behoorlijk strak en simpel. Er zijn geen kleine details en het bestaat eigenlijk maar uit twee vormen. Dit is zou dus een element van Flat Design kunnen zijn. - kleur Het zijn maar drie kleuren die hierin gebruikt worden, blauw, wit en rood. Het zijn primaire kleuren en daarmee dus ook geschikte kleuren voor Flat Design, maar alle kleuren bestaan uit een verloop en daarmee is het dus geen Flat Design kenmerk. - Typografie De typografie zou wel heel geschikt zijn voor een Flat Design ontwerp. Het is een strakke en een dunne schreefloze letter. - Minimalisme ik vind het logo wel minimalistisch. Het is enkel tekst met daarachter het simpele beeldmerk. Het oogt ruimtelijk en rustig. Oude logo Nieuwe logo 21

PHILIPS Het laatste logo is Philips. Een opvallende redesign vanwege de terugkeer naar het oude logo. Dit presenteerde ze in november. Niveau invloed: Veel - Geen toegevoegde effecten Het logo heeft geen speciale effecten en is dus helemaal plat - Simpele elementen Het schild met de open cirkel zijn twee hele simpele elementen opgebouwd uit basis figuren. De elementen in de cirkel zijn wat complexer, maar beschouw ik nog steeds als simpele elementen. Eigenlijk zijn het maar twee elementen die herhaalt worden. Ik denk dat deze elementen minder voldoen aan dit kenmerk van Flat Design, dan de twee hoofd elementen. - Kleur Het is de kleur blauw die we van Philips gewend zijn. Een heldere primaire kleur die hoort bij dit kenmerk van Flat Design - Typografie Ook de typografie heeft Philips behouden. Een strakke schreefloze letter wat zeker geschikt is voor een Flat Design ontwerp. - Minimalisme De sterren en golven maken het logo wel wat drukker, maar omdat het binnen de witte cirkel blijft is het niet te druk. Het kan zeker minimalistischer. Oude logo Nieuwe logo 22

Conclusie Na dit onderzoek kan ik met zekerheid zeggen dat Flat Design een serieuze trend is binnen de vormgeef wereld. Niet alleen op het gebied van webdesign en interfaces speelt het een grote rol, maar nu ook in de ontwerpen van de logo s. Je ziet in de logo redesigns van 2013 duidelijk de invloed van de trend Flat Design terug, maar er zit zeker nog veel verschil in de hoeveelheid van deze invloed. Vele merken hebben toch gekozen om kleine aanpassingen te doen om meer richting de kenmerken van deze trend te komen. Op het internet noemen ze dit met een bulldozer over het oude logo gaan. Dit betekend dat de typografie en de kleur vaak behouden wordt, waardoor de typografie niet altijd past bij de schreefloze typografie die bij Flat Design hoort. Ook was het voor sommige merken een te grote stap naar Flat Design. Een goed voorbeeld is Firefox. Zij kozen er voor om hun effecten te verminderen, maar om niet helemaal de dieptes en verloopjes te verliezen, omdat dit te ver af stond van het oude logo. Het is zeker belangrijk om als CMD er op de hoogte te zijn van trends binnen je vakgebied en er ook zeker op in te spelen, maar het moet wel bij het project passen. In sommige gevallen zal een trend te ver van een merk afstaan en dan is het wel belangrijk dat je dat inziet en respecteert. Je kunt dus niet overal dezelfde designtrend gaan toepassen. Daarnaast kan het ook van belang zijn om trends van aanliggende vakgebieden in de gaten te houden. Trends hebben namelijk vaak de neiging om over te vloeien naar andere gebieden, zoals we dat hier ook zien met de logo ontwerpen. 23

Bronnen introductie http://nl.wikipedia.org/wiki/ios_7 http://nl.wikipedia.org/wiki/windows_8 http://www.fastcodesign.com/1670705/microsoft-new-design-strategy#2 http://abduzeedo.com/design-trends-2013-flat-and-minimal http://www.emerce.nl/cases/flat-design-geen-trend-must http://www.smashingmagazine.com/2013/09/03/flat-and-thin-are-in/ http://www.creativebloq.com/design/flat-design-11135360 http://www.creativebloq.com/design/trend-predictions-2013-11121414 http://www.creativebloq.com/logo-design/minimalist-logos-5132692 Trend Meanhoudt, F - Trends in de toekomst (1e druk, 2009) https://cursussen.sharepoint.hu.nl/fcj/97/jde-trendw.3v/powerpoints/t%20en%20b%20les%202%20. pdf http://www.fcsprint2.nl/opendir/ddrive_psienm/informatie_over_trends.pdf http://vistaproductions-inholland.blogspot.nl/p/groepsdeel-wat-is-een-trend.html http://www.trendsverklaard.nl/illus/mhr0204n11.pdf Flatdesign http://www.frappant.com/de-designtrend-van-2013-kan-het-nog-platter.aspx?nl-3-528 http://www.webdesignerdepot.com/2013/09/the-ultimate-guide-to-flat-design/ http://gizmodo.com/what-is-flat-design-508963228 http://www.creativebloq.com/graphic-design/what-flat-design-3132112 http://www.awwwards.com/flat-design-an-in-depth-look.html http://www.hyperarts.com/blog/the-life-and-times-of-flat-design/ http://www.1stwebdesigner.com/design/flat-design-principles/ http://designmodo.com/flat-design-principles/ http://colorlib.com/wp/2013/flat-logo-design-inspiration/ http://www.webinsation.com/flat-design-trend-or-revolution/ http://www.1stwebdesigner.com/design/flat-design-principles/ http://www.queness.com/post/14037/flat-design-is-in-should-you-get-in-on-the-trenda http://techsamurais.com/?p=1232 Analyse http://stocklogos.com/topic/top-10-most-successful-logo-redesigns-2013 http://thenextweb.com/dd/2013/09/05/9-major-logo-redesigns/#!rs2wr http://designtaxi.com/news/362781/top-10-most-talked-about-logo-redesigns-of-2013/ http://www.creativebloq.com/graphic-design/20-biggest-logo-redesigns-2013-121310165 http://www.youthedesigner.com/2013/12/14/15-popular-logo-redesigns-and-makeovers-in-2013/ http://www.businessinsider.com/best-corporate-logo-changes-of-2013-2013-12?op=1 24

Merken google http://www.fastcodesign.com/3017047/googles-new-flatter-logo-has-been-14-years-in-the-making http://www.theverge.com/2013/9/19/4749330/google-reveals-new-logo-redesigned-navigation-bar http://www.independent.co.uk/life-style/gadgets-and-tech/news/google-redesigns-its-logo-and-homepage-8829110.html bing http://www.theverge.com/2013/9/17/4737390/new-bing-logo-design-features-screenshots http://techcrunch.com/2013/09/17/bing-reveals-its-redesign-and-latest-improvements/ Yahoo http://www.fastcodesign.com/3016853/how-yahoos-clown-logo-finally-grew-up http://theweek.com/article/index/249175/yahoos-redesigned-logo-what-the-internet-is-saying http://www.forbes.com/sites/roberthof/2013/09/05/yahoos-new-logo-fails-to-impress-but-people-aretalking-about-it/ Firefox http://www.mkels.com/reviews/firefox-logo-redesign.html https://blog.mozilla.org/creative/2013/06/27/a-new-firefox-logo-for-a-new-firefox-era/ Spotify http://www.theverge.com/2013/3/28/4157210/spotify-debuts-new-logo-serious-redesign http://gizmodo.com/5995060/how-spotify-got-itself-a-new-logo http://www.creativebloq.com/logo-design/spotify-flat-3132227 Facebook http://techcrunch.com/2013/04/19/facebook-goes-flat/ http://gizmodo.com/5995099/facebooks-new-logo-takes-flat-and-simple-to-the-extreme Instagram http://thenextweb.com/dd/2013/05/02/instagram-redesigns-its-script-logotype-with-a-cleaner-look-hesan-inside-look/#!sunut Motorola http://designtaxi.com/news/358809/motorola-unveils-new-logo-inspired-by-google/ http://www.creativebloq.com/logo-design/google-gives-motorola-new-logo-6133398 American Airlines http://designshack.net/articles/graphics/check-out-the-new-american-airlines-logo/ Philips http://www.marketingtribune.nl/design/nieuws/2013/11/philips-presenteert-schildembleem-anno-nu/ index.xml 25

Reflectie Het was de tweede keer dat ik dit vak volgde, vanwege mijn tweede specialisatie. Mijn eerste seminar was erg goed gegaan en daarbij had ik een heel leuk onderwerp voor gevonden. Ik had toen heel erg het gevoel dat het een beetje vanzelf ging. Nu moest ik het voor de tweede keer doen en het voelde een beetje als een wedstrijd met mezelf. Het is altijd moeilijk om het voor een tweede keer even goed te doen, vooral omdat het nu een ander onderzoek betreft. Ook het onderwerp kiezen ging voor mijn gevoel moeizamer dan vorig jaar. Ik bleef in het begin te veel vergelijken met mijn onderzoek van vorig jaar, waardoor ik er niet echt uitkwam. Uiteindelijk heb ik dit toch los kunnen laten en ben ik verder gaan kijken naar wat me interesseerde en wat ik wilde onderzoeken. Tijdens mijn stage had ik veel nieuwe dingen geleerd en ben ik heel erg bezig geweest met logo s, waardoor dat een nieuw interessen gebied is geworden van mij. Ook ben ik tijdens mijn specialisatie bezig geweest met design trends en met name Flat Design. Het duurde even voordat ik deze link had gelegd en voordat ik tot een goede ondersvraag was gekomen. Een ander obstakel tijdens het proces waren de deelvragen en de manier van onderzoek. Ik merkte, gelukkig optijd, dat ik met mijn eerste opgestelde deelvragen en de gekozen manier van onderzoek mijn onderzoeksvraag niet goed kon beantwoorden. Dit is iets wat ik in de toekomst van af het begin beter in de gate ga houden, want je verliest veel tijd als je dit constant gaat wijzigen. Ik ben erg tevreden met het eindresultaat van mijn onderzoek, vooral omdat ik nog nooit op deze manier mijn onderzoek heb gedaan. Een zelf gecreëerde analyse zorgt voor een uitkomst die je niet op internet of in boeken vindt. Ook denk ik dat dit van belang is voor CMD ers, gezien we tijdens onze studie veel te maken hebben met merken, huisstijlen en trends. De belangrijkste leerpunten uit mijn hoorcollege voor het publiek zijn: - Wat een trend is - Dat trends zich kunnen verspreiden naar andere vakgebieden - Dat je een populaire trend niet voor elk project geschikt is 26