Sabitlenmiş Tweet
Madhan Parthasarathy
1.7K posts
Madhan Parthasarathy
@Madhan____
designer building keyboards | design @tessact_ai
Katılım Temmuz 2020
2.5K Takip Edilen214 Takipçiler
been working on this since Jan,
finally satisfied but it'll always be a wip
check it out ikeacrisp.com
English
took some time to render out my 1st year design assignment
heavily inspired by the superplastic janky series
English
@prachiruns @NileshAggarwa20 i would definitely watch a bts video explaining the process!
English
how does interaction feel as natural without feeling like a gimmick?
@NileshAggarwa20 joined forces.
→ started in low poly. tested the movement, the hover, the speed of the mouse.
→ the trail that leaves behind the cursor. how it recovers.
→ execution in high-poly. adjusting depth on hover, and final responsiveness.
Prachi Sethi@prachiruns
once the particle system was in place, the next step was locking the composition. → camera angle and lens. level of sight. → light and time of day. warmth, shadows, depth. → depth of field. aperture, focal length.
English
@RebelloSimi im thinking I'll make it my twitter header instead
English
it started with an underestimation of grass.
the fundamental difference between a static composition and an interactive environment is that you don't just visualise it in the most obvious sense. okay, meadow, hills, curves, depth, shadows, colour, time of day.
you think about it in permutations.
what if i move my hand through it.
what if there's a sunset.
what if there's a slight wind.
what happens to the grass that's far away.
what happens to the grass right in front of me.
and when you start thinking like that, you realise very quickly that you have underestimated grass.
our team spent an unexplainable amount of time perfecting this singular piece of the entire web experience.
attention to detail, care for micro interactions, that's the fundamental difference between a website and a web experience.
technically:
> started with a model grass from the blender library. but it's almost impossible to animate model grass with the kind of variables we needed.
> so instead of treating it as singular strands, we treated the grass as particle systems. each particle responding and reacting to wind, shadow, light, depth, and user interaction independently.
Prachi Sethi@prachiruns
it all kind of started with a very innocent idea. how do you make someone feel air through a screen? when we started working with @abhinavguptaIAQ , @Sl1mshetty and the Breethr team, we didn't want to approach it as just a consumer hardware company or a research company or sensors and filtration specialists. we wanted to approach breather as a team that's actualised the air in our spaces. how we perceive it. how we breathe it. how we experience it. how it affects our cognition and longevity. so the brief became: how do we make someone on a website feel that? we started with the lingering feeling of what clean, fresh air actually feels like. that crisp, easy-to-breathe sensation. and the imagery that comes with it. a beautiful green meadow. blue skies. cool 20 degree temperatures. and that's where the grass came in. that's where our visualisation process started. and while it all sounded like an incredibly intuitive and innocent idea, we didn't want to stop at that static. we wanted to make it feel like an experience. next: how we actually built it.
English
Madhan Parthasarathy retweetledi
@swarnima_otw love the aesthetic! are the imagery ai generated?
English
Madhan Parthasarathy retweetledi
Madhan Parthasarathy retweetledi
Madhan Parthasarathy retweetledi
@SparklinGuy showed me a demo of one of the coolest interaction in the product they're building, super bullish for them!
English
@preetsuthar17 @WHOOP whoop is way cooler than the apple watch imo
English
Madhan Parthasarathy retweetledi
@SparklinGuy @VainshDesign sorry I can't dm you actually
English
@SparklinGuy @VainshDesign yeah sure let's do it, I've sent you a dm
English
Are you hoarding creative references in twitter bookmarks, pinterest boards and screenshot folders?
problem with that is — Save everything. Recall nothing.
lately i’ve been doing something different — organizing why i saved something, not just what i saved.
the mood. the detail that caught my eye. how it connects to something else i’m working on.
went from “i saw something cool once” to actually pulling the right reference in seconds.
your inspiration library is useless if it doesn’t have a search language.
how are you managing yours?
English