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
Don Lockwood (Singin’ in the Rain)
Alex & Dim (Clockwork Orange)
Darth Vader & Luke (Star Wars)
Freddy & Jason (Nightmare on Elm Street & Friday the 13th)
The Bride (Kill Bill)
Carl Fredricksen (Up)
Charlie Chaplin
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
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)
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.
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
We don’t have much budget…
I don’t like it…
I want you to use a better font…
On the phone…
I am just calling…
Can’t you just…
I am just sending you the high res logo…
We don’t have much budget…
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.
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.
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.
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.
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
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.
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.
Matt Griffin talks about coding with wireframes.
Parker Bennett created and released the Stackicons-Social font.
Gian Wild published her 15 golden rules for making links accessible.
Raymond Camden created the video tutorial Debugging With the Firefox DevTools.
John Zeratsky gives pointers on writing great interface copy.
Wes Hatch on “Scroll-Jacking” in full screen.
Saijo George wrote about some exciting web design ideas that are worth a look.
Sam Norton published an indepth tutorial on getting started with LESS.
We published 20 popular jQuery plugins you can configure without any coding.
New Resources & Freebies
Typsettings – A Sass type toolkit.
0
Ridiculously Responsive Social Sharing Buttons.
1
Cute Grids – A clean base for your responsive design.
2
Orso – A LESS and SCSS nested rules generator.
3
Slidebars – A jQuery plugin for implementing app-style revealing menus.
4
TLDRLegal – Software licenses explained in plain English.
5
EnjoyCSS – A CSS3 code generator.
6
Ink – A Photoshop documentor plugin.
7
The Outlined Weather Icons Collection.
8
Some Inspiration
Beautiful & Clean Web Designs.
9
…and finally…
A CSS Tardis by John Galantini.
0
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.
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
Batter World by fuentoovehuna
Logotypes Collection by Creative Mints
Monogram by Ink Ration
Londonderry Sketch Variations by Helena Olson
AspireBoard Sketches by Eddie Lobanovskiy
Swallowtail Vineyards Logo by Dylan Bannecke
Logo Thumbnails by Bradley Hawkins
Sonic Corporate Identity
0
Map Pins by Eddie Lobanovskiy
1
Personal Branding Exploration by Anna K.
2
Hendrick’s Quinetum by Quaker City Mercantile
3
New York Public Library (NYPL) by Marc Blaustein
4
ITV Logo Creation
5
Logo Sketches by skylervm
6
Sketch Kit by Mike Rohde
7
AV Logo by Akos Venesz
8
Cuongarden by Bratus
9
AppleJack Logo by Artua
0
Posted in Web Design