Random fluid blob shape.
Random fluid blob shape.

The awesomeness of blob design

Amorphous, vague, and nebulous design icons

Eva Schicker
3 min readSep 16, 2021

--

How to describe a blob? Just as the noun implies, a blob is a seemingly random, pseudo-organic, shapeless form that is rendered as an iconic vector shape, commonly referred to as svg. In its primary form, it suggests growth and flexibility, boundlessness and expansiveness.

A random vector shape blob with its unique soft concave and convex curves.
A random vector shape blob with its unique soft concave and convex curves.

Blobs in movement

To add maximum visual time dimensionality, blobs can easily and supremely get animated through morphing and time-easing. Small adjustments in curvatures, body mass, rotations, positions, or colors render this shape into living organisms that can add exciting moving activity to any screen design.

As svgs, blobs are easily implemented as animation saved as a gif, mp4, or json file for web placement.

An 5-second animation of two overlaying blob shapes. Downloadable from Lottie.com.
Blob animation on Lottie.com. (Saved as a gif for display on Medium).

Embed the animation as a json files in html

Lottie.com provides an amazing online app that saves After Effects, Sketch, Flow, Animate, and…

--

--

Eva Schicker

Hello. I write about UX, UI, AI, animation, tech, fiction & art through the eyes of a designer & painter. I live in NYC. Book author, UX Grad GA NYC.