Bekijk profielpagina

Halfvet #61 – Spline hands on

Halfvet
KICKOFF
Een 3d-tool voor 2d-designers
Een 3d-tool voor 2d-designers
Afgelopen week lanceerde Spline z'n alpha release. Bij GRRR hebben we met de tool geëxperimenteerd om te zien wat het in huis heeft. Hier mijn findings. Geen uitgebreide review, maar eerste indrukken.
Wat is het? Spline is software om interactieve 3d-graphics te maken voor het web. Je ontwerpt snel en makkelijk ruimtelijke objecten en exporteert naar code (Canvas-element die WebGL 3d graphics draait).
Use cases? Ruimtelijke, illustratieve elementen op een website: header visuals, app-icons, loopjes, character design, buttons, device mockups, enz.
Steile leercurve? Valt mee. De interface is een combinatie van Cinema 4D en Figma/Sketch. De features zijn basic en de tutorials helder.
De interface
De interface
Pluspunten
  • Laagdrempelig. Niet zo intimiderend als Cinema 4D.
  • Eenvoudig toevoegen van interactiviteit aan objecten.
  • Een library met 3d assets.
  • Preview in de browser met een public url.
  • Output is code dus lichtgewicht te integreren in html.
  • Gratis te gebruiken, hoewel de Pro-versie meer export-opties heeft.
Minpunten
  • Je kunt vector-objecten niet importeren of copy-pasten uit bijv. Illustrator. Daardoor ben je genoodzaakt om objecten binnen Spline te ontwerpen.
  • Geen pathfinder-opties zoals exclusion. Onhandig want hierdoor ben je beperkt tot basic shapes zoals kubussen, bollen, kegels, cilinders, enz.
  • Interactiviteit kun je koppelen aan mouse-states, maar niet aan scroll position.
  • Deze alpha voelt echt als 1.0. De features zijn basic, je loopt snel tegen beperkingen aan.
Hoewel de mogelijkheden nog beperkt zijn, zie ik veel potentie. Het gemak waarmee je snel iets ruimtelijks ontwerpt dat kan animeren en interactief is, is super. Heel benieuwd naar de volgende grote update!
READING LIST
How to design a digital museum
How to Make Badass Shadows
Designing micro-interactions with Figma interactive components
Dinamo Typeface Release: ABC Arizona
IN JE FACE
Your Face Is Not Your Own
Your Face Is Not Your Own
Zach Lieberman ontwierp het artwork voor een artikel in The New York Times Magazine over gezichtsherkenning en Clearview AI. Waanzinnig mooi eenvoudig sterk.
Drop that code
Drop that code
Codrops is een web design/dev playground met soms verrassend mooie ui-experimenten. Zoals deze spiral text intro animatie. En als je ‘m zelf wil inzetten, download je gewoon de source code.
MUST: RINDOR GOLVERDINGEN
Rindor is creative director en mede-oprichter van Vruchtvlees.
Must read
Junior Designers vs. Senior Designers – Een artikel uit 2014, maar iets waar ik nog veel aan denk. Voormalig VP of design bij Facebook Julie Zhuo zet in dit artikel heel simpel uiteen hoe het ontwerpproces werkt van een junior ontwerper naast een senior ontwerper. Ik sluit me volledig aan bij haar introductie; simpele tekeningen kunnen complexe gedachten gemakkelijk overbrengen.
Must see
Royal Jarmon – Het werk van de in Brooklyn werkende Royal Jarmon geeft een verrassende en speels-naïve kijk op de wereld. Fijn om af en toe herinnert te worden aan de maakbaarheid van je eigen realiteit; doe lekker wat je leuk vindt!
Must use
I Love Hue – In I Love Hue puzzel je de gehusselde kleurvlakjes terug tot een kloppend kleurverloop. Goed om je oog voor kleur te trainen, en je hoofd even uit te zetten.
FRESH FONTS
Newsreader (Production Type / Google Fonts)
Newsreader (Production Type / Google Fonts)
Outward (Velvetyne Type Foundry)
Outward (Velvetyne Type Foundry)
Wayfinder (Connary Fagen)
Wayfinder (Connary Fagen)
TOOLS
Beeple dithered
Beeple dithered
  • Editor X is een website builder met veel ontwerpvrijheid, vergelijkbaar met Readymag.
  • Mesh Gradients is een Sketch-plugin voor mesh gradients.
  • Mesh genereert ze ook, maar dan in de browser.
  • Zoom Escaper voegt hele nare omgevingsgeluiden aan je Zoom call toe zodat iedereen je eruit gooit en jij verlost bent van die hele nare Zoom call.
  • Haikei genereert SVG shapes, achtergronden en patronen.
  • Post-it x Miro is een Miro-plugin die foto’s van papieren post-its converteert naar digitale post-its.
  • Dither Me This dithert (wat is het Nederlandse woord?) foto’s.
All caught up.
Tot over twee weken! 👋
Jeroen.
Vond je deze editie leuk? Ja Nee
Jeroen Disch
Jeroen Disch @halfvet

Digital design met een dikke toef typografie. Voor UI designers, grafisch ontwerpers en type lovers. Elke twee weken.

– Jeroen Disch, Design Director bij Bravoure

Klik hier om je uit te schrijven.
Als deze nieuwsbrief doorgestuurd is en je wilt je aanmelden, klik dan hier.
Created with Revue by Twitter.