Skeuomorphism

The notion of flat, “digitally authentic” design has lately been a popular topic of conversation and controversy, especially with the software design efforts of Apple, Microsoft, and their respective flagship operating systems. Subtle colors, light typography and the other commonalities of modern flat design are components of the design trends many are coming to love (or hate).

Image comparing 2003 Apple Safari icon to that used in iOS 15
Safari’s current icon on the left versus its flat version. The latter foregoes lighting effects, bevels and other details to create an attractive flat alternative while still retaining the compass metaphor.

While many specifics of the constituent theories that form the concept of flat, digitally authentic design, this design form has evolved as a move away from skeuomorphic, metaphorical design.

Skeuomorphism is the term one applies to a trend where elements of a graphical user interface mimic a physical object. For example, a skeuomorphic note-taking app may resemble a lined yellow legal pad. Skeuomorphism exists in many different industries but in the context of web and software design, designers know skeuomorphism primarily as the technique of using metaphors to induce familiarity.

Many examples of flat design exist. In this post the efforts of Microsoft and Apple wll be examined, due to their collective wide reach. Also, each of these companies are likely candidates to establish significant style guidelines that designers can investigate in order to emulate their interpretation of flat design.

Microsoft
Microsoft opted for one of the most radical and controversial redesigns of recent times with Windows 8. Its creation of the design language formerly known as Metro (now known as the Microsoft Design Language, but with the former term often colloquially applied) was first seen in widespread use with Windows Phone (and also in Zune, the platform’s inaugural design). It was Windows 8’s 2012 release that shined a light on the flat design trend.

Windows 8’s start screen breaks away from its former desktop design, being composed of flat, colorful live tiles, instead of icons. The tiles are not merely a stylistic choice: They allow useful information to be displayed on the start screen in the manner of a dashboard.

Apple
While Microsoft and others were making major changes to their design languages, Apple stuck by its skeuomorphic principles through multiple generations of its operating system. That changed with the announcement of iOS 7, taking a drastically different step in the design of the OS. Icons are flatter, typography is lighter and the metaphors are out.

Image comparing Apple calculator app, 2003 and iOS 15
Image courtesy of Smashing Magazine

This is particularly evident with iOS when you compare the current iteration of, say, the calculator app to its iOS 7 counterpart. That particular app has jumped from trying to resemble a physical device with buttons signified by gradient backgrounds to a completely flat design independent of any unnecessary metaphors.

The flat interface style is more than a trend. It is the manifestation of a desire for greater authenticity in design, a desire to curb visual excess and eliminate the fake and the superfluous.

This article excerpted courtesy Connor Turnbull, tutsplus

Nonprofit communication trends

Curious about how other nonprofits are communicating? Want to see where the trends are? You can download your free copy of the Nonprofit Communications Trends Report now. The trends you’ll find in this report come from an online survey of 1,435 nonprofits. We asked a variety of marketing questions: In what shape is your marketing plan? Which communications tools do you see as very important, somewhat important, and least important to you? Which social media channel are you most likely to add or experiment with? Which types of content do you expect to spend most of your time producing? What are your biggest marketing challenges? How often do you plan to email the typical person on your email list? How often do you plan to send direct mail? What excites you about your work? What scares you about your work? We also break down the data by nonprofit size, mission, and region of the U.S.

Infographic source courtesy Nonprofit Marketing Guide

Type design trends for 2012

Type designers are some of the hardest working people in design. They demonstrate a passion required to build a typeface and of necessity must be sticklers for detail.

Over the last few months, a trend toward basics, legibility, and elegance define the current state of type design.

Read on as we select some of the type trends that will inspire designers to think differently about typography.

01 Ligature discretion

Discretionary ligatures like Siruca enable you to create pictograms with type
Discretionary ligatures like Siruca enable you to create pictograms with type

OpenType has a feature called discretionary ligatures, making it possible to do some really interesting things when certain letters are typed in a certain order. Take Fabrizio Schiavi’s Siruca for instance; a font which, when you type the word ‘car’, a car pictogram appears.

02 Simplicity and legibility redefined

Trio Grotesk by Florian Schick is simple, elegant and modern
Trio Grotesk by Florian Schick is simple, elegant and modern

If you’ve seen the excellent iA Writer app for both Mac and iPad, you’ll no doubt have noticed its set-back, minimalist yet hugely legible monospaced typeface, Nitti. It’s a font from the foundry Bold Monday, a Dutch outfit that designs both commercial and custom fonts.

Bold Monday’s faces are leading the trend of simple, elegant yet modern typefaces; from Panno Sign, which was designed for the romanisation of street names in South Korea, to its newest release Trio Grotesk – Florian Schick’s personal interpretation of Kaart Antieke, an early 20th century sans serif used by Piet Zwart in his essay about modern typography, “Van oude tot nieuwe typografie”.

Another example is Dalton Maag’s excellent custom font for Nokia.

03 Slick stencils

Type Together created this slick, bespoke stencil font for Levi's
Type Together created this slick, bespoke stencil font for Levi’s

Stencils are back with a vengeance, and a fantastic example of a slick, contemporary stencil is Levi’s, a font designed by Type Together for the jeans brand, commissioned by Wieden and Kennedy. Based on Paratype’s version of Bodoni, you could arguably group it into trend 05, but we feel stencils deserve their own entry.

04 Didone is back

Rick Banks' F37 Bella is at the forefront of a revival in Didone typefaces
Rick Banks’ F37 Bella is at the forefront of a revival in Didone typefaces

If there’s one font that sums up the revival of Didone typefaces, it’s Rick Banks’ F37 Bella. A useful and stylish font, Banks has just released a Heavy version for those wanting to use it a bit smaller (at smaller point sizes the original’s serifs could disappear).

These hyper-thin hairline serifs and strong contrasts between thick and thin lines, make it a modern classic in the Didot classification. It’s a stunningly elegant font for headlines; online and especially in print. A bargain at £35 per weight.

Other nice examples include Neutura’s Estrella typeface.

05 Classics revived

Garçon Grotesque is one of many classic fonts to be revived by modern designers
Garçon Grotesque is one of many classic fonts to be revived by modern designers

Type designers love reinterpreting classic fonts in new ways. There have been many examples over the past year, but one that stands out is the release of Garçon Grotesque.

A contemporary interpretation of Copperplate Gothic, Garçon Grotesque is a sophisticated typeface designed in a multitude of weights with extended Latin character set, small capitals and a working lowercase.

You can buy it at Myfonts, starting at $50. An example of a face being revived by a modern foundry is Commercial Type’s revival of Max Miedinger’s Neue Haas Grotesk (the font that became Helvetica).

Courtesy Creative Bloq