large_Crossover Series NFTs.png

medium_Crossover Series NFTs.png

small_Crossover Series NFTs.png

thumbnail_Crossover Series NFTs.png

From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill

From Design System to ‘NFT Design System’: Creating TinyFaces

Neurodiversity and Inclusion: Choosing Kinder Design

medium_652ccf22c8853584bde5553986a4eed0.png

small_652ccf22c8853584bde5553986a4eed0.png

thumbnail_652ccf22c8853584bde5553986a4eed0.png

Web5 is here. Goodbye Web3? TBD.

<p><a href="https://medium.com/ux-power-tools/tiny-trend-11-organic-digital-ui-decorations-475121fc064b">medium bookmark / Raindrop.io</a> |  </p>
<div>
<div>
<div>
<div>
<div></div>
<div>
<div><a href="https://medium.com/@cmbeck_?source=post_header_lockup">Christian Beck</a></div>
<p>By day, principal designer at Innovatemap where I help tech tech companies design marketable products. By night, co-founder of UX Power Tools.</p>
</div>
</div>
</div>
</div>
</div>
<div>
<div>
<div>
<div>
<div>
<div><img src="https://cdn-images-1.medium.com/max/2000/1*FR1Vb4BPbUj3FKBI159mgQ.png" alt="1*FR1Vb4BPbUj3FKBI159mgQ.png"></div>
</div>
</div>
<div>
<h4>Tiny Trends</h4>
<h2>The blend of high fidelity and organic elements ain’t just for your grandma’s scrapbook</h2>
<p>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.</p>
<p>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:</p>
<div>
<div><img src="https://cdn-images-1.medium.com/max/1600/1*ZsMPjGsQKbSef8sdKZud-A.png" alt="1*ZsMPjGsQKbSef8sdKZud-A.png"></div>
</div>
<p>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.</p>
<p>Without further ado, here are some stellar examples of this trend.</p>
</div>
</div>
</div>
<div>
<hr>
<div>
<div>
<div>
<div><img src="https://cdn-images-1.medium.com/max/1600/1*UyOBe3N5TPDbdv3fyEA2_w.png" alt="1*UyOBe3N5TPDbdv3fyEA2_w.png"></div>
</div>
<p>Yes, Spacey is a creep, but the graphic treatment that Netflix used earlier this year was amazing.</p></div>
</div>
</div>
<div>
<hr>
<div>
<div>
<div>
<div><img src="https://cdn-images-1.medium.com/max/1600/1*lm1iPLYLdBOE_h9BrG_Kdg.png" alt="1*lm1iPLYLdBOE_h9BrG_Kdg.png"></div>
</div>
<p>Dropbox 404 page</p></div>
</div>
</div>
<div>
<hr>
<div>
<div>
<div>
<div><img src="https://cdn-images-1.medium.com/max/1600/1*11JizwGhkzHnIVZ8GEZdHA.png" alt="1*11JizwGhkzHnIVZ8GEZdHA.png"></div>
</div>
<p>Medium’s iOS app splash page</p></div>
</div>
</div>
<div>
<hr>
<div>
<div>
<div>
<div><img src="https://cdn-images-1.medium.com/max/1600/1*0ZswlNhJWLDDtk46s5Exbg.png" alt="1*0ZswlNhJWLDDtk46s5Exbg.png"></div>
</div>
<p>Mailchimp is using this in email campaigns as well.</p></div>
</div>
</div>
<div>
<hr>
<div>
<div>
<div>
<div><img src="https://cdn-images-1.medium.com/max/1600/1*C0B5KOhg3r4l8MOZPEMCOA.png" alt="1*C0B5KOhg3r4l8MOZPEMCOA.png"></div>
</div>
<p>Slack. Heard of them?</p></div>
</div>
</div>
<div>
<hr>
<div>
<div>
<p>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.</p>
<div>
<div><img src="https://cdn-images-1.medium.com/max/1600/1*6GwrDV3m9SYtN7LefGiQFw.png" alt="1*6GwrDV3m9SYtN7LefGiQFw.png"></div>
</div>
<p><a href="https://waysofcurating.withgoogle.com/">https://waysofcurating.withgoogle.com/</a></div>
</div>
</div>
<div>
<hr>
<div>
<div>
<div>
<div><img src="https://cdn-images-1.medium.com/max/1600/1*xZ49bqFCmRLxenPk1zu5ew.png" alt="1*xZ49bqFCmRLxenPk1zu5ew.png"></div>
</div>
<p><a href="https://yala.social/bot">https://yala.social/bot</a></div>
</div>
</div>
<div>
<hr>
<div>
<div>
<div><a href="https://ctt.ec/au90v"></a></p>
<div><a href="https://ctt.ec/au90v"><img src="https://cdn-images-1.medium.com/max/1600/1*1rgr6uaBM5dhfompTzzfSw.png" alt="1*1rgr6uaBM5dhfompTzzfSw.png"></a></div>
<p><a href="https://ctt.ec/au90v"></a></div>
<p><em>When I’m not mixing organic and digital elements, I’m working on Sketch design tools at </em><a href="https://www.uxpower.tools/"><em>UX Power Tools</em></a><em> to make you a better, more efficient designer.</em></p>
<p><a href="https://www.twitter.com/uxpowertools"><em>Follow UX Power Tools on Twitter</em></a><em><br /></em><a href="http://twitter.com/cmbeck_"><em>Follow me on Twitter</em></a></p>
</div>
</div>
</div>
</div>
<div><a href="https://medium.com/ux-power-tools/tiny-trend-11-organic-digital-ui-decorations-475121fc064b">https://medium.com/ux-power-tools/tiny-trend-11-organic-digital-ui-decorations-475121fc064b</a></div>


Tiny Trend #11: Organic + Digital UI Decorations – UX Power Tools – Medium

Tiny Trend #11: Organic + Digital UI Decorations – UX Power Tools – Medium

Top Stories