{"id":69835,"date":"2016-04-23T09:21:00","date_gmt":"2016-04-22T23:21:00","guid":{"rendered":"https:\/\/elements.blog-cms.envato.net\/?p=1673"},"modified":"2025-11-11T18:02:48","modified_gmt":"2025-11-11T07:02:48","slug":"skills-tools-every-designer-should-know","status":"publish","type":"post","link":"https:\/\/elements.envato.com\/learn\/skills-tools-every-designer-should-know","title":{"rendered":"Checklist of Skills & Tools Every Designer Should Learn"},"content":{"rendered":"\n

Diving into the pool of graphic<\/a> and UI design<\/a> can be stressful. Your work won’t be great to start. But you can get better faster by setting fixed goals.<\/p>\n\n\n\n

Most goals have a fixed end point where you can state “I’ve done it!”. Since design is more fluid and difficult to pinpoint growth, it’ll help if you target specific skills and work on those areas persistently<\/a>. <\/p>\n\n\n\n

But where should you focus?<\/p>\n\n\n\n

Here’s my top tips for the\u00a0catch-all skills every designer should understand. Whether you create posters, books<\/a>, websites<\/a> or mobile apps<\/a>, you’ll notice improvements in your work by practicing these different areas of study and finding the right study tools<\/a>. To get started find the areas in which you feel the weakest and practice until you’ve built up confidence<\/a>.<\/p>\n\n\n\n

Early Stage Sketching<\/h3>\n\n\n\n

I can already feel some of you cringing at your preschool-level drawing abilities, but please bear with me. There’s no denying that digital design work absolutely requires a computer. But the planning stage is meant to be rapid and free-flowing.<\/p>\n\n\n\n

A mouse and keyboard are more “rigid” compared to paper and a pencil. The thing that many designers fear about paper and pencil is their innate lack of control and poor motor skills. Unless you’ve been drawing since you were a kid, drawing is hard. No doubt.<\/p>\n\n\n\n

\"Sketching<\/figure>\n\n\n\n

But you’d be surprised how many people join art classes in their older years and walk away with incredible skills. You don’t need a proclivity towards art to learn how to sketch. Nor do you need to master fine art skills.<\/p>\n\n\n\n

The primary benefit of paper and pencil is the ability to sketch your ideas before going digital. You’re less concerned about specifics and more concerned about getting down raw ideas.<\/p>\n\n\n\n

A UI wireframe can be sketched with almost no drawing ability whatsoever. And if you stick with it over time you will notice an improvement.<\/p>\n\n\n\n

The primary benefit of paper and pencil is the ability to sketch your ideas before going digital.<\/p><\/blockquote>\n\n\n\n

\"Sketching<\/figure>\n\n\n\n

Drawing has fewer barriers between your brain and the final output. On a computer you need to already have keyboard and mouse skills, figure out which program to use, then learn that program and construct your idea. We’ve all used pencils since school so we’re familiar with how they work.<\/p>\n\n\n\n

But some designers still vehemently reject learning to draw, and in many cases their design work still looks great. But one common denominator among designers who know both digital & analog design is that both mediums feed into each other.<\/p>\n\n\n\n

So while you may not “need” to learn the basics of sketching, if you do I guarantee your work will improve dramatically.<\/p>\n\n\n\n

Pixel & Vector Programs<\/h3>\n\n\n\n

The most popular software is Adobe’s Creative Suite<\/a> with designers primarily focused on Photoshop and Illustrator. Photoshop is meant for pixel\/bitmap work and Illustrator is for vector graphics. Learning both programs can give you an edge in the design market and the ability to work on various projects.<\/p>\n\n\n\n

\"Adobe's<\/figure>\n\n\n\n

But there is also something to be said about specialization. For example, a web designer should know how to create both vector icons<\/a> and pixel graphics<\/a>. Think about small pixel-based effects or tileable backgrounds like a denim pattern, stitching, checkers, and other similar textures.<\/p>\n\n\n\n

If you’re just getting started then it’s a good idea to focus on one program at a time. Learn software that allows you to create whatever you’re most interested in doing. Photo editing for ads or magazines would be a Photoshop task. SVG animations for the web<\/a> fall within Illustrator territory.<\/p>\n\n\n\n

\"Sketch3<\/figure>\n\n\n\n

Also keep in mind there are other programs worth learning based on your field of study. A print designer should absolutely learn InDesign<\/a>, but PS\/AI also come in handy. Similarly web designers on Mac could go for Sketch<\/a> instead of Adobe’s programs.<\/p>\n\n\n\n

The point isn’t necessarily which software you choose, but rather that you master your intended software and gain confidence that you can build anything your clients might request.<\/p>\n\n\n\n

Harmonious Typography<\/h3>\n\n\n\n

Type designers and calligraphers have a deep passion for text. Many designers choose to specialize in typography<\/a> and make a very satiable living. But you don’t need to be an expert to still understand typefaces and typographic design.<\/p>\n\n\n\n

One skill worth learning is how to blend different fonts together. This consists of finding typefaces and determining which ones look best on any given project. Each design project is meant to convey a unique message, often relying on great typography.<\/p>\n\n\n\n

\"drawing<\/figure>\n\n\n\n

Your job is to figure out which typefaces work best and how to stack them in a recognizable hierarchy.<\/p>\n\n\n\n

If you need some inspiration, check out some of the excellent typefaces available over on Envato Elements<\/a>.<\/p>\n\n\n\n

\"excellent
These are just a few of the excellent fonts you can grab over on Envato Elements<\/a>!<\/figcaption><\/figure>\n\n\n\n

Another part of this skillset is learning about options for customizing type. Size, kerning, and line height are all variables that play a role in how text is displayed.<\/p>\n\n\n\n

\"Cereal<\/figure>\n\n\n\n

Designers who really want to learn about typography may enjoy Thinking with Type<\/a>. It covers typographic principles along with some ideas on grid structure and content layout.<\/p>\n\n\n\n

Swatches & Color Matching<\/h2>\n\n\n\n

Color schemes are important whether you use Photoshop, Gimp, Illustrator, InkScape, Sketch, or whatever new program takes over the market in 2025. Color matching is rather ubiquitous because it applies to all products from logos to websites and product packages.<\/p>\n\n\n\n

The ability to organize a great color scheme comes with practice. You can also build up a library of ideas by looking at other designs and even creating your own swatches. This is a great reusable strategy, but eventually you’ll want to learn how to pick colors of your own volition.<\/p>\n\n\n\n

Unfortunately when first getting into design there are many other topics worth learning before color. Yes color is important, but a great design should be presentable in B&W too. Because of this I have to recommend that you focus on other skills first before becoming a color master (gotta match ’em all).<\/p>\n\n\n\n

But in the meantime you can’t just design without color. One option is to save work that you like and build color palettes from those examples. Another option is to use a color matching tool like Paletton<\/a>.<\/p>\n\n\n\n

\"paletton<\/figure>\n\n\n\n

This is completely free and works just as you’d expect. Input a base color and select one of the various color modes. Paletton will output a set of matching colors and other optional colors that could be used together in a theme. It’s not perfect but it’s certainly better than nothing.<\/p>\n\n\n\n

If you want to learn more about color theory I’d recommend Interaction of Color<\/a> by Josef Albers. It offers some great examples and does its best to explain how you should think, rather than rote memorization of color matching principles.<\/p>\n\n\n\n

Compositional Arrangement<\/h3>\n\n\n\n

Both print and digital designers require a knowledge of composition<\/a>. This subject can be tacitly absorbed by studying other great designers, but there’s also some benefit to learning about composition and how it works.<\/p>\n\n\n\n

Generally every design is meant to convey a certain mood, tone, or message. The composition is what you see looking at the whole of the design. It considers everything from rhythm, balance, and noticeable relationships.<\/p>\n\n\n\n

\"A<\/figure>\n\n\n\n

Although this topic is broad, it’s actually comprised of various smaller design topics. For example white space<\/strong> can affect rhythm, balance, and relationships. Tuts+ author Rachel Shillcock wrote an introduction to composition<\/a> for web design that can apply to traditional graphic design as well.<\/p>\n\n\n\n

The best advice I can offer is to hold composition in the back of your mind at all times. Think about the smaller pieces but also consider how they affect the bigger picture.<\/p>\n\n\n\n

Study examples from your favorite designers and keep a folder of design inspiration. Check back often and even try re-creating similar effects to see how the composition comes together at varying stages. Like most areas of design, composition isn’t learned from a textbook<\/a> but rather from a library of work.<\/p>\n\n\n\n

Practice Makes Permanent<\/h3>\n\n\n\n

I first heard this phrase while studying art and it seems applicable to all fields. Consistent practice is good, but you also want to make sure that you’re advancing instead of repeating the same techniques ad infinitum.<\/p>\n\n\n\n

Design can be considered more of a trade where you learn quicker from actual projects. If you don’t have projects then make up some criteria and build your own stuff. The key is to practice skills that make you uncomfortable until you’ve built up a level of comfort. Design is not easy but with practice and familiarity it can become easier.<\/p>\n","protected":false},"excerpt":{"rendered":"

Whether you create posters, books, websites or mobile apps, you\u2019ll notice improvements in your work by practicing this checklist of skills.<\/p>\n","protected":false},"author":11,"featured_media":77610,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[157,163],"tags":[],"class_list":["post-69835","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-typography"],"acf":[],"_links":{"self":[{"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/posts\/69835","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/comments?post=69835"}],"version-history":[{"count":0,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/posts\/69835\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/media\/77610"}],"wp:attachment":[{"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/media?parent=69835"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/categories?post=69835"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/tags?post=69835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}