si

News Websites All Look the Same – Here’s Why.

Mashable blogger Jason Abbruzzese takes a look at the similarities between the most popular media websites. Why do they all seem to look the same?

Parts and Pieces

“It’s sort of the same way that all cars look more or less the same. There’s only so many ways you can design a doorknob to where it’s going to be effective,” said Brad Frost, a web designer that has worked on the websites for TechCrunch and Entertainment Weekly.

Cars and doorknobs serve a purpose under certain constraints, just like websites. But unlike those everyday items, the demands on websites have changed drastically as audiences have taken to different devices.

“To a certain degree, websites always look the same. Design is fashion and it follows trends. We’re in the middle of a trend of big and clunky, not just because of responsive design but also because of touch,” Clark added. “As touch has spread from small screens to laptops and desktops, all desktop designs have to be touch-friendly, and that has influenced the aesthetic, too.”

Enter Responsive Design

Numerous major media sites have shifted to responsive design with similar results — multi-column, boxy and flat designs that look almost strangely similar.

At first, it was tenable to create multiple sites: one for mobile, another for desktop. Now, more sites are moving to the responsive design as a one-size-fits-all solution. There are simply too many different screens and experiences to plan for.

“Your head is going to explode trying to support that stuff, let alone afford it,” Clark said.

nbc-sml

si-sml

“Media sites have a specific limitation called an ad unit that really limits the flexibility of design, because unlike every other unit, this ad can’t change size,” Clark said.

Online advertising guidelines are set by the Internet Advertising Bureau so marketers and websites can have a common market. Rigid ad sizes may help sales, but end up being a pain for designers.

“You have these dinosaurs grasping at straws, that haven’t been able to move as fast as the rest of the industry, and it creates a real restraint,” Frost said.

Many screens, many ad types

“As a digital designer, our world is now going from watch space to 80-inch screens, so what do you do with that? Do you seriously try to design one interface for all of those screen sizes and all of those experiences?” Storey said.

And it’s not just screens. The rise of contextual advertising, in which a variety of data is used to tailor advertisements, could end up pushing design forward as well.

“The content and experience that brands are going to want to offer is going to demand more design and more design thinking, more consideration for not only those unique devices, but also where you are and what time you are there,” Storey said.

Via Mashable

featured

NFL and NBA Logo Mash-up

Designers love to play with crazy concepts and occasionally strike gold. With the arrival of football season, let’s take a look at one designer’s take on combining the NFL and the NBA logos of each city.

heartone05

Southwest Airlines Rebranded

Southwest Airlines on Monday unveiled a new logo amid a brand overhaul that includes a new look for its aircraft. The new “Heart” paint scheme will be the carrier’s first new livery since it introduced its current “Canyon Blue” look in 2001.

Screen-Shot-2014-09-08-at-11.17.35-AMThe new logo and look aren’t only for Southwest’s fleet of Boeing 737s. The carrier also rolled out a new-look website Monday morning, and says the new branding will go up at its airports nationwide. Rapid Rewards cards and in-flight snacks also received the new treatment.

The branding overhaul comes amid a year of change for Southwest. The airline is close to wrapping up its merger with AirTran, which Southwest acquired in 2011. The final AirTran flight will take place in December, and Southwest will then need to finish repainting the remaining AirTran 737s that it plans to absorb into its fleet.

“With all these exciting changes happening, we thought it was time for a new visual expression of our brand — one that marries our past to our present and sets the course for where we’re headed in the future.”
— Southwest CEO Gary Kelly

1410191620017-heartone_print002

how-to-write-branding-guidelines-1

What is Branding?

A topic with which business owners and marketing students alike struggle – what is branding?

A School of Visual Arts Masters in Branding student named Sarah Fudin was inspired to gather 100 definitions of branding from 100 different people in various industries: marketers, designers, strategists, authors and more. These definitions are original and have been acquired through email, phone calls and in-person meetings. We’ve collected our favorites here.

featured-sign

Watch This: Sign Painters The Movie

When I was getting my start in the business of graphic design, I began life as a sign maker. Yes, mostly with vector graphics and a vinyl plotter, but I lived in that interesting moment in time when the old ways were stepping aside to the new digital age. I had to have one foot into the old world of how we “used” to do things.

blueprint

Wireframes for non-designers

Think of wireframes as a blueprint for what’s to come. Wireframes help a designer experiment quickly – move navigation elements, hero images, banners, product images, etc without burning a lot of billable hours immersed in code or working in Illustrator or Photoshop. Let’s take a look at some example wireframes: