1. A cohesive collection of copyright free Gesture and Cue icons from NounProject.

    A cohesive collection of copyright free Gesture and Cue icons from NounProject.

  2. Starbucks open sourced their awesome responsive, proportional, nestable, and mobile-first 6-column grid framework.  →

  3. How McLuhan, Agel, and Fiore Created a New Visual Vernacular for the Information Age

    A short and smart article on how McLuhan, Agel, and Fiore invented the language that defines the newest visually driven user interfaces. 


    In a series of paperbacks with “The Medium is the Massage” as the most famous work, Agel the director, Fiore the designer, and McLuhan the writer, created a bold and highly graphic “distillation of big ideas for young people.”* These distillations became bite sized data bits which were quickly scanned and easily consumed. The lower costs of publishing paperbacks allowed the three to create a new visual form of storytelling merging film, music, and magazines aesthetics into a contast moving body of imagery and typography.

    The graphic nature of their worked quickly became the pop culture vernacular. Children who grew up in the visually stimulated culture quickly adapted the vernacular and are now transforming into the language of the internet. They are newest entrepreneurs inventing the latest communication tools. These tools are naturally on the internet, image driven, and distilled for ultra fast consummation.

    Flipboard (2010), Tumblr(2007)**, and Pinterest(2008) currently are the most successful examples of image driven UIs. The design pattern is one in which information hierarchy is comletely flattened and content is simplified to graphics. Graphics are structured into tiles and tiles allow for quick scanning with the boldest bits winning our attention.  

    Finally it’s not only new startups getting into the game but also Puma, Reebok and Microsoft with their new UI paradigm called “Metro.”

    * http://acquiesce.tumblr.com/post/17382353709/how-mcluhan-agel-and-fiore-created-a-new-visual

    **Of course Tumblr such as this site allows you to scroll information based on a linear time fashion but many bloggers have adopted the multi-image tile layout. 

    Via: Acquiesce

  4. Stupid short article on how Pinterest, Quora, and Tumblr are restructuring content into extremely digestible bit sized blocks promoting an even quicker browsing experience.
 Khoi Vinh, the former design director for NYTimes.com, is spot on as he calls it an “almost like a window-shopping mode" as Pinterest - Tumblr give priority to images over text.
And now Google is getting into the card browsing view as a way to showcase their products. http://www.wdyl.com/#beer


    Stupid short article on how Pinterest, Quora, and Tumblr are restructuring content into extremely digestible bit sized blocks promoting an even quicker browsing experience.

     Khoi Vinh, the former design director for NYTimes.com, is spot on as he calls it an “almost like a window-shopping mode" as Pinterest - Tumblr give priority to images over text.

    And now Google is getting into the card browsing view as a way to showcase their products. http://www.wdyl.com/#beer

  5. DangersofFracking.com is an extremely well designed site which clearly explains the dangers of Hydraulic Fracturing through a visually rich one-page scrolling website. Just as parallax scrolling designs are becoming overplayed, DangersofFracking.com implements a single-page scroll to visually display the dangers involved through the lifecycle of fracking. The smart interaction design implementation is reinforced through lush visual design and TypeKit typography transforming the entire site into a rich infographic.
I hope that the engaging design draws interest and insipres people to take action against current fracking methods.
Site by Linda Dong

    DangersofFracking.com is an extremely well designed site which clearly explains the dangers of Hydraulic Fracturing through a visually rich one-page scrolling website. Just as parallax scrolling designs are becoming overplayed, DangersofFracking.com implements a single-page scroll to visually display the dangers involved through the lifecycle of fracking. The smart interaction design implementation is reinforced through lush visual design and TypeKit typography transforming the entire site into a rich infographic.

    I hope that the engaging design draws interest and insipres people to take action against current fracking methods.

    Site by Linda Dong