Last week, one of my readers sent in a question: <strong>How do I become a better visual designer?</strong>
Last week, one of my readers sent in a question: How do I become a better visual designer?
As I was thinking about how to answer this question, my mind wandered to my experience with learning Mandarin Chinese. Recently, I decided to teach myself Mandarin. When it comes to learning a new language, you first have to start with the fundamentals. Nouns, pronouns, and verbs form the basis for conveying more complex ideas.
Language is a way that people communicate concepts to one another. Visual design is a visual language. And learning visual design is no different from learning a new language.
Good visual designs aren’t born. They are made. The key to becoming a better visual designer is rigor. You will only improve as a visual designer if you make a conscious effort.
Here are some fundamentals you should master so you can take your visual design to the next level.
You can tell a lot about a designer by looking at their typography. This is because type is a fundamental basis for design.
You can create entire designs with just type. You can also base designs on type, taking subtle queues from the fonts that you choose. In order to improve the typography in your designs, first start by learning the basics.
Develop a vocabulary for describing type. Learn about what terms like tracking, kerning, and leading mean. The article A Beautifully Illustrated Glossary Of Typographic Terms You Should Know is a great visual resource for learning those terms.
Then, if you want a comprehensive understanding of how to apply typography to the web, read Web Typography: The Elements of Typographic Style Applied to the Web.
For a more in depth exploration of typography, you can read my article: Typography can make your design… Or break it.
Spacing helps establish vertical and horizontal motion in your designs. It’s pivotal for creating visual hierarchy and forming association between elements.
When studying typography, you may have noticed the importance of spacing in type. Adjusting the kerning and leading for fonts is a great exercise for developing your eye for spacing. For this reason, I recommend you try KernType, a game where you compare your kerning solution to a typographer’s solution.
Another exercise that will help develop your eye is the following: Take an existing design, draw an x and y axis, simplify the design into basic shapes, analyze how the design is balanced, and then rearrange the elements. Pay close attention to how negative space affects the balance of the elements.
When it comes to creating visual hierarchy, sizing is second to none. By using size to convey visual relationships between elements, you can establish flow.
Sizing is one of the reasons why grids are useful. You can use grids to help you size elements using ratios to convey importance.
Once you have determined a size for an element, keep it the same across all instances of it. In design, consistency is king.
The key is asking for feedback.
Sketch or wireframe a landing page. Then ask a friend to look at your design. Get them to circle the elements that stand out the most. Afterwards, have them number the circled elements based on visual weight. Are the results what you expected?
When doing this exercise, keep the following questions in mind:
Color plays many roles. It conveys meaning, creates emotional resonance, and brings unity to designs.
For a deep dive into color, you can read my article Designing in Color. Here are a few key points from the article.
Once you have a good grasp on the basics of color theory, color comes down to experimentation and iteration. Actively try break out of your comfort zone and try new color palettes.
Spend time compiling color palettes for things around you like photographs, magazines, and your favorite shows. Then take an existing design and apply new color palettes to it.
Take note of how it changes the mood and tone of the design. Does it change the meaning as well?
Treat your work as a craft, in that there is always something that you can improve. Rely on yourself to be the motivation to become a better designer.
What are you strategies for improving as a designer? Leave me a note or send me a tweet on Twitter.
By : Jonathan Z. White
I often check new tools on a web development market to see what they can do and how I can use them. And sometimes I find products worthy to be mentioned. Today I want to tell you about Novi HTML visual editor and describe its features.
Personally, I find this product useful and reliable. Though, it’s not that simple.
Developed by a team with a good reputation Novi visual editing tool obviously has its pros and cons. So where should we start? Novi is a web development tool and has features that can make website development and management easy. You can develop compact landing pages or create multipage websites and fill them with tons of data. It allows you to create, manage, edit and delete the settings on your web pages.
You should choose a membership plan according to your needs. And if you are a web developer then do not doubt and choose the Dseveloped plan. It will be your constant source of ideas and templates. And, by the way, you can try it out and check how it works on a free demo version.