Short Class Design Principles | MySkill

Hello, everyone. Is my voice

clear? Yes,

you can confirm in the chat column

whether my voice is heard clearly

or not.

Okay, sounds clear, right?

How are you all, my friends? Is

everyone healthy?

For friends who have no problem

with oncam, you can accompany me to

oncam, so we can study

tonight.

Okay, bro. Healthy. Praise be to Allah I'm healthy.

Thank God, everyone is healthy.

Brother, I'm on the train. Okay, it's okay if you're

still on the road. We

will start the class at 7:30 PM and

later for those who are still on the road there will be a

live recording. So, don't be afraid,

ee, don't be afraid of being left behind. Everything

related to the short class

will be shared later. Okay, so it's safe, okay?

Okay, friends, I want to remind you

that while we haven't started yet, I

want to remind you that to get the

certificate, you need to upload a

Wibon. The link to upload Wibon is

in the Telegram group. So, friends,

you can access it from now on, and you can

upload it directly to your social media, you

can do anything, like

Instagram,

TikTok, Facebook, or even Linkin

. Excuse me for off-cam, Sis, because I'm

guarding the shop. Okay, keep up the spirit, Sis Nuruziah.

It's okay offcam. Friends who have

no problem being on cam, yes, if you have

no problem, you can accompany me

on cam.

Okay, I want to continue from earlier. Don't forget

to upload the Wibon because one of the

requirements to get the certificate

is to upload the Wibon. Second, there

will also be a mini bag,

friends. So, there won't be any

tonight, there won't be any attendance form.

In every My Skill short class,

there is never an attendance form, there is only a

certificate claim form in which

you have to upload a twibon and

upload minutes. Let me

ask you, is there anyone here who has

joined the My Skill shortcast many times

? Has anyone done this many times or is

this the first time?

Okay, Sis Adelia, first time.

First time, second time. I was

second, I was third, 75 times.

Okay, it turns out there are a lot of first timers, huh?

So, for those of you who are coming for the first

time, maybe you can

remind each other that there

won't be an attendance form tonight.

Okay, there is only a certificate claim form. Later,

the certificate claim form link will be

in the minimum link. I will also

share it in the ee group, eh sorry, in the chat later

after the material. Later I will also

explain how to do the minimum work.

So friends, don't worry,

don't be confused if you are still on the road,

have just come home, or still don't seem

ready for tonight's class. It's

okay, I will definitely share

everything my friends need. Okay.

Okay.

Mm, I also want to remind you once again that

for friends who want to go on cam and

haven't used a virtual background, you can

definitely use a virtual background. The

virtual background link is in the

Telegram group, friends. Can be accessed

directly.

I also want to remind you that if you

miss the minimum link or the

certificate claim link, you can

chat with the My Skill admin. We

will definitely help you send it later.

Sis, I want to ask if I join the short class

in August, do I need to re-upload the Fibon

? Yes So if it's a different

month, you have to re-upload it

. The Pibon can be deleted

, the important thing is that you have

received the certificate. So it was

taken down after my friends

got their certificates, right?

Because after you

take this class, the

MySkill team will check whether you have

uploaded it or not.

Oh yes, later we will also have a

Q&A after the material, I will give

three people the opportunity to ask questions and

the rest can use the Slidu link, okay? So

later I will send the slide link in

the chat. So, friends, if you

have any questions during the material, or

if you want to have further discussions, or if you want to ask

follow-up questions, you can definitely

put them on the slides. So,

we'll be discussing this together with

our resource person tonight, okay?

Remember, friends, for

twibon and

minitas, you can upload it on

social media, text, TikTok,

Facebook, Linkin, Instagram, chat is also

allowed, as long as it is not WhatsApp and

not Telegram.

I will send the minimum details in the chat. If you

miss it, you can chat with the My

Skill admin.

Friends, do you have to be working to take part in a short class? Students are

also allowed. I just graduated from high school, but

graduating from college is fine.

Housewives are all welcome to join.

Friends, you can

claim your certificates later, Sis, after

class. Yes So later there will be a job to do

on a gig, okay? Okay friends, since it

's already 7:30 PM Western Indonesian Time,

I'll start the class first. Allow

me to open the class.

Okay, good evening everyone.

Welcome to Shortcass My Skill

with the topic of graphic design Principles.

I also welcome you back

to Shortclass My Skill, which you

have participated in many times

. Let me introduce myself, I'm Zahra. I

am the moderator who will accompany

all my friends for tonight's class

. Okay, before we start the material,

we will first get to know My Skill

because I saw that many people were

joining the My Skill short class for the first time

. So, let's get to know

MySkill first.

So, friends, My Skill

is a skill development platform

with more than 2 million users

throughout Indonesia. And MySkill has

been part of Indonesia's topling and startups

from 2022 to 2024.

MySkill has also been certified by the

Education Alliance Finland. At MySkill,

you can get more than

1,400 e-learning materials and

portfolio projects. So, my

friends, the e-learning material is very diverse. Next

I will explain this matter. Then

friends can also get 12

intensive bootcamps focused on practice.

This bootcamp is not just for

independent learning, but

also for

discussions and practice for

your portfolio. Third, it also has a

CV review by AI. This is really suitable for

friends who have just

graduated from high school, vocational school, sorry, you can go straight to

work. Friends who are fresh

graduates or want to switch careers are also

welcome or housewives are also

very welcome. I will explain this on the

next slide.

So, let's get to know the

seniors who have been accepted by

various top companies who have

participated in the Full Stack intensive Goodc My

Skill. There is Ms. Amanda Rahmah who

currently works as a data processor for the

Indonesian Ministry of Social Affairs. There is Sis Zainurah Rahman

who is now in the group. Then there's Brother Kamil

at XL Akiata, there's Brother Brenda, Brother Dave.

And there are many more with various

companies that are of course top, such as

Tix ID, then friends, you can

see there is DB DBS, there is Telkom

too, there is JNA too.

And of course, friends, if you

want to be like these brothers and sisters, you

can join the My Skill bootcamp. You can

try learning with My Skill at

their bootcamp. So, friends, who

knows, maybe your fortune lies in the top companies

listed here, like this brother.

Well, next, as I

said earlier, there's the FSA intensive bootcamp.

Specifically for this graphic design topic,

during the 2-month online session,

you will receive

live material. and the practice is also

about the principles of design,

typography, colors, and then designing

logos, social media design with Kanva,

video editing, event material design

with Kanva, and many more

friends at a

low price using the promo code

My Skill 15, friends can

get a live class with the expert,

then there is material and a recording of the class.

Friends will also of course

get an e-certificate and

career preparation class. So, friends,

if you want to join this class, you can

definitely use the 15% discount using the

promo code MySkill 15. Friends, you can

get this on the MySkill website and then

click on Bootcamp. Okay, the

next batch here is from August 21st

to October 9th, 2026. So if

you are interested in learning

more about graphic design after

this short class, you can take a screenshot

first and then you can directly

click on the website myskill.id/botcam

.

Well, next, as I said earlier,

friends, you can also try it out,

maybe you want to try it first, Sis,

studying on e-learning is absolutely fine.

My Skill has e-learning for

only Rp40,000 for 6 months using the

promo code jago skill 6 where

friends can learn about

digital marketing, data science, data

analysis, Microsoft Excel, Word and

PowerPoint, graphic design, UIU

and much more. For

just Rp. 40,000, friends can learn

these materials and there are assignments

in it too.

Just like Bootcam, you can

get this on the MySkill website, but

click on E-Learning. Okay, using the

promo code jago skill 6.

Well, this is what I said earlier

that is suitable for fresh graduates or

friends who are students, right? Just

graduated and want to go straight to work, for example,

who here sends CVs every day

but never gets called by HR?

No need to answer in chat, just answer in your

heart. I'm sure there are some of us who are

like that

, open up your phone and

apply straight away. Well, My

Steel has a solution for friends

who experience things like that.

You can register for the CV review by

AI seven times during these 2 months.

You will get the results of

your CV improvements, analysis of the suitability of career choices

and skills, job recommendations according to

your CV, and later, a

cover letter will be created based on

your CV.

Well, not only that. I'm sure

there are some of

us who are like, Sis, I

can actually work, but when it comes to interviews I'm

often confused about what to say. Well,

here there are also HR

and user interview exercises too. So, friends,

don't be afraid. This is a really complete package

, there are even complete documents for

job applications for only Rp. 60,000

using the promo code review CV 20.

Here, friends, you can screenshot

this slide first. Who knows, maybe I'll be

thinking about that while I'm going to sleep.

Okay,

I also have some information for

friends who might want to have a

side job or something like, "Mm, Sis, I

want to start affiliate marketing." Well,

that's definitely okay, friends, join

My Skill's affiliate, commission up to 50K

per transaction. You can get

ready-to-use promotional content, an

exclusive affiliate community, and transparent commission tracking

. Well,

registration is free. Friends, you can

click on the link here in the

screenshot. Then friends

can click on the link.

Then you can also find the link My

Skill. There will be affiliates later. So,

friends, you can immediately join

My Skill's affiliate. You can

take a screenshot first, friends. Again,

I'm afraid that before I go to sleep, my friends

will remember and be confused, oh what was that?

So how do you register? It's okay to

take a screenshot now.

Okay. Well, for those of you who have just

joined, you might be confused about

what you will get from the My Skill short class

. Well, of course, first of all,

friends will get an e-certificate.

The certificate I mentioned earlier

has several requirements, which

I will explain later. Then friends

will also get practice and Q&A

with experts. So you don't just have to listen

, but later there will be a case

study. There are practices for mini

portfolios, there are also Q&A with experts.

So it's not monotonous, just listen to

your friends, there will be assignments later

too. Well, the additional benefits, as

I mentioned earlier, are discounts on

bootcams and e-learning, recordings of

class materials, and lifetime community

membership. So friends, you can continue to

participate in MySkill short classes and

get the bootcamp and

e-learning discounts that I mentioned earlier, which

have promo codes.

Okay. Well, here it is for friends

who think they

often save certificates

but are so caught up that they

forget to keep these certificates for too long.

So, where can you put the certificate from MySkill

besides storing it like that,

friends? You can include it in your CV in the

course and certification section. You can

write it in the format of the bootcamp period, the

bootcamp skill topic, then include the

certificate link and portfolio assignment link

as in the

attached example. Then friends

can also put it on their Linkin profile or

post it. It can also be posted via Linkin and

listed on the profile in the

licenses and certifications column. Don't forget,

friends, to write down the skills and

related tasks. So, friends, not

only do you get an e-certificate, but

the bonus is that your CV and link

will look beautiful and

what can you do with it? HR will probably be happy to see it, right?

So, tonight we will learn

together with Yolanda Dwi Prasila, who is

now a graphic designer at PT

Social Bella Indonesia. Maybe Sis

Yolanda would like to say first, maybe Sis

Yolanda is with us yet?

Hi everybody. Hello, Sister Zara.

Okay. Hello, Sis Yolanda. There are already around

260 people who want to learn from

Kak Yolan. Maybe I'd like to introduce myself as a

participant first.

Hello, Guys. Good night. It's really cool

. Earlier I saw that there were comments that were still

on the train and those that were still outside.

His enthusiasm, his enthusiasm is really cool.

Okay. Yes There were

also students among us here earlier, Sis. The enthusiasm

seems really cool. Okay,

Sis Yolan, before starting the material, I'd like to ask

permission to read the rules first, Sis.

Ready, Sis.

Okay, fine. So, friends, before we

start the class, we will first take a look at the

class rules for tonight.

First, friends, please mute your

mic and disable annotation, okay? There

will be no absence form, only a

claim certificate form. It will be

shared after the material. Recording will be

shared after class. So friends

who are still on the road, not ready yet,

it's okay, it will be shared later.

Friends can watch it again. Then

for the Q&A session, we use Slido,

so for those of you who can't use the

mic yet, it's okay, we will use

Slido. Okay. Well, the material itself

will not be shared with participants,

friends. So you can watch it via

the recording if you are still confused.

Now I want my friends to be 100%

present and focus on following the class because what

else is there to think about,

the recording will be shared,

I will share everything in the group, eh sorry, in the group and in the

chat column. So it's ok friends, you wo

n't miss out, all the information

will be shared.

Well, this is what you guys have been

waiting for the most, right? How to get an

e-certificate. First upload Twibon to

social media via

tibone.com/shortclass

myskillbon. Then friends, please

use the caption listed when accessing

the twibon. So, after

you upload your twibon, there

will also be a mini task. I'll explain how to

do it after the material, okay? So,

after you have done this, please

write your friends' names on each page

of the mini-task so that you can see whether this

was done correctly independently or

not.

After that, once it has been completed,

upload the results to social

media. You can't screenshot it and then

upload it to social media. Well, what is

mandatory to upload is only the minimum

like this. If you just have to do the post-test

, friends.

Well, later after the material I will share the

link to claim the certificate. Later,

friends, please write the link to the

minimum post, the twibon link,

and the minimum file. So, what is

uploaded is the post link. Okay,

guys. It's not something like whether it's been

uploaded or something like the username,

no, but the link to the post. Okay. So,

submit the post link for the postibon minimum and then

upload the minimum file on the certificate claim form

. The link will be closed H+2 after

the class and your certificates will be

sent via the Telegram group a

maximum of one week after the

form closes. Okay, so please be patient if

the certificate takes a while, it is still being processed

by the MySkill team.

Lastly, I want to remind my friends

to always be wary of

suspicious messages that

use the name of My Skill, such as

inviting sales, affiliates,

and so on outside the

official MySkill platform. So, if someone is

inviting you to affiliate or sell,

you can make sure you go to Te My Skill first.

Team My Skill is from Team My Skill,

right? Oh, I see. Don't tire yourself out

making sure that your friends don't

suffer losses. Because if participants

get these messages, please

report them to us. And

losses arising from messages from

external parties not affiliated

with My Skill are not

My Skill's responsibility. So, if you, God forbid,

get scammed by a

fake affiliate, who claims to be My

Skill, My Skill can't help

you yet. At most, friends

should often report to My

Skill, whether it's from My Skill or not,

okay?

Okay, now it's time to take out the

cellphone. Let's share

our productive activities on social media

while participating in the My Skill short class. Let's

share our productive vibes

using #learn and my skill. Don't forget

to call it, it's on Instagram,

Twitter, TikTok, or LinkedIn, it can also

detect my skills.

OK, I think that's all, Sis Yolanda.

Can the material be started yet?

Okay, Sis. Safe.

Okay, I'll have your time and screen time, Sis

Yolanda.

Okay, thank you so much, Kak Zara for

your time.

Hello, Guys. Good night. Good evening

My Skill friends. Good evening

participants.

Emm, I was really excited about my

friends, especially those who are still abroad

and there were some who were still writing their thesis, their

enthusiasm for

you was extraordinary. Emm, before I share my screen with

you guys, I want to introduce myself first. Let's just

get to know each other first so we can get

closer, friends. Can I

share where this is from? ee

can you type in the chat column or

ee you

mean like where did it come from? Are there

any from Bekasi, friends?

Because we are Bekasi people,

friends. Oh, there are those from Lampung,

Malang, Jogja, Cilacap.

Close but not happening, Sis.

Okay. Bandung. There are some from Bekasi too.

Okay. Oh, that's a long way off, my friends.

There are some from Kalimantan.

Kediri. Okay, guys. Thank you so

much. Um,

okay, I already know where you live.

Hey, I'd like to ask first,

how are you guys doing now? What are

you guys feeling right now? What do

you feel? Are you

sad because last night you watched football and

ended up feeling like

your players lost, but you still

looked for an escape in my skills because I

wanted to learn that. Happy Sis, you have finished

your graduation. Oh, congratulations, friends.

Excited Sis, I'm confused and sad because I haven't

got a job yet. It's okay, guys

. I'm sick again. Even though you're sick, you

're still enthusiastic, my friends.

Happy to seek new knowledge. Okay.

Hectic again. Oh, and yes, it's

sad that Argentina lost. It's

okay, guys. Today we

will learn, ee I want to share

with you. We're here more for a

group discussion because there's no

one here who might have more experience

or whatever. We really had a discussion

together.

If for example I make a mistake,

maybe you can talk about it in the

chat column later. This chat column will be

opened frequently and will be used frequently

for communication between me and you.

So, I can still chat with you guys

in the chat column, not just like I'm just

explaining, friends. Okay.

Okay. Um, I'll have permission to share my screen first

if that's the case. It's

already visible, friends. Just a

moment. Erm,

already. Okay. Em today we will

learn about principles and design. Sori

graphic design principles design principle.

Uh, so I think there will be a lot of

discussion and chatting about this material today.

This is actually really suitable for

friends who want to switch careers or

want to deepen their knowledge in the field of design,

about understanding composition or

maybe what the basic skills of designing are like

. Or maybe you

want to understand more about what trial and error

is like. So, when it comes to

designing, there are still rules, right,

friends? It's not just that if

you design something well and then

you think, oh, is it finished yet?

So, from here, I will

tell you the basics

so that you don't

lose your way when designing. Please

continue.

Well, first I want to introduce myself, er, a

short introduction,

friends. Oh okay, my name is

there Yolanda Dwi Prasila. Maybe you

can call me Yola or Yolanda freely.

I have experience in the

design field for approximately 5 to 6

years. Starting from 2020. At

that time, I was still in college, more or

less, I was in grade

5 or something like that.

So at that time, I was like, uh,

starting my career as a freelance

freelance graphic designer. Then eh,

I just started eh, my more

professional career, first, eh, what's it

called? At HWI Creative. Hawaii Creative

is an agency, friends. Well,

besides that, I also did an internship at

one of the Sakaspace PHs as an

illustrator in the same year. Uh,

I went on to enter a

securities company, namely PT Quat Warna. At

that time, the agency also allowed me

to work remotely as a graphic designer at the

agency. So I took three

offices, more or less, the agency, ee PH

and NDPT securities. Well, then after that,

I continued with FnB at

Forestry Coffee as a brand

designer. Uh, then next I

was at MD Entertainment as a

graphic uh executive.

Then there is Fashion and Beauty at Beauty

Nesia. And the last one is at PT

Sosial Bella Indonesia. If you

know, the shop is Sosiola, usually the

women know it. Well, I'm the

graphic designer there and I'm

also handling two

remote projects at Selang. So,

maybe I handle more or less

three offices like that, friends. Well,

friends, if anyone wants to

connect or we want to discuss about ee

design or something about

graphic design careers,

you can just DM me at my link

there. Hey, you guys just DM or

don't just chat. Hey, I'll try

to reply and respond to you there

. Okay, let's continue, friends.

Well, now we will learn

these four points.

The first one is

what is graphic design, the

second one is what are the principles in

designing,

and the third one is what are the

principles about eh sorry. The

third one is an introduction to

typography. We will learn a little

about ee typography and its basics.

Well, later on, the last one, eh,

we will try to study what a case study is like,

eh, if for example we face a

problem in designing, then eh, what

the solution is like, that will be in the

case study and practice.

Well, eh, starting from the introduction,

friends. I wanted to ask here

before. Hey, according to

your friends, do you know

what graphic design is? Does

anyone know what the definition of

graphic design is?

an art

of design. It's really designing,

friends.

Okay. A designing a drawing.

Designing something

into a brand. That's right.

Create a logo in the company.

Translating a message into

visual form. The

visual communication process uses

elements such as typography. That's right,

guys. I think you already know what the

basics are like. Okay, let's continue.

Well, here I have two pictures,

guys. Which do you think is

art, which is

design?

Or maybe you think both are

art and design, Sis.

There is no difference. One is art and

design, the right one is also art and design.

Right design, left design.

Left art, right design. Okay.

Both are art and design, said

Febriana. Okay,

art left right design.

Both of them are

design and art

in your chat column, many of you say that the

left side is art and the

right side is design.

Okay. Well, the one on the left is

Avandi's painting and the one on the right is

an example of a house architectural framework.

So,

that's right, for those of you who answered that the

left side is design, the

right side is—eh sorry, the left side

is art, the right side

is design, like that.

Well,

but do you know what the definition

of design and art is? Why

can this be called art? Why can this be

called design? Does anyone know,

friends,

why not say both sad

and design? They have their own

aesthetic groups, you know. Why

can this only be called

design? Why can't you say it's

art too?

Illustration design is an artistic design of an

image that has its own meaning.

That's what he said, my friends.

Design is problem solving. Okay. Design

is a plan. Okay.

Art shows expression in

the design of the series. That's right,

guys. Okay,

I think many of you already

understand. Well, let's continue, shall we? Well, art

is right, my friends said earlier,

Putra said it was also right. Art is a form of

expression, my friends.

What is that expression?

expression is like, for example, like

friends want to convey something

in the form of ee expression but ee is more

inclined towards art. For example, if

your friends like someone, then your

friends want to write a poem, that's

called art. Or maybe you want to

demonstrate, you want to demonstrate and then

you want to make a painting, that's

called art. The painting is

art. Then, for example, if your

friends also like someone and want to

make a song, that's called art too.

So, what form of expression do you

take towards art itself?

Then next to this there is a design. Earlier, it was

true that some friends answered, "Is there a

difference between art and conveying feelings,

while design is a series?"

Yes. Well, the focus of design is

more on problem

solving, friends. So, for example, if

friends have a problem, what is the problem,

we have to have a solution,

that's what is called designing.

Well,

for example, if you create a

design, you actually

have to think about

how to solve a problem in

the design. For example, like ee,

like the one I gave earlier,

ee, about the building frame, you

don't just design it, but you have to

know how to map the door or

what is the mapping of the ee? the window

so it can be opened. So it's not just

about aesthetics, but also about how

we can use the house

.

Okay, guys, is that easy to understand? Let's

continue, okay?

Well, here are some examples of the various designs

I mentioned earlier. Well, here there

are four, eh sorry, here there are six.

Well, the first one is the picture of the house

that I mentioned earlier, the framework of

how we design it but it's not

just a matter of aesthetics. We have to know

how to use it. Hey,

for example, if it rains, whether it will leak or not,

the designer has to think about that. Then

the second one is a chair, friends.

It looks like art,

guys. It's like the chair is

very aesthetic, but we still

think about the solution to the

problem. If, for example, the chair is

this aesthetic, can you sit on it?

If we sit

here, will it fall or maybe

if we sit here, will it be more

fragile? That's something the designer has to think about

. Just like this, ee

Gundam or Gunpla, friends. Not

only do we have a nice shape, we have a

robot shape like that. But for example, if

he is like Lego, right, friends?

If, for example, it is broken into pieces,

can someone reassemble it

using a

brief which usually has paper for

assembling the gunp

. That needs to be thought about too. Then there's

this ee mok up again, Friends. how

to make the packaging. Then there's jewelry

too. Jewelry is the same, my

friends. It's not

just about aesthetics, but about the size

so that it fits in your hand or maybe whether the

handle on the back can be

hooked or not. That needs to

be thought about too. So it's not just that we

decorate, but we also think about it.

And lastly, there is brand

identity, friends. This brain identity

is more about how we

can understand a brand, how

we can recognize a brand in

its identity. For example, if you

see Indomaret, you already know that it's

Indomaret by its color, its logo is

red, blue, and yellow,

friends. Okay, I can understand that,

friends. Let's continue.

Well, the

next one is more familiar with

The Cafe or visual communication design.

What is The Cafe? Friends, do

any of you know what the definition of The Cafe

is?

Or maybe there are some here who are

also majoring in The Cafe in their studies.

Conveying messages through my visuals,

Sis. Oh,

Azra is

the cafe's kid, right?

Cool way to convey information through

visuals.

learn how to convey messages

visually using elements such as

color, images, information, and knowing

Oh, cool. My

friends already know that

I'm still in SMK Duh Cafe. It's

okay, guys. Here we

learn together, share together.

Okay, guys. So, The Cafe, eh,

apart from being an abbreviation for

visual communication design, The Cafe

is a science that studies

the delivery of messages or communication to

other people through what? Through a

visual approach. Well, here we have

two examples, friends. One is

from Spotify, the other is

from iPhone. Well, this one from Spotify

wants to let you know that here I want

to be more of a morning person. I

want to be a morning person

. Well, but in this picture there is

writing all for me,

all night dance party. But in reality,

he was listening to a night

party playlist. Well, it's like I have a

good habit of wanting to wake up early,

but my actions are actually the

opposite.

Why is that? So, Spotify wants to

let you know that if you listen to

my music, it's not based on morning,

afternoon, or night, but based on

your mood. So, there is a

message that you want to convey to

the audience. And the second one is the iPhone,

friends.

What's your iPhone? Hey, what

this means is more about brand

identity. Imagine if

you didn't see the iPhone writing

, would you understand that it was an

iPhone box?

I think my friends already

understand. Got it, Sis? That's right. I also

saw it directly without looking at the logo

and the writing. I also know this that the

box is iPhone. Only iPhones have boxes like

this, right,

guys? without him having to explain

ee there's a headline here, there's an

explanation here. Because that is the

brand identity of the

iPhone. We don't need to see the

Word logo,

but we

already know it belongs to an iPhone,

friends. so that people can get

to know their brand better and what it's like

.

Keep going, friends.

Well, ee I want to give an example

ee from the

example.

Hello friends.

Hey, is your signal still intermittent, friends

?

Okay, just a minute, guys. his.

Hello. Hey, are you still on

break up now, friends?

Still, yeah.

Oh, it's safe. Okay, thank you,

guys. Let's continue,

friends. So now I want to

tell you about

this example of visual communication design. For example,

I have

a friends application. Well,

this application is what is it called every time he transfers

or every time he has to transfer?

Sending something is subject to an admin fee of

6,500.

There's a problem, guys. Because

he has to pay admin fee of 6,500.

Then I have ee I really want to

introduce my application to many

people, but I have a problem. So,

how do I solve

this problem?

Well, then a solution was created with

ee transfers between banks being free.

So there's no need to pay 6,500 anymore. But

for inter-bank transfers it's free.

But how do you talk to

the public using a

design approach? I made an ee advertisement design

with the title that

this is free interbank transfer.

That's to communicate it to the

public.

Then, eh, I just got the solution

to the problem that was supposed to be a

transfer, so it's now free,

friends. Can you imagine,

friends?

There is a problem in the application, then the

solution is the

design.

We just found a

solution with him. The audience

gets it for free, we get an introduction to the

approach to the audience, that's it. Okay, let's continue

, friends. So, for

example, if you design it wrong,

what are the consequences, friends?

Like this example. The first one

is a signature design, but we

don't know where it's going, folks. Is

he room 1011 E 113 or room

1141228?

We don't know which arrow is above or

below.

This makes this ee one example of

communication design gone wrong. Because

why can it be called wrong? in the middle of the

design there is an ee line, then in

the middle there is also a line. So

we don't know what limits

we can look at for information. Is

it bottom information or

side information.

Well, this second one has a design, what's it

called? Logo design, guys.

He ee he wanted to convey

fashion art,

but it ended up being fashion fart,

friends.

So, ee the arrangement might be wrong,

guys.

You should have designed it at a

high price, paid a lot of money, paid a

craftsman to put the logo on, but

in the end it was all in vain and the

audience laughed at you because of a

design mistake, it was

n't fashion art but fashion fart

. Well, the last one is an

example

of someone who

tagged

me wrongly, so I was told to leave the school, my

friends. So, even if the color and

composition are wrong, the delivery to

the audience will be very different,

friends. Oh, I see.

That's right. People are thinking is it

going to be a fashion place or what?

That's right. Okay, let's continue, friends.

So, the application of visual communication design

is, firstly, logo design,

secondly, font design. So it's

not just in the logo or the font,

but it's in the brand identity too. Can

you imagine, friends? So, it

turns out that these three are not the only ones in the packaging

design, friends.

After that, there is asset marketing. And the

last one is in web design. There are lots

, friends. But it's okay,

we'll discuss it slowly.

This is the application of visual communication design,

yes.

for logos, for font design, brand

identity, packaging design, marketing

assets, web design, eh, we still have to

have a design, what is the name of the rule

so that what was mentioned earlier so that we can

communicate it to the public

. Let's continue, okay?

Well, we want to ee we've arrived sorry we

've arrived at eh graphic design

principle. So,

there are many design principles, friends. Actually,

let's try this first, eh, there's

color. So, color is one of the

first design principles,

friends. this is the most

important thing that

goes into the

manual

friend. So, what design? Have character,

have meaning.

Oh, it's broken up my friends.

Okay, let's break up for a moment, guys. Are you

still on break up, guys? Is it

still intermittent now?

Okay, please repeat the color part, Sis.

Ready.

Okay,

sorry friends

if the signal is intermittent.

Let's continue, okay? I will repeat this.

Well, the first one. So actually,

there are eight design principles,

friends. Well, the first one is

color. Color is one of the

most basic principles, friends.

Well, for example, if we look at the color on the

left, it

has character,

meaning, and purpose.

So the color is not just like oh this

color is really nice, oh this

color is really aesthetic. No.

ee [laughs]

the colors in

ee

the cafe in principle have

meaning,

yellow is optimistic, warm, then

in this person there is friendly,

confident, the red is

exciting, bold,

full. Then there are the purple ones,

creative, wise, and others,

friends. Well, actually this is all

still a bit patchy, right, my friends?

Hello. Hello. If Oh, okay. It's

like breaking up sometimes,

guys. If it's

intermittent,

I'll try to speak slowly.

I'm afraid that if we break up, I'll just

say it again. Because I use two

Wiis, guys. I was afraid that

if one of them broke, I would

use the other one to replace it. Okay, let's

continue. Well, so that's how you get

emotional in color, right, friends? Well,

these emotions have actually been

explained in your research,

friends. For example, if you are friends of

The Cafe here, you might already know,

or maybe there are those who are at The Cafe and

are writing their thesis, they will definitely

know because they really need to

explain about this color. Hey,

how do you explain this color emotion

, friends? Well, this color emotion

is explained in

Aristotle's research.

Well, it was developed by his book

entitled Theory of Color. So,

friends, you can't

suddenly understand that yellow

means brave or maybe

red means trustworthy. You can't

because this is already a patent, friends,

that's the definition.

Okay, ready Fikri. Thank You. Well, let's

continue, friends. Well, if

you

look at these logos, these logos

are one example, like

Coca-Cola showing enthusiasm,

friends. Here Coca-Cola

shows its enthusiasm and excitement.

Then Fanta wants to bring its

cheerful image, for example, if

you have heard,

usually, for example, if the food logo is

red, like KFC McD. That's right,

because the color red actually contains an

element of hunger. That's why

FMB people like to wear

red.

[snort]

But guys, it depends on what

you want to bring to

your brand. Do you want me to tell

you about my excitement or do you want me to

show you my hunger?

It's in the color psychology course.

That's right. Because this ee is indeed in ee

psychology, right? It's already clear from

psychology what the meaning of

these colors is, friends. That's

why there's an Oreo logo here. For

example, if you notice Oreo advertisements,

they are usually

with friends and family, the advertisements are

like that. Why does he want what's his name?

Why is he blue and in the adverts are they

always together? Because they

show their

trust, their sense of togetherness

in the color blue. So, if you

want a more complete explanation,

maybe you can just Google

the definition because the definition is

longer and more coherent. I

just took the points. Later,

you just have to search on Google.

Okay, guys. Well, okay. For

example, if you look at the top right corner,

there are logos that separate

themselves from these colors. They have

all the colors that are in

ee the colors here like that.

That's right, Sis Regina. I agree. Well,

for example, those outside here,

eh, they have a

different definition from here. Does anyone know

, friends, why they

separated themselves from the

emotional color group? Why do

they all have different colors?

What do they want? What do

they want to show? They want to express it

from their own logo. Does anyone know

, friends?

Come on, maybe want to explain about NBC

or Google. Why do they have

all the colors? So, what do they want to

show? Do they want to be optimistic,

friendly, excited, creative?

covers all aspects. Okay. But if

I think about it, guys, wouldn't the

audience be confused

if I put everything together?

Is it permissible to describe a

brand or logo as having a

long and wide definition? Includes all

the meanings and applications. They have it

all. Okay.

Well, let's take a look first,

friends. Here's NBC. If

you know that NBC is a channel

abroad, a channel abroad,

yes, friends, yes. Well, what's interesting is

that besides having lots of colors, it's

really magical, guys, it's shaped like a

fan here, guys. If

you notice the fan shape. So, what do

you mean, friends?

Well, NBC represents

diversity.

He wanted to let you

know perhaps that the creativity optimization comes

from the variety of content they

offer. So why do they have

everything here? They want to let you know

that some of their channels are

friendly, some are peaceful, and some are

optimistic. Well, that's it, friends.

But the Zoom is also choppy. Wow. Give it a

try, friends. Are you

still on break up now,

friends? Is it safe?

Is it safe now, friends? Still,

Sis.

Wow, just

a minute guys.

Sometimes it breaks, but now it doesn't. Okay,

let's continue, friends. So that's it

, folks, for NBC. NBC

wants to symbolize the diversity and

creativity

that exists in the content they

offer. The definition is like MBC.

Well, on Google he uses a

combination of blue, red, yellow,

green.

NBC their birds. That's right. Well, he has his

own definition. There is something else he wants to

convey from that logo. Well, for

example, Google's colors are red,

blue, yellow, and

green. Does anyone know,

friends, why the color is like

that? Is the definition more or less the

same as NBC, diversity?

Rainbow.

Rainbow. Why the rainbow?

If we can see the rainbow, NBC is more

rainbow than Google, friends. Does

anyone know the purpose of Google making

colors like that?

Or maybe never mind, Sis. The

important thing is that it's diverse. Red, yellow,

green, in blue steps. Okay. [laughs]

I don't know, Sis. Okay, let's continue.

So, why does Google have such colors

? He used primary colors for

his logo. Basic colors,

guys. The primary colors are

to show simplicity. Can

you imagine? Google

gave that color to show a sense of

simplicity and playfulness.

So he shows that you don't have to

follow the rules. This

means that Google wants to be seen

as innovative,

creative, and a little out of the box. It's

fun to hear the definition of what each

name is? every logo. Because we can

see that their colors are more or less the

same, but the way they convey what they call

information and their brand identity

definitely has some diversity. Oh, I didn't

think of that, Sis. That's right, I did

n't think about it at first either. But after I learned

the definition, I felt, "Oh, yes, that's

exactly their brand identity

."

That's why they can't

get away with it,

usually if the color is the same

or the logo is the same, they can fight over

what's called the patent rights section.

But because they have

different delivery, it's valid.

That's right. Very cool. I also even

the window was hit. Do you know

why it is square? Why

what shape? Why are the colors red, green,

yellow, blue? They are square in shape

because they symbolize the windows

of Windows itself. That

's right, guys. The button is square.

Yes, ma'am. The button is square. That's right,

friends. Easy to understand, yes. Let's

continue, okay? Hopefully there won't be any

more breaks.

Well, the second one, my

friends, is called contrast. What is

contrast, friends? Does anyone know

what contrast is?

Contrast ee maybe in the

editing place the colors are only dark and

light, Sis. Yes, it's okay. Two

opposite colors.

Sharpen the subject. Eh, yes the subject is correct.

Light settings. Okay.

Non-collision colors can be related

to dark and light colors. Okay.

Well, friends, look at the picture here

as an example of contrast,

friends. Contrast is a

difference that is intentionally created. Imagine

, friends. It was made on purpose.

What for? so that something or a design

stands out more. Okay. So the definition was

deliberately created to make something

stand out more. What's an example, Sis?

Contrast. There are four contrasts,

friends. There are colors, there are sizes, there are

shapes, there are fonts.

So, the contrast is not just

light, not just color, but there is

color. size, shape, same font. Well,

here are the easiest colors

, friends. The

easiest is black text on a

white background. Well, that's called

contrast. So, so that you can

see the difference between the writing and the

background. If, for example, you use a

white font, it probably won't be

visible. That's called contrast. Okay, let's

continue. If the size is the

title, the

content of the

subject, eh sub, eh subheadline, the headline is the

size,

eh sorry friends, what I mean by the title

is big and small, the size is yes, the title is big and

small, then this, ee, the icon is

big and small, that's the size, so

distinguishing the size is

correct, right? To make

the difference clearer, friends. Well, then ee

ee the shapes are circles,

rectangles, exit logos,

trash logos. That's what it looks like,

folks. So there's not just one,

not just circles, but

there are rectangles, there are squares.

What for? To make it easier to differentiate and for

us to catch it faster. eh,

what icon is that? What form is that? That's it.

Well, then the last one is the font.

The font is more of a thick, thin, regular bold,

italic. Well, that's it, friends

. So, what's the purpose,

friends? Is it just a difference

or what? Actually,

the purpose of this contrast is so that the design

doesn't look flat, or

boring. Because usually in our eyes

we only need 3

seconds to capture a design.

Well, if for example ee is more than 3

seconds, our design is actually

considered a failure, right,

friends?

Then secondly, there is a hierarchy.

The purpose of contrast is for hierarchy to

help ee which one to look at

first.

So it's not just to make it look ee from the

contrast side, but like this

example, friends, yes. The

contrast is more towards three line items.

So what we have to look at first

is this. So which one is thicker

? From here, just fill it in,

friends. Okay. Then the third is

to improve readability. What

is readability, friends? so that

friends can more easily

read or see the design without getting

tired or confused

.

Can you understand, friends?

Contrast aims to attract the

user's attention and improve

readability. Agree. Agree to

Hippal Fauzan. That's right. Let's continue, okay?

Sis, I want to ask, if the background

color is dark, should the text color be

light or dark or does it depend on

the creator? If it's dark, it's

usually like this, friends.

This is leaning towards the dark,

right, friends? This means he uses

bright colors to stand out more

. For example, if you

wear black, you will still be

visible but won't stand out. So,

make a design that if we

look at it once, we know what it reads

like. Well, that actually

got to the point of the contrast,

right, friends?

Yes, it is true. It's less visible if you wear it

dark. Well, the third one is

enlightenment, my friends.

what is that? Enlightenment is the

arrangement or placement

so that our design is not messy.

Can you imagine, friends, if you look at a

magazine, usually the enlightenment is either

all aligned to the right or all aligned to the left,

or maybe if you look at a

circular, is it aligned to the center or not

aligned to the right or left? that's called

enlightenment so that it is parallel, so that it is neat

in one structured line.

So,

this isn't just a matter of fonts

, Friends, enlightenment, but

also a matter of photos or images. So,

that image is also included in the

enlightenment.

Including the layout, right? Yes, it is true.

If it were you,

what would you call it? Designing using rules is

to help your alignment. So

that your right and left are balanced

.

Well, actually, this lighting is one of the things that

has readability, friends.

So, it's not just the contrast that has

readability that makes our eyes comfortable,

it's for our eyes, right,

friends. But this enlightenment

also plays an important role so that our eyes can see,

but there are rules like that. Whether we

read it from left to right or from

right to left or not, it still

exists. Yes, there is a grid. Yes, that's right,

there is a grid on the camera.

Well, let's continue, friends.

The fourth is balance. Maybe

if you have heard of

balance, you already understand

what balance is, right? Balanced, right, guys?

What is balanced?

What does balance mean? The balance

referred to is not heavy on the

right side, but balanced on the left. Whether it's a font or an

image. So, um, so it doesn't look like there's too

much on the left or too much on the

right. For example, the top one is

really full, the bottom one is really empty,

or the left one is really full, the right one is

really empty,

right, friends. Well, this balance

actually shows how

we can design in a balanced way.

How do you balance it, Sis? Is

n't using enlightenment enough?

Different, Friends. If enlightenment is

to be parallel, if balance is to be balanced

. Can you imagine, friends? For

example, if it is balanced, there is a

balance between the graphic elements on

the right and left so that it doesn't feel

one-sided. I totally agree. Here, K.

Fikri is really a The Cafe kid, isn't he?

Very cool.

Okay, let's continue, friends. Well, the

fifth one is that I am a TKJK student. Okay. Okay.

The fifth one is white space,

friends. Anyone know what white space is

, folks?

Sis, what are the elements of balance?

Hey, Sis, is it just the elements that are balanced,

or the colors too? Ee elements and colors,

Friends. So, ee,

let's go back to the definition of balance, okay, friends.

How do you balance it, friends? For

example, for the font ee,

we define this for fonts and images,

right? For example, if the color is more about

whether it is too dim, for example, you

use the color green, but it turns out that

next to this, the color is more or less the

same, only slightly different. It's not

visible either, folks, the

balance. So whether or not it's possible that

the greens are more like the

identity is not visible, that

can also be said to be balanced.

Let's continue, friends. Well, this is

the problem of white space which previously said

empty space for breathing. Agree?

White space is like an empty area so that it

doesn't feel too full. Agree,

friends?

Yes, maybe if we translate it into

Indonesian, Wespace would be

empty space, friends.

That's right. Okay, agreed friends. So,

this white space, eh, that is not

white space, it doesn't have to be

white, friends. So, eh, wetspace

is the empty space in the design.

Well, the essence of this empty space is

actually that our text or our image

has room to breathe. As my

friends said earlier, it's like

most of the spacious rooms. Agree. Well, ee

there's room for distance, there's room for

design so it's not [clears throat] full. The one

who said to breathe earlier agreed.

Well, have you ever seen a

billboard? or posters that are

really full or not, usually the

extension posters are

really full.

Surely you have, right? Well, I have. Well,

if you look at it for example, it's usually

like all the information is combined into

one, making our eyes tired and it feels

like we're too lazy to read. That's

the function of white space. We have to

know what kind of readability is suitable for

our eyes.

Then the AI ​​poster agreed, I also agree

that the AI ​​poster is the one who is most

afraid of white space. That's why the

easiest way to differentiate AI from pure design from designers is through white space. So, for example, if it's

full and suddenly there are

unnecessary shiny things or

unnecessary icons, that's usually

from AI. Friends agree that the

brain is dizzy. Yes, it is true. Well, then,

but if we try to implement

good WP, ​​my friends, our design

will be easier to read. People

don't get tired of looking at it, like I

said earlier. Then, what is more focused on,

like the example of Zara's cell,

our eyes immediately go to Zara and the cell

because there are lots of wi around

the image. The

cadre posters and friends, the

cadre posters have a lot of information

. Doodle like doodle.

Doodles are more like art, my

friends. So it's perfectly legal. But

if, for example, the design is too

full, we are too lazy to read it. Okay, let's

continue. Well, the sixth one is

hierarchy.

What is hierarchy, friends?

Hierarchy is the order of reading, the

order of focus

levels

in

reading. Can you

imagine, friends? The hierarchy

is talking about which priority

you should read first.

For example, in this poster, eh sorry

guys, in this poster there is Captain

Amer ee there is a poster of Captain America.

Which one do you read first

from this poster for the font,

friends?

Which one do you prioritize most

when reading this poster?

Captain America. Agree with the title, yes. The

biggest one is Captain

America himself. Then the sub

headline is the

smaller one below, my friends, this is the winter

solder. It was read secondly then

below it was the date. Then I

just read it again, there was something

vague above it, Ris Evan and

others. This is his talent

, friends, you can understand it. Well,

this hierarchy is not only from

your fonts, but from the images as well.

Where is the example from? You can see this is the

biggest picture of Captain America

. Then on the right and

left they have smaller pictures

.

from Captain America. So what he wanted to

highlight was Captain America.

Then the new talents,

who are the

supporting actors, are in the back

along with the

background pictures. So it's easy for

friends to differentiate the hierarchy of

fonts and images.

Let's continue, okay?

Well, the seventh one is repetition,

friends. Does

anyone know what repetition is? Does

anyone know what repetition is,

friends?

Repetition.

Okay, agreed. Repetition. Re-doing an

existing design. Repetition.

Okay, everyone answer the repetition. But

what does repetition mean?

Do you understand? eh, what is the definition of

design repetition?

Well, maybe there is an example like

this. Can you guys translate what

repetition is?

I don't know, Sis. [gasp]

Template. Memm said the template is not quite

right it seems. The

repeated explanation is not quite right.

Okay, let me tell you. repetition.

That's right. This means

that repetition is how we design it so that it's

not patchy, friends.

For example, like what I ee, which

I told you about. This is the

design usually found in e-commerce.

He wants to tell you he's selling

this, he's selling this, and he's selling this, he's

selling this. But

what is this called? Not a template, guys

. It seems like

their designs are made the same, only

their headlines are different. That's called

repetition. The repeating

part is what is it called? The

column section.

Saying it's a template doesn't seem

right because the title isn't a

template and the image isn't a template

, friends.

[snorts]

Well, that's repetition, huh.

Well, try it now, friends, open

your cellphones. You see on Instagram,

usually on Instagram there is the

same format if you want to see it again.

Well, the format is like there are columns,

there are likes, then there are shares. That's

called repetition, folks. Maybe

the language is the same, Sis, because the template is the same. Just the same

. But if it's designed,

what's it called? It's called repetition,

friends, not template, okay? If

the template is different again. Well, then, but

without you realizing it, friends, the

placement of the appearance

must be consistent and repeated, it must

not be different. For example, if

you want, for example, because this is

your flagship product, you want the

background color to be brighter or

more yellow, that's not possible. That's

not called repetition.

parallel and consistent.

Correctly aligned. Oh, that's really consistent.

If it's parallel, maybe that's too much, it's

more about the design, friends.

What does the design look like? Because it doesn't

have to be parallel but consistent. Yes,

that's it.

Okay, friends, let's continue.

Well, the last one is the

unity unit.

yes. Hey, what does Unity mean in

this picture? Well, as a brand,

Unity is usually more

related to brand identity,

friends.

Well, here's an example, friends. For example,

imagine if we went to McDonald's and

someone was selling orange or

white,

would you think that if

for example McDonald's was orange

or white or maybe purple? Will you guys

think about its characteristics,

Sis? Yes, it is true.

including distinctive features.

If, for example, you come across a McDonald's

and suddenly you see that McDonald's is

orange and has white on it, would

you still think that it's a

McDonald's?

Are you guys still what? Still like,

"Oh, well, just leave it, maybe he's

collaborating with someone."

Surely you'll think first without even

seeing the logo, what is

that brand with orange and white colors? Does

anyone know?

Shopee may Shopee. But for example,

for food,

mm oh Popai. That's right. Yes, friends, you can do it

. You think of Popai, for

example, which has an orange

and white building, you definitely don't think of

it as McDonald's. That's definitely true. Popai,

Tomoro. Okay.

Almas,

AW? Yes, AW. But there are still

other colors besides orange and white,

friends. The point is, it's included in

identity, but

unity is, what's it called? The

unity that is always used in

the brand is like in this picture,

friends. The Starbucks logo is

always used in its brand identity

. For example, in her bag, in

her pocket, and then it's in her

apron, right, friends?

It's called Unity.

Then

unless suddenly there is a certain moment,

Friends. For example, McD is

releasing the colab I mentioned earlier.

For example, there is a collaboration between him and ee, what is it

called? Same as Hello Kitty for example. So

there must be pink and white colors

but without eliminating the unity. Yes, there

must still be the use of the yellow ee color

, there must still be the use of the

red color as the ee brand identity

in Unity ee McD and BTS. Yes, it is

true. Have you ever collaborated with BTS too

? Did

the workers get tattoos too,

Sis?

It seems like Unity is right, but for

example, if you go to Dufan, maybe

Unity is

dimmer so that it can be seen if

there is a Dufan logo. Okay

friends, let's continue. So we have

arrived at the basics of typography. Friends,

have you felt that the

eight

design principles, what are they called, are easy to understand or

not in your opinion? Are you still

confused about the eight of them

? Easy, Sis. Okay, ready. Easy, safe,

Sis. Easy. Ready. So, in

design principles, apart from understanding the eight

principles above, we also have to know the basics

of typography. The problem is that typography is

also included in the design principles.

Easy, but the app is sometimes the most

confusing. What does that mean?

The application is sometimes the most confusing.

Well, let's try to

continue, friends. Well, for

example, if it's based on the principles of typography,

ee, usually it's for print design needs

or digital design too, of course.

Let's continue, friends.

Well, the first design principle is the

general type of typography. So,

this typography itself has two types,

what do they have? Two types. There are sans

serif and serif. Do you know the

difference between sans serif and serif?

Or do you think that's just part

of the form, Sis? There is no difference,

just the name.

Come on, guys. There's a

line there, Sis. The end,

the tail. Okay, friends, you all

understand what the

firmness of the form is like. Okay. So,

the difference between sans serif and serif is that, what my

friends said is that for

example, ee serif has no

end, but for example, eh sori

serif has a tail, but

sans serif doesn't have a tail.

Serif is ee, which means ee tail,

friends. Well, for example,

sans serif is without a tail. So, this is

French eh tail serif, sans serif

without tail. Okay. So, why are you giving

me what? Given the names serif and

sanserif. Why does it have to be so complicated,

Sis? There's a purpose, folks. So, the

goal is to differentiate one from the

other, to differentiate between visual and

letter forms, yes. That's the most common. Then the

second thing is to determine its function and

use. So this SF is not

only

to differentiate whether it has a

tail or not, but

also for its usefulness. Their uses are different,

their functions are also different, to

arrange letters so that the text is easy to read,

clear, and visually appealing. Okay,

thank you, Brother Fauzen. So,

usually this serif is most suitable for

use in print designs,

friends.

Like for example circulars. Surely you

have often seen

those circulars, what is the shape of those circulars?

Formal. Usually they use

serifs. Why? Because it's easier to read

in long paragraphs.

Imagine, friends.

Then, for example, if Sans-serif is suitable

for digital designs such as

websites, posters, banners,

they usually use Sans-serif. Just to make it

cleaner on the screen, friends.

Differences in formal and

informal usage. Yes, it is true.

Okay.

Then the third one is for

communication between designers. So, for

example, if a designer usually speaks

using the SF font, it's

easier,

friends. The problem is, if

you say eh using a font that doesn't have a

tail or using a font that has a tail, it

might sound too long

. It's common language in designers.

Well, then, for example, the fourth

function is to build mood and

branding. So, for example, serif is

more luxurious, classic, formal, while

sun serif is more modern, friendly,

and simple. Can you

imagine, friends? Carry on. Well,

this is an example of spacing in typography.

So, these typographic spacings

also have a name [snort], that's the

spacing between lines, my friends. The line

from the morning sun and shining is

called leading.

Then, regarding the tracking below here,

friends, tracking is the distance

between letters in a word.

So here there are

these spaces called tracking. Then

the third one is kerning,

friends. Curning is the distance

between two letters.

Ma

ta kerning, guys.

Then, the fourth one has

spacing. Spacing is the distance between

words.

Okay, guys. Is

kerning like the spacing between letters,

Sis? Kerning is like the distance between

letters. Yes, it is true.

Yes, the spacing between letters. So

there's a lot of space here.

Can you imagine, friends?

What's leading, Sis? Leading is the distance between lines.

Here is the morning sun and here is the

shining. So, the distance between the

morning sun and the shining,

the distance between the rows, Friends.

Okay, does that make sense, friend?

Our friend continues with kerning and spacing. Okay, it's

me again, guys. Let me

explain again, okay? If kerning

is the distance between two letters,

two letters MA, TA. This is kerning.

For example, spacing is the distance between the

words "sun". Oh, sorry. The sun and

morning are spacing. So, for example,

kerning is the distance between two letters,

tracking is the distance between letters, spacing

is the distance between words, leading is the distance

between lines. Okay, let's continue,

friends.

Next. Okay. Well, friends, here is an

example of wording from emm business cards

, friends.

Here there is ee what is it called? There are four

examples, what are they called? Card from the

university. In your opinion,

which card is the best in your eyes and the most proportional, friends?

There is University of Wisdorn, Harvard, UB,

Firstd,

Harvard K. Okay, the

University of WSOR is right with

Harvard. Okay, Harvard. Friends, please

choose Harvard. Okay. Oh, that's right. So,

what my friends said is the

most composite is Harvard, my

friends. Why? Because here it

is from the color of the headline section,

then after that there is the sub

headline and the contents are differentiated

by color. For example, if the Purdu

one is completely black, it's not wrong,

friends, but the Harvard one is easier to see

because it has

the difference that was mentioned earlier.

Then here the University of

Winsort is correct, but eh, is

he too ee what? There is less

differentiation like Harvard.

Too crowded. Agree. Agreed

friends.

UB Brawijaya University is not

friends,

not UB here. University @bffalo.

Okay, that makes sense, guys.

Let's continue.

So, it's not

just the color that has character, but the font also has it,

friends.

What is a font character?

Well, this bold font, friends,

the one on the top left, this is

to show that it is strong.

he is so strong. Style phone. Em style

phone I, but more about what character

he wants to convey in that character.

Then the one on the bottom left is playful,

friends. Simple, relaxed, with

lots of

curved shapes. It's kind of

like handwriting, right, guys?

Then, for example, if

there is a formal color on the top right,

more of a

neutral formal color, that's usually what I

said earlier, it can be used for

digital ee too, for banners, for

ee posters and so on. But it cannot be

denied that anyone can make a

poster, but this is usually what is used for the

content, friends.

Well, then on the far right there is

vintage.

He wants to show off luxury, elegance, and

classic. You can feel it, friends,

what character he wants to highlight.

Okay, guys.

Well, here's an example,

friends. For example, there is ee Disney Walt

Disney. Walt Disney ee usually uses the

top left font. Oh, sorry. If

for example we use ee, what is it called? Is the font

on the top left suitable for Disney

like this?

No, right, guys? Because there is something

he wants to convey with

that logo. Disney wants to

show how playful he is like here.

Playful. Not enjoying it? Yes It's too

stiff I think.

Not suitable for children. Too

strong. Okay.

Well, then Prada Prada wants to

show off her elegance. She has an

elegant brand id tit. That's why

he wanted to use this vintage logo in his Word logo

, friends. That's it.

Samsung, he wants to show him,

what's his name? eh ee product that

shows

serious technology like that. That's why he uses it, yes, it's

true, modern, he wants to use

modern fonts, fonts that were

previously formal. That's right. Well,

then, Harry Potter is

more abstract, friends. He

uses the concept as his

own design.

So, he combined the designs, he

continued to combine them so that he wanted to

show them off, eh, he wanted to show them off, but he brought them

to a mysterious place,

according to the story. Fantasy. Agree. That's what

he wanted to show from Harry

Potter. That's it

, friends.

Well, we've arrived at the cashier,

friends. It's

easy, right, friends, those of you who were

previously having problems with fonts or whatever, or

maybe some of you are still confused

about what fonts are, what are the characters, I

don't understand, or what do

you think? If you've reached this point, do

you understand a little or

have a little idea about the

design principles? It's safe,

friends, you understand,

okay, okay,

safe. Okay, let's continue,

friends.

Well,

here is an example of an em from a

Gojek advertisement, namely sending parcels outside the

city so it's extra economical.

Okay, I want to ask you guys.

Where do you think the hierarchy is? Come

on, friends, who can answer

which side of the hierarchy is it?

Left to right, Sis? Discount. Discount.

Okay.

Discount. Okay. I'll let you know. This

is the hierarchy, folks. The

hierarchy is included in the

title, he sent parcels outside the city

so the extra savings are a 60% discount. That's right

. Friends, there's a discount, and next to it

is the

promo code. That includes the hierarchy.

Then I want to ask, do you know

which side the contrast is?

What are the contrasts in this picture?

What do you think is the most obvious contrast

?

Is it from snacks? [laughs]

Food. Yes, it is true.

[gasp]

the snack is

on the right. Okay,

yeah. That's right, guys. This snack,

this food is the most contrasting among the

others. Why? Suddenly there is a

yellow color in the abundance of green that

is here. Does this font

include contrast? Contrast too,

only this is font contrast, this is

image contrast, friends.

Continue, okay?

Well, this is the balance,

folks.

What is the balance? The

balance is between images and

fonts. So, balance doesn't mean

there has to be fonts on the right and left, but it

can just be on the left. And on the right it can be

balanced with a picture. That's what

balance is, my friends.

Why is it, Sis, that the letters S and K are

always so small that they even

look like that? Is that a

marketing trick? There's a reason.

Well, actually, friends, it's

not a marketing trick, but let's go back

to what was that about? maybe white

space, guys. So that the image is

n't too full, so that it has

readability, so that our eyes can

think of it like this,

friends. Have you ever seen banners

on toll roads? Can't

imagine, right friends? Suppose

this banner is on a toll road. You're

speeding, suddenly you

see this banner. It's impossible for

you to see the S and K's

in effect that long,

right? Surely what you see

during your 3 seconds at

full speed is only 60% of it,

or maybe this headline is sending a parcel

out of town while driving while

looking like this, wo

n't you crash when you see the SK in effect

like that? that's it guys. That's why the SK's

validity might be on a

certain page or, for example, in the application, it

's in a certain section so that

we can read in more detail what

applies in it,

what are the applicable provisions. So what we want

to highlight is the

campaign headline or the

promotion headline so that the design doesn't have to be too

full.

This means that balance doesn't have to be a picture

plus a picture, but for example, writing on the right and left is

also possible. That's right. That's absolutely right,

Cesar Ragil.

Thanks K for the answer. Okay,

friends, let's focus on the

important information we want to

convey, Sis. Yes, it is true. So, that's it

, guys.

Let's continue first.

Well, this is the distance that

I said earlier, we need white space or

ee to make it easier for our eyes to assess

the image. Then the distance is

also part of the balance, friends. Think of it like

this, guys. Let's say there is

no logo on the right side. Let's say

we remove the logo. That would

feel lopsided, folks.

Why is it empty here? There's no design for

anything, right? Let's say we put the logo

on this side, it looks like it's one-sided

. But if

we put the logo here, we feel a

sense of relief because it turns out there

is information on the right side too.

The information is in the form of a logo like that. Can you

imagine, friends? So every

design must have a mana space, right,

Sis? That's right. So, space is

actually meant to

help us in many ways,

friends. helps with distance, helps with

hierarchy, helps with ee enlightenment

too. Can you imagine, friends?

Let's continue.

Well, the second one is an example,

what's it called? The promotion is from Dana.

Which hierarchy do you think it is?

Try typing,

friends, which hierarchy is it?

That's right, the hierarchy is this one,

folks. Drama-free one

digital wallet for all transactions. That

's right, guys. My friends seem

to be smart.

Drama free, yeah. That's right.

So, this is for Terus,

which color contrast is it,

friends?

Which color contrast is most visible to your eyes? The people.

That's right. Agree.

The contrasting image is in people.

But for contrast, the font

is on the left, friends. I already

said it earlier.

Color contrast is not only from the font

or from the image alone,

but from the font and the image. Right,

guys? Both can be drawn,

can be fonted like that.

Then the third one is

balanced. The one on the left has

the text, the font, the information.

There is a picture on the right. Can you

imagine, friends? And

finally there is distance. The distance is not

close,

not pressed together.

It looks like the image is cut off,

Guys. Sorry, it shouldn't be

this close. There is still space.

So, when we see, let's say

this is a billboard on the street, we can

immediately know, sorry. The image is here,

sorry, the text is here, the image is

here. our eyes are not immediately

quick enough to catch it.

Okay. Why are the rice elements so close together?

Yes, Sis. I'm so sorry. It's almost cut off,

I think. But it shouldn't be that close

, Sis. This means that every design must

use design principles, right, Sis?

Actually, you really have to use eight

principles, but if, for example,

you can only use two principles or

whatever, it's still good, but it might not be

as

perfect

or as effective or as committed,

friends. Okay.

Well,

this is the third example.

Okay, the sound is still intermittent, friends

. It's

safe now, friends. Safe. Okay.

Well, I want to ask, where is the hierarchy

? PPN [laughs]

seems to have gotten a head start.

VAT first promo saving.

There you go, folks. The hierarchy is in

the middle for all the information. The

first promotion is saving, then the date comes,

then there is Rp. 50,000, that's included in

the hierarchy.

You guys, if you notice, this color is

different, guys.

Nabun's first VAT promo. So it will appear that,

for example, it has an abbreviation like that.

Well, the second one is balance.

Yes, friends, there are pictures on the right and left,

not just like that, for example,

on the left, the text is on the right of the image or on the

right and right of the

image text, it's not just like that, but it can be on

the right and left of the image, that's called

balance.

Then the last contrast that

I said earlier, Friends, for VAT it's

not balanced, Sis, because one of them

doesn't have hair. Oh,

right. Hey

maybe the hair will grow later,

guys.

Well, [gasp] here's the contrast,

folks. VAT has the most

striking color, it's different.

The font is also the biggest

among the others.

Her hair is still in its infancy. agree. Okay,

friends, let's

continue. Ah, it's done,

guys.

Easy, right, friends? Can't you feel what we're in

? Learning that

fast.

It's finished. Thank you very much,

friends. Yes, maybe that's all from me for now

, friends. Hey, if

for example there are those who are still confused,

maybe we can

continue by linking it. I can ask

about anything and I will share a lot

too. I apologize if

for example the sharing is a bit fast or

there are mistakes given in the

material, I apologize very much or

maybe the problem is intermittent, I

apologize very much, friends. And

yeah, that's all from me for now. I

returned it to Sister Zara.

Okay, thank you very much Sis Yolanda

for your knowledge. I've been seeing this for a while now, this is

really interactive, Sis. Until someone

chatted and said that they didn't feel that

our relationship was only up to this point, they said.

Okay, maybe we can continue to

discuss how to do the minimum and

after that, since it's already

21:09, we'll maximize

the questions until 21:15, okay,

Sis, so it's not too late.

Okay, maybe I can ask permission to share

my screen, maybe Sis Yolan, I can ask permission

to replace you, Sis.

Okay, friends, I have shared the mini bag

in the chat column and ee, what

you can see here is how it

will look like.

Well, okay. Here friends, as seen in the

first slide, make sure to fill in

all your friends' names. Well, on

this second slide, there will be instructions for

how to do it, friends. So

this document is not open access for editing.

So download this file and then

run it on your respective devices.

Here, friends, you can click on the file,

then click download and the format is

PPT.

So, after that, friends, please

follow the steps below

. There are five steps. First,

please test

your understanding by filling out the post

test at the following link. Here is the

post test link. Second, please

make a summary of the material that

you have studied today

with Yola. Okay. Well, if it's not

enough, please create a new slide.

So, here is a summary of

today's lesson. If it is not

enough, please create a new slide

below it. Well, if you guys

missed it, you can access it on the

YouTube link here. Here is the

YouTube link. Then on slide 4

here, there will be a design which

also has writing and later,

friends, please write down the

character and impression of the logo design of

these brands. Later, in slides 5

and 7, you will be asked to

analyze the design principles of the designs

provided according to the examples

explained by Kak Yola during the class session

earlier. Here, here are some of the

brands. Please write down the character

and impression. Okay,

then here, please write down the

design principle analysis as

Yola explained to

all of you earlier and you have

answered each other in the chat column

together. So,

if you have done everything, please

upload your work to

one of the social media. So, if you

have filled in all the fields from slides 1, 3, 4 to 8,

please upload them to social

media as I mentioned earlier, just like

Twibon, you can do it on Instagram, X,

then on TikTok, on Linkin, on Facebook,

that's also possible. Then use an

interesting caption about your friends' learning experiences

at MySkill. Don't forget

to follow and tag my media skills and continue

using #learn atmskill. Well, you

can input your friends' social media post links and

claim them as certified. So, the deadline for

submission there is Wednesday at

23.59 Western Indonesian Time. Okay, so

for friends who fill in the link,

it will be considered that they are present at

tonight's class. And for friends

who did not fill in or were not able to

fill in, we apologize, we will assume you were not

present. So, don't forget to

fill in the certificate claim link, friends

.

Okay, Sis Yolan, maybe we can just take the

top few questions,

the most popular questions maybe,

to close tonight.

Because we've been asking each other

questions in the chat column,

asking and answering each other like that.

Okay, maybe we can start from the

top question, Sis.

Sis, are there any colors or

font combinations that you think should be

avoided because they often make the design

less comfortable to look at.

So, okay.

Okay. Um, I'll just answer it, Sis. Emm

for Anonymus, Bro Anonymus ee

thank you for your question.

Colors to avoid, friends.

Actually, there's no such thing as avoiding any color

, friends. because

they have their own character, their

own emotions, their

own delivery. So, for me, it's best to just

follow the brief.

What do you want to highlight or

what information do you want to convey,

more like

ee

ee what's it called? Like earlier, a brand

with a rapar taste. Yes, you guys

use colors that ee emotionally

invite hunger like what

I saw earlier, eh, I saw earlier, sorry, what

I told my friends

about, ee, what is it called, what does it mean, what are the

colors, you can try using them.

So in my opinion, there is no color that is

not used, all of them are used

.

That's from me. Hopefully the answer is yes, to

anonymous.

Okay, hopefully this can be some input

that can be used too, Anus

. Okay, let's continue, maybe two

more questions as

closing questions. Good evening, Sis. May I ask what

kind of portfolio is most suitable

for graphic design. Thank You.

Okay. Um, this is talking about portfolios

, friends. For me, a

portfolio is actually a form of

your work results. For example, what is most

looked at is an assessment. The

easiest thing is how

you can explain what you

do. For example, you make a banner.

But if, for example, you were just

asked, "Can you explain

what this banner is?" Hey, this banner is

just for promotion, Sis. promotion

of a campaign, but you don't

understand what you should explain with the

design. So, HRD will definitely

consider it like or not, the user

will consider it like, "Oh, okay, this kid

just received the brief, was only told to do

this, was told to do that, but didn't think about

what the design would be like." For

example, if you answer like, "Well,

this design doesn't have to be good,

friends, but how you

convey the results of the design matters.

For example,

I created this portfolio

with the aim of expanding the target

market. Why? Because of

these designs I use ee basic-basic

line or not font or not the

photos are appropriate for ee

my target market. My target market is

probably in the age range of 17 to

30. That's why I use

that font. Well, that's the

explanation, friends. So it's more detailed,

more structured so that HR

can see, oh, it turns out there's a

hierarchy in the design process. Hey, there's a

hierarchy, there are rules,

you know, friends. That's it, friends.

Hopefully this answers your question, Anonymous.

Okay, Brother Animus, hopefully this can be the

answer that must be used later

. Okay, finally, maybe the

last question for tonight in graphic

design, are there any composition rules, Sis?

Maybe you can emphasize this too, Sis.

Lastly, the rule of golden ratio, and

so on. How about this, Sis, Y?

Okay. Hey guys, my signal didn't drop out, did it?

Hey, it's safe, Sis.

Hello.

Hello friends. Be

safe, Sis Yola. Safe. Safe.

Okay. Eh, actually, the rule of the

golden ratio, eh, the golden ratio

means more in this lesson,

friends, photography lesson.

So, for example, in

photography, there is a certain composition that is

different from design, eh, how do you

determine the correct composition for taking a photo

, and eh, what is the correct composition of the ratio

in the photo like?

Well, eh, the easiest thing

about the rule of thuh ee, you can see

here, friends, is the

part of the horizontal balance

between the two verticals. So, for

example, if you look at it horizontally

and vertically, there are

certain parts of the rule of th. For example,

on a camera, you usually use a diaphragm,

friends. For

example, if it's a lens, it's specifically

for photography. But for example, eh

sorry, if that's usually for the need for

light to enter, ee, what width is that

included in the rule of th,

right? Hopefully it answers your question,

Anonymous.

Okay, Sis. Maybe the previous question will

also be the closing for

our session tonight, right Sis? But

before I close, maybe we can take a

photo together first. Friends, you can

go on cam first. We will have a documentation session.

Friends, you can go on cam

before I close the class. Before we say

goodbye, it's okay if we take

a photo together first. Even though it's documented, it's

still foreign, said Kak Caesar Ragil. Do

n't worry, Caesar, you can approach

Yola's link if you want to ask questions

. Is that right?

Yes Ready. Agreed, Sis. Agree. Later

we can discuss it together there.

Okay. Okay. I will start to

document. I'll start from screen one

. 1 2 3. Don't forget to smile.

Okay, let's continue, friends, for the

second screen. 1 2 3. Don't forget to

smile.

Okay, let's move on to the screenshot.

OK, maybe this is the last screen.

Don't forget to smile. And one, two,

three. Okay.

Okay, thank you Sis Ella for your knowledge

tonight. I saw that my friends were

also very enthusiastic and interactive

in the chat earlier. Hopefully the knowledge is

useful for Sis Yola and

all of my friends. And I also hope that

Yola will continue to be successful and her career will get better.

Likewise, all my friends. I,

Zahra, as the moderator, will take my leave.

See you in the next CL short.

Thank you very much, Sis Yola.