<p>medium bookmark / Raindrop.io | Christian Beck By day, principal designer at Innovatemap where I help tech tech companies design marketable products. By night, co-founder of UX Power Tools. Tiny Trends The blend of high fidelity and organic elements ain’t just for your grandma’s scrapbook I struggled to figure out how to name this trend. [&hellip;]</p>

Breakdown

medium bookmark / Raindrop.io |

By day, principal designer at Innovatemap where I help tech tech companies design marketable products. By night, co-founder of UX Power Tools.

1*FR1Vb4BPbUj3FKBI159mgQ.png

Tiny Trends

The blend of high fidelity and organic elements ain’t just for your grandma’s scrapbook

I struggled to figure out how to name this trend. Essentially it boils down to mixing in organic elements with standard digital elements. The more advanced techniques use photos or distinct pattern fills cropped into organic elements. Others simply overlay illustrations onto either photos or fonts.

In some ways this feels reminiscent of old scrapbooks but more recently it reminds me of how South Park would weave in actual imagery into their otherwise paper-cutout aesthetic:

1*ZsMPjGsQKbSef8sdKZud-A.png

Today this technique has gone mainstream, judging by the very well-known design teams that are using it. I think this is reflective of how difficult it is to pull this technique off well; only the best design teams are doing it.

Without further ado, here are some stellar examples of this trend.


1*UyOBe3N5TPDbdv3fyEA2_w.png

Yes, Spacey is a creep, but the graphic treatment that Netflix used earlier this year was amazing.


1*lm1iPLYLdBOE_h9BrG_Kdg.png

Dropbox 404 page


1*11JizwGhkzHnIVZ8GEZdHA.png

Medium’s iOS app splash page


1*0ZswlNhJWLDDtk46s5Exbg.png

Mailchimp is using this in email campaigns as well.


1*C0B5KOhg3r4l8MOZPEMCOA.png

Slack. Heard of them?


These examples do this in simpler way by simply adding handwritten elements to headlines. There’s something very 90’s about it but it’s somehow more elegant today.

1*6GwrDV3m9SYtN7LefGiQFw.png

https://waysofcurating.withgoogle.com/


1*1rgr6uaBM5dhfompTzzfSw.png

When I’m not mixing organic and digital elements, I’m working on Sketch design tools at UX Power Tools to make you a better, more efficient designer.

Follow UX Power Tools on Twitter
Follow me on Twitter

Curated

Nov 24, 3:16 AM

Source

Tags

Tomorrow's news, today

AI-driven updates, curated by humans and hand-edited for the Prototypr community