DESIGNBIBLE 1
De websites van de sportbonden
Kleuren Beeld
2 Design Tekenstijlen Trends
3
Storytelling websites
Websites die inspiratie vormen voor de vorm waarin ik de infographic moet gaan maken en het belang van storytelling
4 Visuele families (inspiratie)
Afbeeldingroepen die inspiratie zullen bieden voor mijn vorm geving. Flat Design Background
Beroepsproduct Onderzoek NDD periode 1 2014 Eva ten Bosch Specialisatie Visual student nr: 1602747
STARTPAGINA’S STIJLONDERZOEK
Kleuren Als je naar alle homepages van de 8 grootste en bekendste sportbonden kijkt die zijn aangesloten bij NOC*NSF samen met de 3 namen van sportbonden die zij aan ons hebben gegeven om te contacteren is wat opvalt in kleuren meteen dat wit, oranje en blauw ontzettend naar voren springen. Ook op basis van andere websites die ik heb gezien met betrekking tot sport kun je zeggen dat dit dus de kenmerkende kleuren zijn voor nederland met betrekking tot sport. groen, rood en geel volgen nog in deze genoemde volgorden, maar zijn in verhouding tot eerder genoemde kleuren aanzienlijk minder aanwezig.
Overeenkomsten in beeld
Sites zijn opgebouwd als standaard websites. Basis blokjes en vakjes, flat design, weinig afbeeldingen en toch over algemeen eerste indruk vaak vrij druk met alle vakjes en teksten. De sites willen meteen veel informatie overbrengen “kijk dit hebben wij allemaal” en dan te beginnen meestal bij het nieuws op de home page. De afbeeldingen die te zien zijn bestaan uit teamfoto’s en actie foto’s. altijd in de contecst van de sport met outfit en atributen en, heel belangrijk, blije en positieve gezichten. Uitzondering hierop is de site van de KNVB. zij komen binnen met een foto en quote slid-show. pas als je naar onder schrolt kom je het verhaal tegen. ieder kopje is hier ondersteund met beeld. Dit sluit beter aan op de opmerkingen die tijdens de briefing zijn gegeven over dat ze in de sportwereld over het algemeen niet graag veel lezen. Ook onderzoek wijst uit dat de mens visueel is ingesteld en beeld ondersteuning vaak meer duidelijkheid en overzichtelijkheid geeft.
DESIGN TRENDS STIJLONDERZOEK
Logo’s trends uit 2014
http://blog.fidmdigitalarts.com/15-graphic-design-trends-2014logos/
Desing trends 2014 In 2014 is het gebruik van Flat Design binnen websites, apps en graphics met 200 procent gestegen. Het simplistische vervangt de overnodige tedails die voor drukte zorgen. Les is More. Grote valkken, scherpe lijnen, simpele vormen en patronen en heldere kleuren. Video wordt steeds meer gebruikt en geinfiltreerd binnen storytelling. populaire stijl voor video en animattie is steeds meer 3D motion. real-live idee dat voor een sterkere emotionele connectie zorgt Veel meer wordt er gebruik gemaakt van infographics om dingen uit te leggen. We krijgen steeds meer in de gaten dat beeld beter werkt dan tekst en passen dit steeds activer toe. Wat betreft typografie is nog steesds het ‘zelf geschreven’ lettertype populair. Daarnaast is ook het analoog en cheographic schrift in opkomst die hier weer tegen afsteekst met z’n blokkigheid en hoeken. http://www.creativebloq.com/design/visual-trends-2014-11410446 http://nl.pinterest.com/melissacales/2014-design-trends/ http://www.shutterstock.com/blog/infographic-shutterstocks-global-design-trends-2014?pl=10078-42119 http://99designs.com/designer-blog/2014/02/25/5-graphic-designtrends-watch-2014/
STORTELLING SITES DESIGNBIBLE
http://everylastdrop.co.uk/
interactieve flow en storytelling, onderwerp beweegt zich soepel door situaties zonder dat het centre verliest.
http://www.soleilnoir.net/believein/#/health
visuele stijl (flat) en webflow
http://cyclemon.com/
interactieve flow en webflow + visuele stijl
http://www.puma.com/mobium/
informatie punt systeem en klikken, onderwerp dat zich door div. beeld situaties heen beweegt.
http://boy-coy.com/#contact
overgang en tekst die later in beeld komt
http://nasaprospect.com/
Visuele/grafisch stijl en de manier waarop tekst in beeld word gebracht een voor een en beetje bij beetje op een rij
http://flashvhtml.com/
Het bewijs dat je met html5 tegenwoordig haast net zo veel kunt als met flash
Conclusie
Beweging kan maar hoeft niet. indien beweging absoluut niet te veel/te overheersend dat wordt te druk, het doel is namelijk om het geheel simpel en overzichtelijk te houden. Het geheel is in een stuk door te scrollen voor de grote lijnen, met klikken en knoppen op onderdelen (en evt. extra menu balk) wordt extra uitleg en informatie getoont Belangrijkste binnen 1 beeld staat in het midden en springt er duidelijk uit. Onderwerp/centre object valt op en blijft op zelfde manier centraal staan
Het belang van storytelling Storytelling is een belangrijke methode die een product of diens een extra demensie mee geeft. Mensen kopen nier meet zomaar een product of kijken ergens naar als er geen boodschap en verhaal achter zit. Een kloppend verhaal maakt groot verschil in de keus van de consument. Het moet aanspreken. Daarnaast zijn dingen die in een lopend verhaal zitten ook veel makkelijker te onthouden. Iedereen kent globaal wel het verhaal van roodkapje. Er is een volgorde van rood mutsje, mandje, oma, wolf jager. dit rijtje kun je nu onthouden omdat je het verhaal kent. maar als je het verhaal niet zou kennen zou het veel moeilijker zijn om het rijtje voorwerpen over lange tijd en in de jusite volgorde te onthouden.
DESIGNBIBLE
DESIGNBIBLE
DESIGNBIBLE