small_Fcsqb5pWQAAzPIK.jpeg

thumbnail_Fcsqb5pWQAAzPIK.jpeg

Adobe acquires Figma, cue the memes 🤪

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

<p><a href="http://ift.tt/2nBmYyU">medium bookmark / Raindrop.io</a> |  </p>
<div>
<div>
<div>
<div>
<div></div>
<div><a href="http://ift.tt/2oi4t5V">Jon Moore</a></p>
<p>Senior Design Partner at Innovatemap and co-founder of UX Power Tools.</p>
</div>
</div>
</div>
</div>
</div>
<div>
<div>
<div>
<div>
<div>
<div><img src="http://ift.tt/2nCyWIy" alt="1*kTbHFfy1T63Lbfh_EVDE2w.png"></div>
</div>
</div>
<div>
<h4>Tiny Trends</h4>
<h2>Ditching the stock photo hero images for blockframes</h2>
<p>The original title of this trend was going to be “<em>Sites that look like </em><a href="https://stripe.com/"><em>stripe.com</em></a><em>.</em>” But that didn’t seem that useful ?</p>
<p>Instead, as we were working on a recent article about the concept of <a href="http://ift.tt/2nBxpTe"><em>blockframing</em></a><em>, </em>we happened across a particular usage of it on product sites; a technique we call <strong><em>blockframe heroes</em></strong><em>.</em></p>
<p>These hero images used for products that either don’t have much UI to show, or for platforms that integrate with other applications.</p>
<p>Blockframes give you a visually compelling way to indicate UI without actually having to show it. This obviously helps when you don’t really have a UI (like Stripe), but also when you integrate with other products and don’t want to give the wrong impression. More importantly, blockframe heroes keep the attention away from UI details and on the copy and concepts behind a product.</p>
<p>Let’s take a look at some product sites that are doing an amazing job <em>blocking </em>out the competition! LOL.</p>
<p>(At the end there is a link for a freebie of <a href="http://ift.tt/2oeGHXY">35 blockframes of every designer’s favorite products</a>). If you already grabbed the blockframes in our other article, this is actually a <strong>new freebie! </strong>There are a lot of the same apps (and more!!), but we’ve included mobile versions as well! BOOYAH.</p>
</div>
</div>
</div>
<div>
<hr>
<div>
<div>
<div>
<div><img src="http://ift.tt/2ohUFsn" alt="1*WIMlatOZe__PlRtuJj2uJA.png"></div>
</div>
<p><a href="http://ift.tt/29dDcZH">Scale API</a></div>
</div>
</div>
<div>
<hr>
<div>
<div>
<div>
<div><img src="http://ift.tt/2nCyXfA" alt="1*NqSg0HolzGulUDxYmdZSGQ.png"></div>
</div>
<p><a href="https://www.stripe.com/">Stripe</a></div>
</div>
</div>
<div>
<hr>
<div>
<div>
<div>
<div><img src="http://ift.tt/2ohUFZp" alt="1*Hd6fz9C1XWVQNErxo_CG-g.png"></div>
</div>
<p><a href="http://ift.tt/2nBoxwC">Formatic</a></div>
</div>
</div>
<div>
<hr>
<div>
<div>
<div>
<div><img src="http://ift.tt/2nCq3io" alt="1*clMUkjVl71qx0XnQ7OQYew.png"></div>
</div>
<p><a href="https://headwayapp.co/">Headway App</a></div>
</div>
</div>
<div>
<hr>
<div>
<div>
<div></div>
</div>
</div>
</div>
<div>
<hr>
<div>
<div>
<p><em>When I’m not writing, I’m working on Sketch design tools at </em><a href="http://ift.tt/2cz5Jet"><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="https://www.twitter.com/thejmoore"><em>Follow me on Twitter</em></a></p>
</div>
</div>
</div>
</div>
<div><a href="http://ift.tt/2nBmYyU">http://ift.tt/2nBmYyU</a></div>


Tiny Trend #6: Blockframe Heroes – UX Power Tools – Medium

Tiny Trend #6: Blockframe Heroes – UX Power Tools – Medium

Top Stories