Want to know how to design? Then you should learn the basics of design. The basic elements of design include colour, line, shape, scale, space, texture and value and these are the fundamental pieces that make up any piece of work. If you ever start a design course this will be the very first thing that you are taught, guaranteed.
But what if you’re not a student? What if you’re not self-taught? What if you are a looking for ways to enhance your design skills? Then this is the guide for you.
Note from Jacob Cass: This is a guest article written by Lauren Marie who is a graphic designer in corporate America during the day and a blogger via night.
Colour
Colour has a huge impact on the mood of the design. A predominantly red colour usually represents strong emotions—love, anger, passion—while blue can make the design feel calm, cool and peaceful. Color contributes to the unity of a series of flyers, emphasizes important information and leads the eye through a design.
Select articles on color:
- Using Colour: Real World Examples
- The Colour Wheel and Color Theory
- Pantone Swatches on Squidoo
- Color Wheel – Color Theory on Canva
- The Best Colour Tools Online
Line
Are your lines straight and slim, or thick and squiggly? The quality of the line (hand drawn to precise) can say a lot about the mood you are setting with your design. Hand drawn or thick lines tend towards juvenile themes, where as straight and thin lines are more refined, corporate or intelligent.
How lines interact with each other is important, too. If they are straight, thin lines, but are colliding at all sorts of crazy angles, that is going to be chaotic. If they have a hand drawn quality to them but are more or less straight and orderly, this can give a much needed personal appeal to a design.
Select articles on line:
- Using Line: Real World Examples
- Artist’s Toolkit: Line
- Introduction to the Elements of Design: Point and Line
Shape
Did you know that shapes can convey a mood just like any other element of design? Angular shapes like squares and triangles tend to indicate masculinity, while smooth and curving shapes like circles are more feminine. Squares are very familiar to us (think of your monitor, a piece of paper or the TV screen), so they are secure, trustworthy and stable. Circles very pleasing to the eye and are organic, whole, peaceful and exude unity.
Select articles on shape:
Using Shape: Real World Examples
Scale and Size
Bring balance, proportion and contrast to your designs with scale and size. Just for reference, size is the actual dimensions of an element on the page, scale is the element’s relation to its original (like putting a person on a billboard—it’s going to be “larger than life”) and proportion is the relation of all the elements on the page in terms of size and scale. Use scale and proportion to indicate the actual size of an object or to emphasize the difference in the sizes of two objects (a child’s hand against its mother’s is a common use of size).
Select articles on scale/size:
Using Scale: Real World Examples
Space
Space is often referred to as white space, and gives the design some breathing room and the eye a place to rest. An ill use of space (or perhaps a very well planned out use) can make the design feel crowded and claustrophobic. Too much space, however, and the design can seem unfinished, like it’s missing something. Once you know the rules (for any of these elements, really), you can also experiment with breaking them in order to push a different emotional response.
Select articles on space:
Using Space: Real World Examples
A List Apart: Whitespace
Texture
Texture is a fun element to experiment with and use to bring realism to your designs. It can be effectively used to add visual interest and it really helps make a design unique. Textures are not just applied in the computer; you can take into consideration the materials used in the final printed pieces, too.
Select articles on line:
Using Texture: Real World Examples
Value
Value can really add unity to your designs if you pay attention to this neglected element. It is also a great way to create a focal point and guide the viewer’s eye through the layout. This little element can bring together parts of the design to make them balanced; using elements similar in a high intensity value (light, towards the white end of the spectrum) can create a subdued tone, where values lower in intensity (darker, towards black) can be ominous and foreboding. Using values on either extreme of the spectrum has a very dramatic effect.
Select articles on value:
ArtLex: Value
The Purpose of Graphic Design
The purpose of graphic design is communication. As you go through each stage of your design process, ask yourself how you are using each of these elements of design to enhance the delivery of the message, affect the mood of the piece and relate the product or message to the target audience. Remember that these elements apply to everything in the layout, from composition, to photos, to typography.
Great article. I enjoyed it!
Yes, I can agree to the others: Very helpful! Thanks a lot!
Great article, Lauren–nice summary of some basics. As someone who has no formal training in Graphic Design, I have had to learn a lot of this by trial, error, and inspiration. A great book to get some of the basics is “The Non-Designer’s Design Book” by Robin Williams.
Don’t forget to Float the article, everyone!
Okay, I appreciate what you are trying to do here, but what you are talking about is the actual design process, not design.
Design is more than a collection of references. The only way to become a designer is through education, experience, and questioning the world around you. If you do not have an opinion about your door handles in your home, you will probably never be a designer or be able to design – This is the unfortunate curse of Graphic Design.
“Designing is not a profession but an attitude. Design has many connotations. It is the organization of materials and processes in the most productive way, in a harmonious balance of all elements necessary for a certain function. It is the integration of technological, social, and economical requirements, biological necessities, and the psychological effects of materials, shape, color, volume and space. Thinking in relationships.”
Laszlo Moholy-Nagy, Photographer, Graphic Designer, Co-Founder, Bauhaus
The pictures in this post are brilliant. I love design blogs that burst with inspiration.
It’s beginning to occur to me that you can’t just ‘talk’ about design, you’ve got to illustrate it.
Thanks for a great post,
Tom
[This is the second post from JCD I’ve found via del.icio.us. Loved both of them. Subscribed to feed!]
[…] Want to know how to design? Learn The Basics. The basic elements of design include colour, line, shape, scale, space, texture and value and these are the fundamental pieces that make up any piece of work. (tags: webdesign tutorial inspiration design) […]
Great article, now I am just going to have to find the time to get some work done in between digging through all of this.
Jeremys last blog post..Rub a Little Dirt on It
Jeffrey, Jeremy,
Thanks! Glad you enjoyed it!
Chad,
Even those of us with a design degree still learn most of what we know through experience! I have heard mixed reviews about the Non-Designer’s Design Book, but it’s not terribly expensive (about $20 USD) so perhaps I’ll just pony up and get it. Thanks for the Float, too!
LaurenMarie – Creative Curios last blog post..The Quick and Easy Guide to Color Correction Part 1
[…] Want To Know How To Design? Learn The Basics The basic elements of design include colour, line, shape, scale, space, texture and value and these are the fundamental pieces that make up any piece of work. Tips for Localized PPC Advertising for Designers Pay-Per-Click (PPC) advertising can be an extremely productive and cost-effective method of generating leads for local design work. Part 2/4: Design and Code a site with Gimp, HTML and CSS I will be showing you how to slice the design ready for coding. This is the process whereby we basically cut each element into separate images ready to code into the site. Get More Honey (new web-based app) More Honey provides simple, online time tracking and expense tracking for freelancers. Bee-ing a freelancer you need to be very careful to bill your clients for the proper amounts of time. Free Slogan/Tagline For Your Business or Blog As the title suggests, we are going to be creating a free slogan and tagline campaign here at marketing hackz. Slogans are an essential part of business… […]
brief.
informative
and on point.
well done!
Mokokomas last blog post..Interview by Neo Dhlamini
Want to know how to design? Learn The Basics. | nerdd.net…
rnWant to know how to design? Then you should learn the basics of design. The basic elements of de…
[…] Just Creative Design blog shows how to do the basics from drawing lines and mood with shapes to using space and experimentng with texture. Enhance your design skills with one simple and valuable article. Friday, June 13th | News […]
@Ben
I don’t agree with your statement concerning this post. Yes people have design inside them and its something learned through experience but Lauren is referring to the first things you learn when taking an education.
The part about values is something people neglect when designing and can impact things drastically. Just look at this blog the colors are different values of Black and Red. I try never to use full values of colors in my designs sometimes just a little off can make it amazing.
modemloopers last blog post..What Happens When Bloggers Unite?
[…] scale, space, texture and value and these are the fundamental pieces that make up any piece of work.read more | digg […]
Well, as a right-brained non-desinger type I must say that I appreciate your efforts.
Some of the things you bring up like color and lines and texture would never even occur to someone with as shallow designing skills as myself. But just the fact that I am being made aware of the facts and details of good web design will make me pay attention to them and thus make me better.
I’ve bookmarked your blog (and Jacob’s too!) and will be refering back to them for some much needed inspiration.
Mokokoma,
Thank you!
Ben,
I appreciate your willingness to disagree. I must disagree with you, however, that this post is on the design process. The design process is thumbnails, comps, revisions, etc. This post is on the education and questioning you are talking about. And I do not question my door handles. Nor my kitchen counters nor the toilet seat. Does that mean I’m not a designer? It’s nice to throw quotes of famous people everywhere, but that doesn’t necessarily mean their view is “right” or that it is the only acceptable view. It would be better to hear your own ideas and thoughts on the matter instead of someone else’s.
Modemlooper,
Thanks for your insights. Interesting that you are so aware of your use of value! That’s probably the one I forget about the most.
Thomas,
Awesome! Pleased you were inspired.
LaurenMarie – Creative Curios last blog post..The Quick and Easy Guide to Color Correction Part 1
Useful…
web design companys last blog post..Creative Advertisements
[…] Want to know how to design? Learn The Basics. Want to know how to design? Learn The Basics. Getting Your Business Started, Great Resources | […]
[…] Want to know how to design? Learn The Basics. (tags: webdesign Inspiration tutorial) […]
[…] Want to know how to design? Learn The Basics. (tags: tutorial blog) […]
I’m gonna have to agree with Ben here on this one. Design is so much more than a list of elements which contribute to the final work. Technical ability and ontological analysis will only get you so far. You need to be considering design as something much deeper. Gestalt if you will.
I will agree, however, that this isn’t about design process. If you REALLY want to teach someone how to ‘design’ you probably wouldn’t refer to the modes of communication at any point. You will talk about thought processes. How to get to solutions to will work for a client. When a design is finished etc.
Otherwise, a good article for beginners 😉
Anthony Shorts last blog post..Dynamic CSS layouts in 5 minutes
[…] Want to know how to design? Learn The Basics. […]
Great article, every designer should read this. Especially seasoned vets who need a refresher.
As for the ongoing discussion, well I think you’re all right (or all wrong). You have to look at your design from a technical point of view, the elements that go into it, the processes.
I think Ben and Anthony take it too far in suggesting that a single-minded point of view is necessary for design. It’s the opposite. Any great design most likely has a number of considerations involved and it would be very difficult to create anything without using the elements that were discussed in this primer
[…] Want to know how to design? Learn The Basics. I’ve been reading this stuff for a long time, but it helps to have a refresher now and then (tags: design reference) […]
Great Article
Fredriks last blog post..Wordbook and Armin van Buuren ASOT ep 356
@Sketchee – I think you’re missing the point of what I was saying.
“I think Ben and Anthony take it too far in suggesting that a single-minded point of view is necessary for design.”
This isn’t what I meant. Its quite the opposite. I mentioned gestalt – the whole being greater than the sum of its parts – all the elements design coming together to form the final design.
These low-level components only make up the simplest level of design. Until you factor in culture, audience, expectations, emotional response – not to mention context – you won’t ever find a great design. “Always consider a design in relation to its next larger context”.
Design is much more complex than it appears. I mean no disrepect to the author. It’s still a great article about the principles of design. I’m just arguing that design is deeper.
Anthony Shorts last blog post..Dynamic CSS layouts in 5 minutes
[…] Want to know how to design? Learn The Basics. (tags: design webdesign tutorial inspiration howto reference blog tutorials) […]
[…] Want to know how to design? Learn The Basics, uma excelente seleção de bons artigos. […]
[…] que son aplicables a cualquier tipo de diseño. El artÃculo está escrito por Lauren Marie para Just Creative Design donde recopila temas tan importantes como el color, la forma, espacios etc, con una breve […]
[…] Want to know how to design? Learn The Basics. (tags: design howto tutorial) […]
[…] Want to know how to design? Learn The Basics.The basic elements of design include colour, line, shape, scale, space, texture and value and these are the fundamental pieces that make up any piece of work. […]
[…] via?Want to know how to design? Learn The Basics. […]
WOW! Again a great article.
Now i have to analyze a day to understand what is written here. And i know this will be great to improve myself. Thanks a lot.
petnoss last blog post..Türkiye – H?rvatistan Euro 2008 Çeyrek Final Maç?
Great article about the basic for design. Thank you.
Ralph
Always good to remind ourselves of the basics, thanks.
Barrys last blog post..Degree Show Comments
[…] Want to know how to design? Learn The Basics. Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages. […]
Phil,
Don’t get so down on yourself! You have to start somewhere and the basics is a great place. Just start with being aware of your use and other people’s uses of each of these elements.
Anthony and Sketchee,
Thanks for your points of view and the following conversation.
Anthony, this was meant to be an overview of the basics of design, and I think you picked up on that from your comments. If a designer doesn’t know where to start, it can be pretty overwhelming to begin any design!
I find that breaking designs down into these components also helps me analyze layouts that I think are good and learn how they’ve used each of these basic elements so that I can improve my uses, too.
You’re definitely right, though, that design does have to take into consideration the audience, culture, etc. But now that I think about it, wouldn’t that be more along the lines of marketing? I guess that’s another blurry line where design meets other disciplines (seen similarly where design meets art/illustration, user interface design, usability, copy writing, etc).
LaurenMarie – Creative Curios last blog post..Photoshop Action Freebie: Light Writing Effect
Juan,
I didn’t know that! Thank you for enlightening us 🙂
LaurenMarie – Creative Curios last blog post..The Quick and Easy Guide to Color Correction Part 2
Great article!
I’d like to add, as a curious fact, that white space is also very important in optometry, because people with lazy eye (amblyopia) suffer from crowding effect in a greater way compared to “normal” people. This is vital when designing visual acuity charts.
[…] to remember that there are some absolutes that all creatives can learn from – such as the Basic Elements of Design posted over on Just Creative Design by Jacob Cass. Even if these rules do exist JUST to be broken, […]
[…] Want to know how to design? Learn The Basics. (tags: design howto graphics art guides) […]
[…] Category: DesignRead more […]
[…] 25- Want to know how to design? Learn The Basics. […]
[…] Want to know how to design? Learn The Basics. […]
[…] ????????? Want to know how to design? Learn The Basics. […]
[…] Graphic Design Principles (tags: blog reference howto inspiration tutorial webdesign design) […]
[…] 82 adet 2008 tasar?m trendini gösteren güzel bir makale. 11- Want to know how to design? Learn The Basics. […]
I had bookmarked this post a while ago now, and finally got back to it. Very well explained. thank you very much. Great reading.
Thanks for compiling this, I’ve referenced it several times. love your blog!
Thank you very much for publishing this. Was very helpful. I recommend this to a lot of people
One more interesting article from your end.. good job.. keep it up..:-)
[…] 16- ????????????????? […]
Very good article – simple, basic and efficient!
Thank you.
[…] “The basic elements of design include colour, line, shape, scale, space, texture and value and these are the fundamental pieces that make up any piece of work.” Visit Lesson […]
[…] Visit Lesson […]
thanks. i’m a writer dabbling in graphic design and this overview as helped, like, totally.
[…] Visit Lesson […]
[…] you want a basic introduction to what makes good design, go here for blurbs about colour, line, shape, scale and size, space, texture and value. Remember, the […]
Hi, Jacob, I just want to say that your article is very interesting, I want to know if you let me use it in my little blog, I’ll just translate to spanish your article. cheers!
ddnewbie.blogspot.com
Hello Diana,
Please ask Lauren, the author of the article, thank you! Otherwise it is fine with me.
http://laurenmarie.net/index.php is this the Lauren’s website?
Diana,
http://creativecurio.com – great website too!
Hi, Jacob, this is the Lauren’s article (translated into spanish) 🙂 my blog is new but here is the link:
http://ddnewbie.blogspot.com/2009/04/quieres-saber-como-disenar-aprende-lo.html
Cheers!
This is great! Thanks Jacob 🙂
[…] How to design learn the basics […]
Very good 🙂
Very helpful for beginners. Wish I would have found this when I first started.
[…] Want to Know How to Design? Learn the Basics This article discusses the most basic principles of graphic design, including color, shape, scale and size, and space, among others. Additional resources for each are also included. […]
[…] Want to Know How to Design? Learn the Basics This article discusses the most basic principles of graphic design, including color, shape, scale and size, and space, among others. Additional resources for each are also included. […]
[…] Want to know how to design? Learn The Basics. […]
This is a very cool post. And very helpful for learning the designing. I like to recommend this to all my friends. I also recommend GFXBD for free icon, logo and other graphic related element.
Ok Im late to the party here, but the title should read “Want to know how to design… then go to college and learn!”
I am fed up of so called designers coming into the industry and devaluing the skills that real designers have. If that sounds pompus, then I won’t be apologising, I personally spent 5 years at college and university and then 20 years in the industry learning at every rung of the ladder.
The industry is becoming flooded with people from other professions who have got hold of a copy of photoshop and dreamweaver and suddenly theyre a designer, and to be honest one look at their work says it all. They may have undercut the guy that can design by loads, but the damage done to the industry as a whole is far worse, customers expect designers to share their expertise for pittance!
In case you were left wondering this is a subject which winds me up!
Good luck to all of those that can design, and find another profession to those of you that can’t!
[…] Get to know the elements of design, such as points and lines, shapes, space, and more. […]
[…] Get to know the elements of design, such as points and lines, shapes, space, and more. […]
[…] Get to know the elements of design, such as points and lines, shapes, space, and more. […]
Hi Jacob. Excellent article. Some of the links to Lauren’s site are not working.
[…] Want to know how to design? Learn The Basics. is a fantastic article from Just Creative Design that gets at the heart of design through the very basic elements of design. These are the fundamentals that you cannot get by without: […]
[…] o Jacob Cass do Just Creative Design possui também um artigo sobre: “Quer aprender como fazer design? Aprenda o básico“. Com lições sobre cores, linhas, formas, escala e tamanho, espaçamentos, textura e […]
[…] ???????????????Just Creative Design???????????????????????????????????????????????? […]
[…] space, graphics & typography all play an important role in minimalism. Below we look at these principles of design and how they relate to […]
[…] aussi Want to know how to design ?, Créer un bon logo pour votre […]
This is a wonderful guide for basics of graphic design. Choosing proper colors is my weakest point but I found here great articles about colors. Is my first time here … good job!!
Dan – Romania
[…] 25- Want to know how to design? Learn The Basics. […]
Great post for the beginners. I liked your site. I have been looking around this article really helps! Cool!!!
[…] penjelasan masing – masing komponen tersebut anda bisa melihatnya disini…..atau disini…..atau […]
[…] Want to Know How to Design? Learn the Basics This article provides a great overview of basic graphic design principles, including color, line, shape, space and more. Additional resources are provided for each concept. […]
[…] Want to Know How to Design? Learn the Basics This article provides a great overview of basic graphic design principles, including color, line, shape, space and more. Additional resources are provided for each concept. […]
[…] Want to know how to design? Learn the Basics […]
[…] Want to Know How to Design? Learn the Basics This shape up provides a splendid overview of basic graphic design principles, counting color, line, shape, space and more. Additional resources are provided for all thought. […]
[…] Visit Lesson […]
[…] Want to know how to design? Learn The Basics. is a fantastic article from Just Creative Design that gets at the heart of design through the very basic elements of design. These are the fundamentals that you cannot get by without: […]
[…] Want to know how to design? Learn The Basics. (90) […]
This is exactly what i was looking for.. Great thanks!!!
[…] one article that covers some of the basics and also points out to some good resources for the same. Like […]
[…] https://justcreative.com/2008/06/13/how-to-design-learn-the-basics/ […]
A very special “Thank you” from Egypt =) … I found here what I’ve been looking for =)
[…] https://justcreative.com/2008/06/13/how-to-design-learn-the-basics/ ?????????: […]
[…] Want to Know How to Design? Then Learn the Basics […]
[…] Want to Know How to Design? Then Learn the Basics […]
[…] Click here to view the Just Creative article […]
[…] This post is pretty self-explanatory. I will be discussing the basics when it comes to design. Now, before I begin, this post is based off of his lovely website. […]
[…] https://justcreative.com/2008/06/13/how-to-design-learn-the-basics/ […]
[…] Click here to view the Just Creative article […]
[…] 2) Graphic Design- Just Creative […]
[…] I have found this on the following site .https://justcreative.com/2008/06/13/how-to-design-learn-the-basics/ . The article was a real help to me because i’m a total beginner in this area of media and […]
[…] space, graphics & typography all play an important role in minimalism. Below we look at these principles of design and how they relate to […]
[…] Just Creative […]
[…] and contrast. It’s impossible to give instant advice to this issue. Each designer should know color theory and be able to apply its rules. If you can’t fully rely on your knowledge of color and contrast, […]
[…] If you are curious on how to design like a pro then you must know the basic elements of design first that include color, line, shape, scale, space, texture and value and these are the fundamental pieces that make up any piece of design work. Get the tips here. […]
[…] and contrast. It’s impossible to give instant advice to this issue. Each designer should know color theory and be able to apply its rules. If you can’t fully rely on your knowledge of color and contrast, […]
[…] Design (iTunes U) Photoshop CS5 (iTunes U) Introduction to Graphic Design by Sean Berg (Udemy) Just Creative Canva Graphic Design – Visual and Graphic Design Course […]
[…] space, graphics & typography all play an important role in minimalism. Below we look at these principles of design and how they relate to minimalism.Related ArticlesThe 28 best tools for choosing a colour […]
[…] what colors work, but if you have a particular color in mind (i.e. for branding), check out this color theory to figure out proper color complements and […]
Great post. Lot’s of goodies.
[…] methods have changed but the theory still holds true. Color theory that is. Whether your working in CMYK, RGB or plugging in hexadecimal numbers on the web, […]
[…] methods have changed but the theory still holds true. Color theory that is. Whether your working in CMYK, RGB or plugging in hexadecimal numbers on the web, […]
[…] If you have, you may be wondering where to start and thus, these key points of the 7 deadline sins of print – and how to avoid them – should help you kick start the design process; […]
Thanks! Very nicely tutorial, will definitely use it 🙂
It is interesting.
Very good and useful articles for Visual Design principles. Thank you.
[…] Design including font, color selection and overall presentation are critical. You need to design for your potential customers. Knowing […]
[…] space, graphics & typography all play an important role in minimalism. Below we look at these principles of design and how they relate to […]
[…] you aren’t a designer, but need to hack it on your own for now, you need some guidance. Here is a simple tutorial for non-designers, including tips and tools to help you […]
Thank you so much, it was just what I was looking for 😀