Graphic Design made simple (G101) #Lesson 2

in Steem4Nigeria2 years ago
png_20221024_153439_0000.png

Hello dear friends...or should I use the word student? Lols... I won't be wrong you know, smiles.
Welcome once again to our beginner's graphic design class.

I want to believe we got value from the last class, trust me this lesson is also loaded with a lot of stuffs you would find interesting. If you missed the last lesson,just relax, you would find the link just below this post.
Let's get started.


  • Introduction

  • Principles of Graphic Design

  • Terminologies in Graphics Design



Introduction


Yea! Welcome once again so in today lesson we would be looking at what I call the principles of graphic design. Almost everything in life, if not all has principles guiding it. The purpose of these principles is to the end that maximum result is achieved when followed thoroughly.

It make things very easy and very comprehensive such that the result gotten when following can be reproduced any day anytime.
Graphic design also has principles guiding it. Those beautiful design you see all around are product of these principles.

I also deemed it fit to add to today's lesson relevant terminologies in graphic design because they will keep reoccurring as we move on in this class. It is then expedient we get familiar with these terms before we delve fully into the deep of this program.


Principles of Graphic Design


Let's look into the principles I have highlighted in this section and kindly take note of the graphic representation of each of these principles. What you see there is only used to communicate the points. By the time we start design proper, you will see how all these will play out perfectly.


  • Contrast

20221109_100023_0000.png

The principle of contrast is used to create visual interest by highlighting the difference between your design elements. I.e the colour of the background for your design should be different from the element so that they can sync or harmonize.


  • Balance

20221109_100954_0000.png

This is another principle a graphic designer should also adopt. The goal of his principle is equality in the positioning and arrangement of element in a design work. Arrangements are done systematically (symmetrically & asymmetrically).

20221109_100629_0000.png

Inability to arrange appropriately will give viewers a lopsided view. A balance scale just as seen above give us a clear picture of what the principle of balance is.


  • Emphasis

20221109_101632_0000.png

This principle of emphasis is just as the name implies literarily. It focuses on highlighting or giving special attention to a particular element via size, contrast, colour etc. In the graphical representation above,you can see that the white stands out both in colour and size.


  • Scale/Proportion

Scale can be referred to as the relative size of different elements or objects in a design when compared. What it does in a graphic design is to create visual hierachy among the elements such that viewers eyes can be guided on what to look at and in what order. This help to reveal element in order of importance.The principle also helps to break down design into portions.

20221102_001020_0000.png20221101_233800_0000.png

  • Repetition

This principle helps to unify your design in the sense that relevant elements used in a design are repeated consistently. Take for example the use of bullet point to itemize point in a write up. Using bullet points and asterisks at the same time to itemize a point would break this rule.


  • Movement/Rhythm.

20221109_101855_0000.png

This is the use of recurring elements in such a way that the eyes of the viewers are directed to the focal or important areas. There are about 5 types of rhythm. They are random, regular, alternating, progressive and flowing.


  • Unity/Harmony.

20221109_103117_0000.png

This principle is used to arrange element in a design work in such a way that all part or piece of element used still makes a whole regardless of the number or size of the element.


  • Hierarchy

Hierarchy is a basic principle in design and it talks about how
Types (your text) are priotised. The aim of typography is to create some kind of coordination and direction in design in the sense that it direct your eyes to what should be seen first before the other.

20221102_162648_0000.png

You must have seen this in most article and designs. Emphasis is given to certain element of text in a design work using biggers font size or bold fonts such that you see them first before seeing others. By heirarchy, you get the message in a design in order of importance.


Terminologies in Graphic Design


Having discussed the relevant principles in graphic design, we would be looking at terminologies in this section.


  • Typography

20221102_163051_0000.png

Typography can be referred to as the style and manner of presenting types (text/word). I can also say its
art of arranging your types, in such a way that makes it readable, clear or legible, attractive and appealing to those who see it. Let me prepare you upfront, as a graphic designer you will have to interacts with types everyday of your life.


  • Alignment

20221101_235027_0000.png

Yea! This alignment is not different from the knowledge you already have about it. The only thing is we are trying to relate it with graphic design. Alignment talk about the way different elements are arranged in a in a design work. This also includes the type/fonts. Alignment goes a long way in making your design look presentable and balanced.


  • Body Copy

This is the information you want to pass across especially when you have alot of information in your design work. This is not really the heading or title, it is the other vital message which the heading or the title talks about. Although for effective communication in graphic design, avoid too many information. That is why a website is created. Learn from big brands.Their designs are always straight to the point.


  • Character

This are simply letters, numbers, punctuation mark or symbol that makes up your design work.

20221102_164124_0000.png

  • CMYK

I would have love to discuss this when we get to colours as a subject but then I think it's cool I say few things here.
Each letter in C-M-Y-K stands for the following colours, Cyan, Magenta, Yellow and Key (black). This colour mode is used by graphic designer when the design work is to be printed while RGB a brother-like colour model is used when printing is not involed. RGB are for displays.


1_20221102_001601_0000.png

  • RGB

RGB is a colour model just like cymk. The letter also denotes colours just like the other. The R is for Red, the G for Green and the B for blue. This is the colour model you use when your design work is not to be printed. You use this colour mode when you only want to use it for displays or when you want to design a digital app . The colours model is nice in that is glows brighter even when combined.


  • Gradient

Gradients or colour gradients as it's fondly called can be defined as a gradual and smooth transition from one colour to the other. For example you can see a deep blue fading slowly into a sky blue or red into an orange and so on. Gradients can be in liner, axial or radial form.

20221102_002309_0000.png

  • Grid

This can be defined as some horizontal and vertical line which serves as guide for accuracy and structure in design. If you're new to design, you will need to follow grid so as the allow to place your characters, elements , picures, text or what where is should be in all accuracy. In a nutshell it give your design structure.


20221101_235608_0000.png20221102_000646_0000.png

  • Hex

Hex is a word that denotes the number "6". Well if you're familiar with mathematics, this should not be strange. Just like we have octagon, pentagon, decagon and the like, we also have hex-agon.

iMarkup_20221102_155600.jpgiMarkup_20221102_155449.jpgiMarkup_20221102_155311.jpg

Hex is a six digit code used in naming or representing colours in graphic design. We have different types of colours which are beyond the primary colours we have and we can only identify and distinguise them them using Hex.


  • Icon

Icon is not a new word, it a common word and it also has a place in graphic design. Icons are image that are used to represent actions,thought or object in a graphic work. Example are as seen below.


1_20221102_233057_0000.png

You can see an example of icon above. In graphic design,we try as much to minimize too much text by Introducing all of these. As a graphics designer, you only need to ensure that your icon is communicating in clear terms.


  • Pixel

You must have heard of pixel if you're familiar with designs before now. The word "Pixel" is coined form two word, 'picture' and 'element'. It is referred to the smallest unit of colour on a computer. Generally all images are made up of several pixel coming together to make up the image, each indeed look small but very important and relevant.


  • Stock Photo/Images

InShot_20221102_201425062.jpg

Graphic design also uses images in passing it messages. For example, you want to create a design for students learning, you will need an image of students portraying the idea. Images speaks volumes when it comes to design. Stock photos are licensed image that cut across every sphere of life but you can look out for free images online using sites like unsplash, pixabay, and the like...


  • Raster

Raster are also known as bitmap images which are made up a certain numbers of pixels. One notable disadvantage of rasters is that when resized or blown up beyond proportion, it becomes blurry. You must have experienced this before when trying to zoom out an image. The reason is because it a raster image.

  • Resolution

Resolution is used to measure how quality an image is not on screen or on print. It's is generally generally believe that the higher the resolution, the better he quality of the image. That's why we hear things like high resolution and low resolution. It is measure in dimensions I.e 1080×760, you must have seen something like this before.


  • Thumbnail

Thumbnail in graphic design can be likened to a rough sketch or a skeletal work which gives you the mental picture of what you hope to achieve with your design. It helps determine the layout of a design


1_20221102_002840_0000.png

As a beginner, you would need this as it gives you direction and reduces the confusion. One of the headache a designer goes through is what kind of design he should do for a project. He has to conceive an idea and pen it down before working on it using a graphic tool.


So at this point I think it expedient I wrap it up here, trust me there are hundreds of terminologies in graphic design but I won't like to bore you with all of that, I only tried to highlight few relevant ones. If you would love to take this up as a pro then you will need to give yourself wholly to this.

Now am about to do something I do not naturally do and that is tagging, am always careful about it but it seem I've got no choice here than to mention some amazing users who have asked to be tagged when lessons are released. They have also shown interest in this class.
It is my pleasure to mention the following users @franyeligonzalez @fonjougiresse
@ruthjoe @xkool24 @sahmie @chukwu10 @badmus-official


If you missed the previous posts on this beginners class, kindly check them out here.

G101 introduction postLesson 1

Gracias!


Graphic Instructor
@lhorgic♥️

Cc: @ubongudofot.

Sort:  
 2 years ago 

Wow what a great lesson i have learnt a lot from this looking forward for more lesson to be teach

 2 years ago 

Am glad you learnt something from this lesson. This is just the tip of the iceberg, you will be seeing more as time goes on. Just keep tab on this space.

 2 years ago 

Please which app are we using to learn this

 2 years ago 

Any design app is fine if you understand the principle. If you're using canva or pixelab then we are good to go. Canva especially.

 2 years ago 

Have been waiting so long for the lesson,I think you should be giving some assignments to us so that you can be sure that we understand the lesson,or you can equally contact @ngoenyi so that you can be our graphics teacher over there in @steemkidss community 🙏🙏🙏🙏🙏🙏🙏.

Cc.
@ngoenyi

@ihorgic

 2 years ago 

Smiles... Thanks for the awesome feedback. I will look into what you have said and get in touch with mama when am set. I believe she would love the idea as well.

 2 years ago 

Yeah,it will be appreciating if it eventually happens.
.

Hola querido amigo, vaya, la lección te quedó muy bien, he aprendido mucho este día, siempre podemos ser mejores, me gustaría mucho poder aprender de formar profesional sobre el diseño, es una excelente profesión.

Muchas gracias por tu tiempo, hay muchos detalles, son muchos términos que no conocemos, pero que siempre podemos visualizar en cada imagen, marca o trabajo que vemos. Las imágenes te quedaron muy bien.

Saludos ☺️😃

 2 years ago 

Thanks dear friend, am glad you took out time to check this lesson out in detail. I trust you're getting value, more will be dropping as we proceed.

Greetings friend @lhorgic I saw your mention yesterday but was too tired, so I preferred to read it when I will be steady and calm. This is a lesson not to joke with.

 2 years ago 

This is a lesson not to joke with

Smiles... I started this to help users, I can't be joking with it😃 .These lesson takes time to put up. Thanks for your encouraging comment.

 2 years ago 

Thank you so much boss for the lecture. I must say you are doing well, putting so much effort and time into this, seriously, it's not easy.

Boss I have a question from your lecture..
Would it seem to me that hierarchy and emphasis seem like similar terms from your explanation. Can you give me a difference between them?

 2 years ago 

There is a slight difference between both even though they work hand in hand. Emphasis aims to make something stand out so it can be noticed while hierachy aims to arrange things in order of importance. For example...

A newspaper comes with catchy headline which come in a Bigger fonts (i.e size 20) then other sub-headlines/heading (i.e size 16) and then followed by other information in smaller font size (i.e 14), the writer has priotised with this arrangement how he wants us to follow the article,this is hierachy.

Emphasis is then introduce to those headlines by making it very bold (ctr+ b) or adding colour to it i.e red, to make it more visible and distinct from every other info typed in black.
I hope this explanation is clear enough?

 2 years ago 

Wow! This is very extensive yet deep explanation. I understand better now.

Thank you so much boss

TEAM 5 CURATORS:

This post has been upvoted through steemcurator08. We support quality posts anywhere and with any tags.

Curated by: @goodybest

 2 years ago 

Thank you so much @goodybest. Your support is much appreciated.

Loading...