Web Design

Cinematics – An Illustrated Collection of Classic Films and Characters

Posted on May 11, 2014 at 12:11 pm

As an experimental personal project, Brazilian graphic designer Pier Paolo has recently created what he calls ‘a timeline of classic films and characters’ entitled Cinematics. Designed in his own unique style, Cinematics is an illustrated collection of characters (and short animated movie) from some of those movie moments we all fondly remember. You will find such diverse characters as Charlie Chaplin, the Bride from Kill Bill, Darth Vader & Luke, Don Lockwood from Singin’ in the Rain, Carl from Up, Freddy & Jason, and many more.

Scroll down for the movie.

Cinematic Classic Film & Character Series

cinematics title font Illustrated Collection

Singin
Don Lockwood (Singin’ in the Rain)

Clockwork Orange Cinematic Classic Film Character Series Illustrated Collection
Alex & Dim (Clockwork Orange)

Darth Vader & Luke Star Wars Cinematic Classic Film Character Series
Darth Vader & Luke (Star Wars)

Freddy Jason nightmare on Elm Street Friday the 13th Cinematic Classic Film Character Series
Freddy & Jason (Nightmare on Elm Street & Friday the 13th)

The Bride kill bill Cinematic Classic Film Character Series
The Bride (Kill Bill)

Carl Fredricksen up Cinematic Classic Film Character Series
Carl Fredricksen (Up)

Charlie Chaplin Cinematic Classic Film Character Series
Charlie Chaplin

Robocop Cinematic Classic Film Character Series
Robocop

Cinematic Short Movie

The illustrations, typography and animation from the movie where all created by Pier Paolo, and the sound and famous movie remixes where created by Marcelo Baldin (Combustion).

View the entire Cinematics project on Behance

Posted in Web Design

Fresh Free Vector Packs for Your Spring Designs

Posted on May 9, 2014 at 12:11 pm

For those of us in the Northern Hemisphere, spring is right around the corner and, along with it, designs bursting with flowers, butterflies, Easter Eggs, and pastel colors. Most of the holidays in the spring are represented by nature or floral icons. Many weddings also occur in the spring, due to the significance of the season to newness.

The following free vector packs include some of the latest and greatest of vectors for spring holidays, spring designs, and spring weddings. All are completely free, and most are also free to use commercially, although some do require attribution. Be sure to bookmark this page for your future spring design projects to save some time in research and increase your bottom line as a graphic or web designer. Have fun browsing!

Spring

When designing for spring advertisements, you usually can’t go wrong with baby green leaves and colorful flowers. Throw in some birds or spring insects along with a tree with buds or new leaves, and your design will be a full vector landscape!

Swirly Frame Vector

Swirly Frame Vector fresh best free vector packs kits

Download Page

Posted in Web Design

The Best Designer Freebies (February 2014)

Posted on May 5, 2014 at 12:11 pm

Here are the best designer freebies from February 2014. We have free UI templates and kits, icon sets, fonts, Photoshop brushes, PSD templates, extensions… and everything else in between.

Free UI & Wireframe Kits

LightFlat UI (PSD)

freebies designers web LightFlat UI PSD

LightFlat UI

Posted in Web Design

Weekly Web & Mobile Creativity n.54

Posted on May 3, 2014 at 12:11 pm

It is that time of the week again, a chance for you to sit back and enjoy some of our favorite web and mobile designs from this past week.

You may also like to browse the Web & Mobile Creativity Archives.

The First Time

Swan Design Studio

Weecom Digital Agency

Bedow

LiveAreaLabs

Nautilus

Posted in Web Design

The Client is Always Right Poster Series

Posted on May 1, 2014 at 12:11 pm

No matter what type of business you are in, hearing the words ‘the client is always right’ will make you cringe. In design, those words will not only make you cringe, they can also make you feel devastated at the prospect of a ruined project. Sometimes though, they can be really funny.

With that in mind, Jonathan Quintin, founder and creative director at STUDIOJQ, has created a funny series of posters that feature some of the more ‘interesting’ things he has been asked by his clients. If you have heard things like ‘I want you to use a better font, how about Comic Sans?’, or ‘we don’t have much of a budget, but there will be plenty of work coming your way’, then we are sure you will love these posters…

The Client is Always Right Posters

The Client is Always Right poster collection We don
We don’t have much budget…

The Client is Always Right poster collection I don
I don’t like it…

The Client is Always Right poster collection I want you to use a better font
I want you to use a better font…

The Client is Always Right poster collection on the phone
On the phone…

The Client is Always Right poster collection I am just calling
I am just calling…

The Client is Always Right poster collection Can
Can’t you just…

The Client is Always Right poster collection I am just sending you the high res logo
I am just sending you the high res logo…

The Client is Always Right poster collection We don
We don’t have much budget…

The Client is Always Right poster collection Can
Can’t you just…

Client is Always Right… by Jonathan Quintin

Posted in Web Design

Does A Designer’s Opinion Mean More Than The User’s?

Posted on April 29, 2014 at 12:11 pm

Okay. I’m going to come out and say it. Designers are often way too territorial about their designs. It’s only natural, of course. You spend years and years developing your design skills, you create the ideal process for your ideal user to follow so that (you’re certain) they will get the best experience possible.

But here’s the thing: users may not stick to your original vision of how your design “should” be used. The truth is, they don’t have to, and, if your views on their user experience are off the mark, they shouldn’t.

We’re going to look at some ways in which users often give designers a run for their money when it comes to the ideal user experience, and explore whether a designer’s opinion means more than the user’s.

Technicality Versus Practicality

Sometimes, there is a clear battle between the designer’s creative vision and what the user really wants. This can be seen in major corporate projects as well as individual website designs for a single client. Designers, by virtue of being creative professionals, often let their ego get in the way of creating a truly functional product. Some of this is justified. After all, you want to maintain your reputation for quality, both functionally and visually.

Technicality Versus Practicality Designers Opinion

But, as the saying goes, form follows function. You don’t want to get so caught up in maintaining your design’s visual appeal that you lose sight of what’s best for the user. The best way to avoid this pitfall is to regularly interact with your target audience. Talk to people who interact with your website, app, or other designs. Ask them questions about their experience – what they feel could be improved, how your design is helping them achieve solutions to their problems, et cetera. This knowledge will be invaluable not just to your users and your clients, but also for expanding your career as a designer who really “gets” the ideal user experience.

Co-Opting Your Environment

Users, by definition, use things. Sounds obvious, I know, but many designers forget this simple fact, or think it only applies to a narrow set of rules. But people who use things are amazingly adaptable. They use the world around them to create their own design solutions, if the ones provided aren’t satisfactory. All users have this ability – including you.

Co-Opting Your Environment Designers Opinion

Yes, you routinely violate many designers’ perfect visions for how you should be using their products. Ever scribbled a phone number or email address on the back of someone’s business card? You rebellious user, you. From holding a supposedly “ergonomic” pen or tool in a way that’s unconventional, but more comfortable for you, to breaking out the sugru and physically altering a product to fit your individual needs, we all take advantage of what I call the user’s authority.

Following Leaders And Precedents

Once a design leaves your studio, it officially belongs to the user, and they will adapt it however they see fit. People use design to communicate with one another out in the world, often in ways that the designer never intended or even expected. Your design may end up serving a completely different purpose than what it was originally created for.

Following Leaders And Precedents Designers Opinion

Think about the last time you gave directions to a tourist or someone in your town who was lost. You probably told them something closer to “head left at the intersection with the weird billboard,” rather than rattled off a dry list of street names. Design infiltrates our daily lives, and we use it as placeholders, markers, and guides every day.

Does The Design Slow Down Progress?

The most important thing to consider in any design is whether the user can solve the problem they have with the maximum amount of efficiency. If your design is impeding them from doing this, then it’s a failure as a design. Again, talking to your target users will yield a wealth of information that can help you avoid this common crisis. I’m not talking about formal “focus group” style research either. Even something as simple as a 5 question email survey can help tremendously in the design process.

Does The Design Slow Down Progress Designers Opinion

For example, if you don’t know that the majority of your users are skipping the calls to action that you’ve added to your website, pretty much the only way you can find this out is by interacting with them. It’s unlikely that they’re going to tell you on their own, and, quite honestly, it’s not their responsibility to do so. You’re the designer – it’s your job to make sure that your designs are providing maximum efficiency for your users.

Building Up Trust

Well designed websites instill a sense of trust in the user. When you see a crappy looking website, your first instinct is that it’s probably a bit shady, or even an outright scam. Why? Well, because a legitimate business will usually at least make an attempt to have a professional looking front.

What Do You Think?

How do you think designers can adapt to their user’s needs and demands without sacrificing their creative ideals for their design projects?

Posted in Web Design

Freebie: 40 Flat & Solid User Interface Icons

Posted on April 27, 2014 at 12:11 pm

For this weeks designer freebie we have a user interface iconset, from Canadian designer Sean Coady, that are perfect for your next mobile app or web design project.

There are a total of 40 user interface icons in the set and have all been designed in a currently popular flat and solid style. The icons are 100% scalable vectors, with the download package containing both the AI and EPS files. You can freely use these icons in both your commercial and personal work.

Here they are:

Solid & Flat User Interface Icons

solid

solid
They are 100% scalable vectors in AI and EPS formats.

Download & License

You are free to use the Solid & Flat User Interface Icon Set in both your commercial and personal work.

About the Designer

These icons have been created by Canadian designer Sean Coady. You can view his work on Behance or follow him on Facebook.

Posted in Web Design

Weekly Design News (N.224)

Posted on April 25, 2014 at 12:11 pm

You can sign-up to our awesome weekly newsletter for some more amazing articles, resources and freebies.

Worth Reading

Ashley Nolan wrote about the fall and rise of SVG.
fall and rise of SVG weekly news for designers

The LambertGroup released a responsive zoom in/out slider plugin for WordPress that comes in 4 versions: Fixed dimensions, full width, full screen and sidebar banners/mini-galleries.
responsive zoom in/out slider plugin for WordPress weekly news for designers

Matt Griffin talks about coding with wireframes.
coding with wireframes weekly news for designers

Parker Bennett created and released the Stackicons-Social font.
Stackicons-Social font weekly news for designers

Gian Wild published her 15 golden rules for making links accessible.
making links accessible weekly news for designers

Raymond Camden created the video tutorial Debugging With the Firefox DevTools.

John Zeratsky gives pointers on writing great interface copy.
writing great interface copy weekly news for designers

Wes Hatch on “Scroll-Jacking” in full screen.
Scroll-Jacking weekly news for designers

Saijo George wrote about some exciting web design ideas that are worth a look.
exciting web design ideas weekly news for designers

Sam Norton published an indepth tutorial on getting started with LESS.
getting started with LESS weekly news for designers

We published 20 popular jQuery plugins you can configure without any coding.
jQuery plugins you can configure without any coding weekly news for designers

New Resources & Freebies

Typsettings – A Sass type toolkit.
responsive zoom in/out slider plugin for WordPress weekly news for designers0

Ridiculously Responsive Social Sharing Buttons.
responsive zoom in/out slider plugin for WordPress weekly news for designers1

Cute Grids – A clean base for your responsive design.
responsive zoom in/out slider plugin for WordPress weekly news for designers2

Orso – A LESS and SCSS nested rules generator.
responsive zoom in/out slider plugin for WordPress weekly news for designers3

Slidebars – A jQuery plugin for implementing app-style revealing menus.
responsive zoom in/out slider plugin for WordPress weekly news for designers4

TLDRLegal – Software licenses explained in plain English.
responsive zoom in/out slider plugin for WordPress weekly news for designers5

EnjoyCSS – A CSS3 code generator.
responsive zoom in/out slider plugin for WordPress weekly news for designers6

Ink – A Photoshop documentor plugin.
responsive zoom in/out slider plugin for WordPress weekly news for designers7

The Outlined Weather Icons Collection.
responsive zoom in/out slider plugin for WordPress weekly news for designers8

Some Inspiration

Beautiful & Clean Web Designs.
responsive zoom in/out slider plugin for WordPress weekly news for designers9

…and finally…

A CSS Tardis by John Galantini.
coding with wireframes weekly news for designers0

Posted in Web Design

Ghost.org, the blogging tool based on WordPress, is now available

Posted on April 24, 2014 at 3:56 pm

Back in November last year, John O’Nolan came up with a rather revolutionary concept of Ghost — a blogging tool based on WordPress. The logic behind this project was that WordPress is evolving more as a CMS and less as a blog publishing platform and as such, Ghost attempted to fill the need for a blogging tool.

Almost a year later, the first public release of Ghost has been announced. Plus, Ghost has also started accepting open signups and forum access.

Ghost.org, Blogging Tool Based on WordPress, is Now Available

Right now, you can either download Ghost and test run it all by yourself, or you can make use of automated Ghost installers, such as those provided by Bitnami, Rackspace and Digital Ocean. Among other things, Envato have also announced a $5000 competition for Ghost theme submissions.

A hosted solution for Ghost is also in the making, but is currently available only to beta testers.

If you have been looking for a simple blogging platform, Ghost might be of use for you! Go ahead and give it a spin.

Try Ghost

Posted in Web Design

Inspiring Examples of Logo Sketching

Posted on April 23, 2014 at 12:11 pm

Ahhh, sketching with pen and paper. Just you and a blank sheet of paper. A designers bliss.

It doesn’t matter whether you are a graphic designer, or a UI designer, sketching your initial ideas on paper is perhaps the most important, and at times underestimated, stage of any project. It truly gives you the complete freedom to dig deep into your imagination and flesh-out those creative ideas.

Viewing the sketching process in action can be a truly beautiful thing. With that in mind, today we are taking a look at some examples of logo sketching that will hopefully give you some inspiration.

We have previously featured examples of icon design sketching and some UI sketching, just in case you wanted to check them as well.

Lorensegs Insurance Company by IndustriaHED

Lorensegs Insurance Company logo sketching design process branding

Batter World by fuentoovehuna

Batter World by fuentoovehuna logo sketching design process branding

Logotypes Collection by Creative Mints

Logotypes Collection by Creative Mints logo sketching design process branding

Logotypes Collection by Creative Mints logo sketching design process branding

Logotypes Collection by Creative Mints logo sketching design process branding

Monogram by Ink Ration

Monogram logo sketching design process branding

Londonderry Sketch Variations by Helena Olson

Londonderry Sketch Variations logo design sketch process branding

AspireBoard Sketches by Eddie Lobanovskiy

AspireBoard Sketches logo design sketch process branding

Swallowtail Vineyards Logo by Dylan Bannecke

Swallowtail Vineyards Logo logo design sketch process branding

Logo Thumbnails by Bradley Hawkins

Thumbnails logo design sketch process branding

Sonic Corporate Identity

Batter World by fuentoovehuna logo sketching design process branding0

Map Pins by Eddie Lobanovskiy

Batter World by fuentoovehuna logo sketching design process branding1

Personal Branding Exploration by Anna K.

Batter World by fuentoovehuna logo sketching design process branding2

Hendrick’s Quinetum by Quaker City Mercantile

Batter World by fuentoovehuna logo sketching design process branding3

New York Public Library (NYPL) by Marc Blaustein

Batter World by fuentoovehuna logo sketching design process branding4

ITV Logo Creation

Batter World by fuentoovehuna logo sketching design process branding5

Logo Sketches by skylervm

Batter World by fuentoovehuna logo sketching design process branding6

Sketch Kit by Mike Rohde

Batter World by fuentoovehuna logo sketching design process branding7

AV Logo by Akos Venesz

Batter World by fuentoovehuna logo sketching design process branding8

Cuongarden by Bratus

Batter World by fuentoovehuna logo sketching design process branding9

AppleJack Logo by Artua

Logotypes Collection by Creative Mints logo sketching design process branding0

Posted in Web Design

« Previous PageNext Page »