Freebie Friday: Metro Vibes UI Kit
Get this scalable PSD file from our friends at GraphicsFuel today. This is actually part of a full UI kit from PixelKit.com
Follow this link for more details and download.
Get this scalable PSD file from our friends at GraphicsFuel today. This is actually part of a full UI kit from PixelKit.com
Follow this link for more details and download.
Color is a complex concept, can have a lot of properties; hue, saturation and value are some of the most important characteristics of color. We usually refer to colors by simple names such as red or blue. Are there more precise and descriptive ways to talk about colors? There are many terms which are used to describe colors, and often there is some confusion as to what each of the terms mean. Here I will try to explain some of the most common terms use in color theory.
HUE
Hue is somewhat synonymous to what we usually refer to as “colors”. Red, green, blue, yellow, and orange are a few examples of different hues. The different hues have different wave lengths in the spectrum. Hue is expressed as a number from 0 to 360 degrees representing hues of red (starts at 0), yellow (starts at 60), green (starts at 120), cyan (starts at 180), blue (starts at 240), and magenta (starts at 300).
SATURATION
The color is completely pure. Saturation can also be called a color’s intensity. It is a measurement of how different from pure grey the color is. Saturation is not really a matter of light and dark, but rather how pale or strong the color is. The saturation of a color is not constant, but it varies depending on the surroundings and what light the color is seen in. Saturation is the amount of gray (0% to 100%) in the color.
VALUE
Value (lightness) describes overall intensity to how light or dark a color is. It is the only dimension of color that may exist by itself. The value is a measurement of the brightness of a color. The brighter a color is, the higher is its value and the more light it emits. For instance, a vivid yellow is brighter than dark blue, therefore its value is higher than that of the blue. A good way to see the difference in the values of colors is to look at the corresponding greyscale version. Value works in conjunction with saturation and describes the brightness or intensity of the color from 0% to 100%.
The HSV scale clearly stands for “Hue, Saturation, Value.” It does a better job at visually explaining the concept of light, and it is a very useful one to comprehend, as it is what most sophisticated digital color pickers are based on (including all Adobe software). Not only do graphic designers need to understand this color construct, but fine artists do as well since digital art and rendering has become such an integral part of art processes.
My last post opened the amazing topic of whitespace or “negative space” as some may call it. This topic have a big connotation and can be source of many debates on how much is too much.
Today we are going to review some facts and opinions about whitespace, this will help us determine how much is too much?
Clients usually like to use all the space you have available for them, at the end, they are paying for it. But we all know that’s not always the best option even if they are paying; a crowded design is not always effective. Whitespace is probably one of the most overlooked and underutilized concepts in design, every design has whitespace, but the problem is that not every design has enough. The truth is, whitespace might be one of the most valuable parts of your design.
Let’s think about this, you’re in a store. It wouldn’t be a pleasant experience if you had trouble moving around due to the overcrowded aisles, alongside the sales assistant constantly prompting you with their special offers. There’s just too much to look at and you have neither the time nor the patience to find what you originally came in looking for. It’s not nice, it is not productive. This is one of the key features of why Apple stores work so well. They’re very minimalist and a large amount of the shop floor is given to the products themselves.
Now, what does that have to do with design? A lot actually. We don’t come for the task of hunting out a specific string of text underneath a wealth of pointless content you don’t care about. Negative space helps with both of these problems by leaving designs uncluttered at the same time as drawing attention to the focal point of the page.
No matter how badly you want to just fill up the entire space allotted for your design try hard not to do it. Negative space isn’t negative in the least, and it can make your designs look a lot more professional. With the endless advantages of using negative space effectively, you should stop avoiding negative space and embrace it head on. Hopefully I’ve been able to reduce your fears about negative space in your designs and you are on your way to creating some great design projects.
These are the facts, but more so this is my personal opinion, can you have too much white space? No you can’t…
What do you think about it? Are the examples in this article representatives of too much whitespace or are they effective designs?
Designers are always creating, every design is a creation on its own. In that creation process we sometimes forget or ignore the importance of white space. Sometimes is called negative space which refers to the empty space between design elements. Spaces not occupied with text, images or other visual elements. White space should not be considered merely ‘blank’ space — it is an important element of design which enables the objects in it to exist at all, the balance between positive (or non-white) and the use of negative spaces is key to aesthetic composition.
Negative space is not always white in color. If we go back to the description, it refers to a SPACE regardless if it is white or not. White space can be categorize in two different ways:
White space exists for a reason – to ease the process of analyzing graphics or content so this is what you have to remember while using it in graphic design. The human eye percepts an organized and clean layout better than a cluttered space full of visual disturbances.
Today we will list the benefits of white space in your designs:
How do you use white space? Do you think white space is wasted space?
In April I attended the Photoshop World Expo here in Orlando, FL in April. There were so many people in attendance it was crazy. I ran into a few people I knew locally, but met a whole bunch more from all around the US. This was my first time ever attending a Photoshop World Expo, so I was like a kid in a candy store.
For those of you who have never attended the full expo, here’s what goes down. It is a few days of full day workshops led by some well-known industry leaders in photography and Photoshop. The last two days is the expo part, and that is where all the vendors are, real demos from experts, speakers, and even some hands on experiences from various software manufacturers.
Getting to see the vendors actually using some of the famed software like Photoshop CS6 or Perfect Photo Suite 7 was pretty cool. I ended up buying some software right on the spot convinced I’ll be able to replicate the effects they showed that day.
One of the apparent fan favorites is the free model shoot you can just walk up to and shoot with whatever camera you happen to bring with you that day. This theme was of a young blonde dressed in a nice aviator outfit accompanied with an aviation background. There were two constant light setups to both sides of her.
A logo, unlike any other design element; is the face of a company. Whether it is your business card, letterhead or a brochure, the first thing that gets noticed is your logo design. That’s why I will attempt to share ideas from my experiences with branding-focused logo design for the real world.
Ask questions, and create your Design Questionnaire
Conduct a questionnaire or interview with the client to get the design brief. Ask, ask, ask! this is the key to know what your client wants. Ask about the business history, how the company differ from its competitor, specific images or icons they will like to include on the logo, color preferences, etc.
Search, research and search again
Problem-solve first, design later. Conduct research on the industry itself, its history and competitors. Research on logo designs that have been successful and on current styles and trends that may relate to the design brief. Follow trends not for their own sake but rather to be aware of them: longevity in logo design is key.
Conceptualizing, sketching…CREATING
Who sketch anymore? Actually sketching is a great way to transfer the ideas in your head into paper. Develop the logo design concept(s) around the questionnaire and your research. This is the single most important part of the design process. Get creative and be inspired. After that, it’s always easier to actually design it on the computer. Sketching helps to evolve your imagination: once you understand it, you will always start from just white paper.
Coffee break or Reflection time
Take breaks throughout the design process. This helps your ideas mature, renews your enthusiasm and allows you to solicit feedback. It also gives you a fresh perspective on your work.
Revise and improve
Every design have space for improvement, small modifications can result in a great design.
Show time or logo presentation
Present only your best logo designs to your client. You may also wish to show the logo in context, which will help the client more clearly visualize the brand identity. Preparing a high-quality presentation is the single most effective way to get your clients to approve your designs.
“Canned presentations have the ring of emptiness. The meaningful presentation is custom designed—for a particular purpose, for a particular person. How to present a new idea is, perhaps, one of the designer’s most difficult tasks. This how is not only a design problem, it also pleads for something novel.
Everything a designer does involves a presentation of some kind—not only how to explain (present) a particular design to an interested listener (client, reader, spectator), but how the design may explain itself in the marketplace… A presentation is the musical accompaniment of design. A presentation that lacks an idea cannot hide behind glamorous photos, pizzazz, or ballyhoo. If it is full of gibberish, it may fall on deaf ears; if too laid back, it may land a prospect in the arms of Morpheus.” (Paul Rand)
Delivery and support
Deliver the appropriate files to the client and give all support that is needed. Remember to under-promise and over-deliver. After you’ve finished, have a beer, eat some chocolate and then start your next project.
A logo doesn’t need to say what a company does. Restaurant logos don’t need to show food, dentist logos don’t need to show teeth, furniture store logos don’t need to show furniture. Just because it’s relevant, doesn’t mean you can’t do better. The Mercedes logo isn’t a car. The Virgin Atlantic logo isn’t an airplane. The Apple logo isn’t a computer. Etc. David Airey
These are some of the basic steps I follow when creating a logo, what are yours?