My favorite contemporary type-designers, Jonathan Hoefler and Tobias Frere-Jones, have released their cloud webfont solution today — perhaps the most widely-anticipated web design product for the past several years. With unparalleled typographic control, reasonable pricing, and the greatest digital fonts I’ve worked with, it looks like the wait was worth it. Can’t wait to take this out for a spin.
Another hilarious Marc Maron-ism.
IdN v20n3: Music Graphic Issue – Is there still a role for designers in the music world?
The music industry is facing a major disconnect with its visual heritage as listeners switch to digital downloading. But some designers are hanging in there — they tell us why and how.
At the moment, responsive web design is all the rage. More and more websites are designed responsively from the start, but how many are responsible?
A responsible website should respond well to the context of the user’s device. Screen size, device specific functionalities, data network limitation, etc. should be taken under consideration while designing responsible websites.
Let’s take a look at some responsive websites that I think are also responsible.
1. Smashing Magazine
Smashing Mag’s most impressive responsible feature has gotta be its navigation. There is a lot of content on the site so browsing through could be a real pain if the information architecture is handled poorly. But luckily for us devoted readers of the blog, Smashing Mag pays close attention to the design of the navigation down to every breakpoint. Stretch your browser on desktop and see how the navigation transforms. It’s a thing of beauty.
Quartz is one of those news site that will scroll endlessly. On mobile, the readers are able to casually browse through article titles and press on the ones they want to read. On larger devices, Quartz provides a more in-depth browsing by showing full articles while still keeping a list of article titles for casual browsing on the sidebar. This is a great example of progressive enhancement.
This Swiss ux design studio takes advantage of larger and more powerful devices by featuring a full screen video as their site’s focus area while reducing it to a still image for mobile.
4. Luke Finch
The UK designer based out of Manchester has fun showcasing his portfolio. Luke features a big canvas on his home page that lays out thumbnails of his projects. On desktop, the canvas moves along with the mouse; on tablet, the user can drag the canvas around; on mobile, the thumbnails become a straight list vertically. Using certain device specific functionalities, Luke creates different yet fun and intuitive user experience across different devices.
5. Sick Designer
Just like the title, this site is sick! I know flat design is in and skeumorphism is out now, but you can’t deny how beautiful this site is. On mobile, the focus is just on the content; on bigger devices, the user is able to view all the bells and whistles (a beautifully illustrated wood deck with accessories), including an animated working watch!
New skin for this blog.
Check out my other blog where I share traditional and contemporary art from China.
Listen / Play / Watch posters for Xbox creative studio
Album Cover: Leo Ku - Hopscotch
Album Cover: Danny Summer - I Remember…
Poster for Tai Chi Live Concert in Hong Kong