Feature
Post

Category
Design Focus


Friday Focus 02/27/09: Peeking Through

Transparency, translucency, opacity: we have designs that are peeking through this week on Friday Focus.

Designs of the Week

Seven Sparrows

The combination of robin’s egg blue and bird silhouettes is becoming more popular these days—dare I say because of Twitter, but this design is beautiful in its own right. I love the treatment on the hyperlinks, a graphical element also found in the logo, the “contact me” sign, and the handwritten blurb.

Centrul Crestin Caleb

If you’re playing with transparency, why not use a striking background image that’ll show through? I like that the logo is centered at the top, while the background is a one-point perspective shot. Great warm hues, too.

166 Perry Street

Interesting use of the coverflow effect: instead of scrolling vertically, you’re browsing through a virtual stack of pages. (Not exactly sure why, but it makes for an interesting experience.) The changing background colors are an interesting touch.

Peter Pearson's Design Portfolio

So where’s the use of transparency here? It’s not very obvious, but when you use the javascript scrolling effect by clicking on the arrows, you’ll notice that striped wavy lines seem to fade in and out. Now that’s an interesting use of an overlaying translucent PNG which also doubles as a transition animation as you move from one screen to another. Bravo!

Social Media Weekly

Design7 Interface Design Techniques to Simplify and De-clutter Your Interfaces
Because simplicity is always trickier than complexity.

Programming7 Fresh and Simple Ways to Test Cross-Browser Compatibility
From screenshots to actual apps, ensure your sites are working to the T with these tools.


  1. By Respiro Media posted on February 28, 2009 at 6:35 am
    Want an avatar? Get a gravatar! • You can link to this comment

    Thank you for presenting cccaleb.com!

    Best regards,
    Zoltan Sebestyen
    RespiroMedia.com

  2. By Peter Pearson posted on February 28, 2009 at 12:56 pm
    Want an avatar? Get a gravatar! • You can link to this comment

    Wow, thanks for the feature!

    Peter Pearson
    peter-pearson.com

  3. By Sublimeo posted on March 5, 2009 at 2:59 pm
    Want an avatar? Get a gravatar! • You can link to this comment

    really nice & nature friendly design pete pearson

  4. By Victoria Blount posted on July 10, 2009 at 12:58 pm
    Want an avatar? Get a gravatar! • You can link to this comment

    There is some really nice use of translucency, i especially like the Peter Pearson logo and website design

  5. Trackback