Tag Archive for: Line25

The debate between skeuomorphism and flat design has been covered thoroughly, but when I talked about it I found it hard to think of many examples of flat design. Possibly because I largely use Apple products or because flat design is a new-ish trend, I find myself interacting with skeuomorphic design interfaces much more often than flat design schemes.

That doesn’t mean there aren’t plenty of sites out there using the ideas behind flat design to create striking pages. For those unfamiliar, flat design is a style that drops all forms of imitation of depth or “realism” in favor of designing based on the flat screens we actually use. A great deal of new sites are using the style to create clean, minimal pages that emphasize simplicity and interaction, and Chris Spooner compiled a list of sites that have sprung up using flat design, complete with images for each website.

The actual debate between the two design methods is of course overblown. Some writers act as if the schism will decide the future look of the internet in the same way VHS and Laserdisk competed for how we watched movies at home. Unlike that type of competitive market, neither is “better” for the internet, though one may be more suited for your current project. These pages definitely make it clear that flat design can inspire creative and user-friendly interfaces just like skeuomorphism can.

Creating a responsive website design from the ground up can be exhausting and costly. Thankfully, for those of us without the time or money to completely build a brand new site, there are lots of frameworks or boilerplates you can use.

Chris Spooner from Line25 compiled a bunch of these free frameworks, from the most popular, Bootstrap which was made by the guys at Twitter, to some more obscure but helpful frameworks. They also all have the complicated grids and layouts prepared so you can almost completely customize them.

Responsive design has never been so easy.

Retina capable displays don’t seem to be going anywhere, and every new analysis of mobile browsing shows that Apple dominates the mobile browsing market. Add to that the number of people using new MacBook Pros, and you have a fairly large audience using very powerful screens.

For the designer, this poses an issue. How are you supposed to go about creating graphics at high enough resolutions for these screens? Even worse, how are you supposed to make your old website look good on these new screens?

Well Chris Spooner has made a tutorial available at Line25 to help you through this, and he makes it much easier than you probably thought. From creating new graphics to optimizing those old images, the tutorial covers just about everything you need to know, including the code.