Design Food for This Week

Image

And more at First Things First 2014 Manifesto

“There are pursuits more worthy of our dedication. Our abilities can benefit areas such as education, medicine, privacy and digital security, public awareness and social campaigns, journalism, information design, and humanitarian aid. They can transform our current systems of finance and commerce, and reinforce human rights and civil liberties.”

 

————————————————————————————————————————————-

Image

The Tea Cup SlingsHOT

A *great* idea.

 

————————————————————————————————————————————-

Image

Who Made Your Clothes T-shirt

These shirts are made from certified organic cotton and printed with chemical-free, seaweed-based dyes. They were made at a geothermal, solar-powered factory. You can’t get much greener than that.

 

————————————————————————————————————————————-

Mike Monteiro – How Designers Destroyed the World

Mike calls for designers to be responsible about what we put out into the world. It’s a great talk that’s delivered with a ton of passion. Great to watch if you are in a I-want-to-stand-up-for-my-work mood.

 

Advertisement

Mobile is Changing Web

Many web-based companies are choosing to align their web and mobile interfaces so that their visual branding is the same on all platforms. The result is that websites begin to include mobile elements in their interface. Below are examples of how mobile design is influencing the web.

————————————————————————————————————————————————————————

1. Basement Menus: YouTube is now using the “hamburger” icon to represent a hidden menu (usually to the left of the icon).

Image

2. Circular profile icons were/are a mobile trend. (Designers sometimes places profile icons on top of product images in mobile to save on screen space). Now they’re on web too. [Below: Etsy]

Image

3. Pinterest uses the default iOS 6 share icon for its share button. This icon has become universal to people to frequently use mobile software.

Image

4. No, that’s not a screenshot of my phone. That’s responsive web below. Designers are choosing to optimize their websites for mobile, as well as using mobile-looking buttons and text fields for say…login screens.

Image

5. Disclosure arrows are used in mobile to indicate that you can tap on a row or cell. They also show up on twitter (web) to let you know that you can see more Tweets, Following, Followers, etc.

Image