Skip to content

Instantly share code, notes, and snippets.

@thomasverleye
Created June 26, 2019 07:50
Show Gist options
  • Save thomasverleye/2d02d928479a9c36a8ce790794cda12c to your computer and use it in GitHub Desktop.
Save thomasverleye/2d02d928479a9c36a8ce790794cda12c to your computer and use it in GitHub Desktop.
BUMP Festival 2019

Bump Festival

bump-festival.be

De talks

Jina Anne(US) - Design Systems Advocate

Vroeger lead designer bij Salesforce en ondertussen Design systems lead bij Amazon.

Ze haalde aan hoe breed heb het begrip van een design system kan gaan want je hebt meerdere begrippen onder de term design systemen. Enkele voorbeelden:

Nasa Graphics Standards Manual

Salesforce - Lightning Design Systems

Filosofie & Community

Jina bracht ons ook de boodschap dat Design Systems meer zijn dan gewoon component libraries of handboeken. Het is ook heel belangrijk dat je een specifieke cultuur in meegeeft die alle werknemers begrijpen en met plezier gebruiken, deze eigenschap kan een Design System doen falen of slagen.

Failed design systems are due to a lack of unified vision, shared language and/or purpose.

Daarnaast heeft Jina meegewerkt aan een boek Design Systems Handbook en organiseert ze mee conferenties.

Daarnaast heeft ze de hele plot verklapt van de film "The Founder" over Mc Donalds. 🌝😢

Tips & Tricks om een design system te doen slagen

  • Definieer een soort van branding voor jouw design system. Wat maakt jouw system speciaal en wat is belangrijk in jouw system? Bij Jina was dit vb:

      1. Clarity 2. Efficiency 3. Consistency 4. Beauty
  • Geef deze karakteristieken ook een volgorde, een prioriteit. Dit zorgt ervoor dat je later makkelijk beslissingen kan nemen. Vb: een nieuw UI element introduceren dat meer clarity zal brengen en dat efficient is? of een huidig element kopiëren en consistent zijn?

    Focus on the individual

Mike Maloney

Mike is de Founder van Art&Graft, een animatiestudio in London. (Graft is iets North English voor Hard Work)

Toen hij studeerde als graphic designer maakte hij videoclips voor medestudenten die muziek maakten. Een van die videoclips werd heel hot op MTV en was basically een filmpje waarin er een kerel zichzelf zat drinkt in slowmotion en uiteindelijk overgeeft (Drinking for Britain). Dit was blijkbaar niet gepland maar ze hebben toch zo ingediend en er domweg succes mee geboekt.

Dat was zijn basis om verder te gaan spelen met digitale video bewerking en hij is al sinds het begin van video process programma's hiermee bezig.

Zijn projecten werden groter en de budgetten werden daardoor groter. Toen besloot om een klein bureautje op te richten en mensen in dienst te nemen. De nieuwe werknemers moeten telkens een ident filmpje van 30 secondes maken met steeds hetzelfde nummer en het logo moet op het eind komen.

Zijn manifesto:
  1. Make stuff you want to make

Ze doen wat ze graag doen en hopen dat er commerciëel werk aan hangt, meestal werkt dit voor hun.

Enkele leuke projecten:

Virgin

Funny sidenote 1: ze waren aan deze pitch bezig, hadden pas 2 dagen ervoor door dat ze tegen 10 andere bureau's moesten pitchen. Ze hebben dan uiteindelijk een pitch gemaakt waarvan ze dachten "Dit is zo gewaagd dat ze ons toch waarschijnlijk niet gaan kiezen". Hun idee ging over het feit dat er niemand echt kijkt naar de safety-instructions dus ze wilden een animatie maken over een kerel die zo op zijn gemak/ignortant is en niet naar de instructies kijkt.

Funny sidenote 2: ze wilden Richard Branson als leeuw animeren in de MGM leeuw compositie maar daarvoor kon je blijkbaar gesued worden dus hebben ze dat dan maar niet gedaan. Althans was Richard wel helemaal in de wolken om dit te doen.

Adult Swim Idents

TIJD VOOR EEN LEUK SPELLETJE

Koala Minogue

Stievie Panda

Seal Young

Bart Van de Wiele (Adobe)

Zoals elk jaar kwam onze vriend Bart Van de Wiele weer terug naar Bump. Ditmaal sprak hij over wat er allemaal nieuw was bij Adobe XD 👯🏻‍♂️

To sum it up real quick: Adobe XD is stepping up.

  • Design Systems (Beetje vergelijkbaar met libraries + symbols in Sketch of components in Figma)
  • Animerende high fidelity prototypes (beetje zoals Principle, maar dan zonder code)
  • Translate function
    • Mocht je je design in meerdere talen nodig hebben kan je de translation functie gebruiken en die vertaalt je design gewoon. Is niet 100% accuraat, maar mega sick toch.

Annie Atkins

(@Lotte Ik was hier 10 minuten te laat dus mocht jij hier nog wat info van hebben, that would be greeeeat)

Annie is een movie prop designer, dat klink fancier dan dat het soms is. Vaak moet ze ook kranten pagina's ontwerpen maar ook kaarten en allerhande prints. Het is vaak de bedoeling dat men niet op de props let.

Annie ontwerpt alles zoals het in het echt ontworpen zou worden. Moet ze brieven maken, dan worden deze handgeschreven, maar als er posters worden gemaakt die in 1880 ook met de letterpress gedrukt zouden worden, dan maakt ze deze met haar computer.

Ook een leuke fun fact is dat alles, maar dan ook alles, met een reden ontworpen wordt, zo zitten er vaak subliminal messages in films, of voorspellen de borden wat er zal gebeuren. (vb hieronder: walk do not run uit de film Bridge of Spies)

Walk, DO NOT RUN

Enkele leuke projecten:

Penny Dreadful

Penny DreadfulPenny DreadfulPenny Dreadful

Box trolls

Box trolls

Gerelateerde afbeelding

Grand Budapest Hotel

Funny notes:

  • Reserve props zijn essentieel, want vb. papier is fragiel en gaat snel kapot, of het kan zomaar zijn dat er iets verloren gaat. Ook is het belangrijk dat deze props 1/1 hetzelfde zijn, dit om continuity fouten te vermijden. Continuity fouten zijn fouten waar vb. de ene keer een plooitje in het hoekje van het papiertje zit en de andere keer niet, of misschien makkelijker uitgelegd, wanneer de karakter opeens z'n tattoo aan de andere kant heeft. Ook is het belangrijk om alles na te trekken (data etc)want film nerds letten echt op alle fouten
  • Ze heeft naamkaartjes opgezocht van fascistische leiders zoals Hitler en Himmler om het naamkaartje te ontwerpen van de bad guy uit de film.
  • De slechte kerning in de titel is de bedoeling, ze hebben hiervan inspiratie gehaald uit de echte wereld (vb de A is er eens van gevallen en iemand heeft het er weer schuin opgezet, dat gevoel willen ze bereiken)
  • De originele Mendl's boxen hebben een dubbele T in Patiserie, dit hebben ze moeten fixen met CGI 🤫

Afbeeldingsresultaat voor mendl patisserie two T

Grand Budapest HotelThe Grand Budapest Hotel

The Grand Budapest HotelGerelateerde afbeelding

Tina Touli

Enkele leuke projecten:

We are the next Generation - Manon Van Hoeckel

Nederlandse designer, focust vooral op "kunstzinnige conversation tools". Ze vindt dat de mensen te weinig met elkaar praten en door haar "kunstwerken" probeert ze de mensen weer met elkaar te laten converseren.

Embassy of the Undocumented

In Limbo Embassy

Het doel van dit project is om de drempel te verlagen om in contact te komen met de mensen die in het nieuws en in de kranten worden besproken: de asielzoekers zelf. Bij deze afbeelding zie je dat de ambassade afgebeeld staat met kleed. Een kleed wordt meestal gelinkt aan armoede, maar Manon wou dit linken met royalty en rijkdom.

Fun facts:

  • Ze kwamen enkele keren in aanraking met de politie omdat een ambassadeur een beroep is en asielzoekers niet mogen werken in Nederland. Ze hebben dit omzeild door er iets artistieks van te maken. De asielzoekers zijn acteurs die een ambassadeur spelen. Dit mag wel volgens de wet. #hackingthesystem

In Limbo Embassy ambassador

Boijmans van Beuningen Laundrette

Wanneer je je was deed bij BVB, mocht je gratis het museum in! De was doen is iets waarover iedereen kan meepraten, dus ontstonden er veel gesprekken. Ze had het apparaat ook zo ingewikkeld mogelijk gemaakt zodat de mensen wel moesten praten met elkaar ;)

img

Afbeeldingsresultaat voor boijmans van beuningen wassalon

Neil Mendoza

HELD met hardware

FOTO'S

Foto's

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment