📌 Course purpose: This course teaches you the art and science of arranging type and visual elements to create beautiful, readable, and effective designs. You will learn how to choose fonts, structure layouts, and use space to communicate clearly. No prior design experience needed.
| Aspect | Details |
|---|---|
| Target audience | Beginners interested in graphic design, branding, web design, publishing, or visual communication |
| Prerequisites | None — just a love for design and curiosity |
| Delivery mode | Self-paced with practical exercises and examples |
| Total duration | ~3–4 hours (over 1–2 weeks) |
| Certification | Certificate of Completion |
By the end of this course, you will be able to:
| Module | Title & focus | Key activities & takeaways |
|---|---|---|
| 1 | Introduction to Typography The art of letters |
Learn the history of type, type classifications (serif, sans-serif, script, etc.). Understand font anatomy and terminology. 🔹 Task: Identify fonts in the world around you. |
| 2 | Choosing and Pairing Fonts Make your words sing |
Learn how to choose fonts for mood and readability. Discover font pairing strategies. Avoid common font mistakes. 🔹 Task: Create a font pairing for a sample project. |
| 3 | Layout Fundamentals Structure and space |
Explore layout principles: balance, alignment, proximity, and white space. Understand the grid system. 🔹 Task: Sketch a grid layout for a magazine page. |
| 4 | Visual Hierarchy Guide the reader's eye |
Learn how to use size, weight, colour, and spacing to create hierarchy. Understand how to direct attention. 🔹 Task: Redesign a poster to improve its hierarchy. |
| 5 | Working with Colour and Images Enhance your design |
Understand colour theory and how to use colour effectively. Learn how to integrate images with text and layout. 🔹 Task: Design a simple flyer with colour and images. |
| 6 | Putting It All Together Create a complete design |
Combine typography and layout skills to create a real-world design — poster, brochure, or social media graphic. 🔹 Task: Create a final design project. |
| Component | Description |
|---|---|
| Practical exercises | After each module, complete a design task (e.g., choose fonts, sketch a layout). |
| Design journal | Collect and analyse examples of typography and layout you encounter. |
| Final project | Create a complete design (poster, brochure, or social media graphic). |
| Peer review | Share your work and get feedback from fellow learners. |
| Week | Modules to cover | Estimated time |
|---|---|---|
| Week 1 | Modules 1, 2, 3 | 1.5–2 hours |
| Week 2 | Modules 4, 5, 6 | 1.5–2 hours |
| Question | Answer |
|---|---|
| Do I need to be a designer? | No, this course is for beginners. Everyone can learn design. |
| Do I need special software? | You can use free tools like Canva, Figma, or even pen and paper. |
| How long does it take? | About 3–4 hours total. You can go at your own pace. |
| Will I learn to use Adobe software? | We focus on design principles, not specific software. You can apply them to any tool. |
| Is there a certificate? | Yes, you will receive a Certificate of Completion. |
Upon completion of all modules and the final project, you will receive a Certificate of Completion. You can use your new skills to create better presentations, social media graphics, websites, or even pursue a career in design.
After this course, you can explore advanced topics like branding, user interface design, or print design — or just start creating!
Hello, future design expert! Welcome to the very first module of "Typography and Layout Design". This is a very special course because it will teach you how to arrange words and pictures to make things look great. It is called typography and layout design.
In this module, we will start from the very beginning. We will learn what typography is, why it matters, and how to choose and use fonts. You don't need to know anything about design. We will go slowly and use lots of examples. By the end of this module, you will understand the basics of typography and be ready to learn more.
In a busy market in Ibadan, there were two shops selling the same goods. One shop had a sign that was messy, hard to read, and ugly. The other shop had a sign that was clear, beautiful, and easy to read.
Customers could not read the first sign. They walked past it. But they stopped at the second shop because the sign was inviting and clear. The second shop owner sold more goods and became very successful.
The first shop owner learned that the way you present your words matters. Good typography can make people stop, read, and trust you. The shop owner redesigned his sign and soon his business grew too.
Definition: Typography is the art of arranging letters and text to make them look good and easy to read.
Why important: Good typography makes your message clear and attractive.
Simple explanation: It's about how you choose and style your letters.
Real-life example: The fonts on a cereal box.
School example: The letters in a textbook.
Home example: A handwritten note with careful lettering.
Nigerian example: A well-designed shop sign in Lagos.
Illustration:
+----------------------+
| Typography = |
| Art of letters |
| Make text look good |
| Make text easy to read |
+----------------------+
Mini summary: Typography is the art of making text look good and easy to read.
Definition: Typography matters because it affects how people read and understand your message.
Why important: Good typography makes your message clear and trustworthy.
Simple explanation: If your text is hard to read, people will not read it.
Real-life example: A menu that is easy to read makes customers happy.
School example: A well-written essay is easier to read.
Home example: A letter that is neat and clear.
Nigerian example: A road sign that is easy to read helps drivers.
Illustration:
+----------------------+
| Good Typography |
| → Clear |
| → Attractive |
| → Builds trust |
+----------------------+
Mini summary: Good typography makes your message clear and trustworthy.
Definition: Writing has been around for thousands of years. It started with pictures and symbols.
Why important: Understanding history helps you appreciate typography.
Simple explanation: People used to draw pictures to tell stories. Then they invented letters.
Real-life example: Ancient cave paintings.
School example: Learning about ancient Egypt and hieroglyphics.
Home example: Old family letters written by hand.
Nigerian example: Traditional Nigerian symbols and writing.
Illustration:
Pictures → Symbols → Letters → Printed words → Digital fonts
Mini summary: Writing has evolved from pictures to digital fonts.
Definition: A font is a set of letters, numbers, and symbols that share a consistent design.
Why important: Fonts are the tools of typography.
Simple explanation: A font is a family of letters that look the same.
Real-life example: Arial and Times New Roman are fonts.
School example: The font used in your school books.
Home example: The font on your computer.
Nigerian example: The font on a Nigerian newspaper.
Illustration:
Font Examples:
Arial: A B C D
Times New Roman: A B C D
Comic Sans: A B C D
Mini summary: A font is a set of letters with a consistent design.
Definition: Serif fonts have small lines or feet at the ends of letters.
Why important: Serif fonts are classic and often used in print.
Simple explanation: They have little "feet" on the letters.
Real-life example: Times New Roman.
School example: Textbooks often use serif fonts.
Home example: Old books and newspapers.
Nigerian example: Formal documents often use serif fonts.
Illustration:
Serif: T (with feet)
Mini summary: Serif fonts have little "feet" on the letters.
Definition: Sans-serif fonts do not have the small lines or feet. "Sans" means "without."
Why important: Sans-serif fonts are clean and modern.
Simple explanation: They are plain and simple.
Real-life example: Arial.
School example: Many websites use sans-serif fonts.
Home example: Digital screens often use sans-serif.
Nigerian example: Modern Nigerian logos often use sans-serif.
Illustration:
Sans-serif: T (no feet)
Mini summary: Sans-serif fonts do not have feet. They are clean and modern.
Definition: Script fonts look like handwriting or cursive.
Why important: Script fonts add elegance and personality.
Simple explanation: They look like someone wrote them by hand.
Real-life example: Wedding invitations often use script.
School example: A handwritten-style poster.
Home example: A personal letter.
Nigerian example: Some Nigerian brands use script for elegance.
Illustration:
Script: T (like handwriting)
Mini summary: Script fonts look like handwriting.
Definition: Display fonts are decorative and designed to stand out. They are used for headlines and titles.
Why important: Display fonts attract attention.
Simple explanation: They are bold and eye-catching.
Real-life example: A movie poster title.
School example: A project cover page.
Home example: A party invitation.
Nigerian example: A Nigerian festival poster.
Illustration:
Display: T (decorative)
Mini summary: Display fonts are decorative and used for headlines.
Definition: Font anatomy is the parts of a letter. It includes stems, serifs, ascenders, and descenders.
Why important: Understanding anatomy helps you choose and use fonts.
Simple explanation: Letters have different parts, like arms and legs.
Real-life example: The stem of the letter "t."
School example: Learning the parts of letters in art class.
Home example: Looking closely at letters in a book.
Nigerian example: Designing a sign with careful lettering.
Illustration:
Parts:
Stem: | (upright)
Serif: _ (foot)
Ascender: h (goes up)
Descender: p (goes down)
Mini summary: Letters have parts like stems, serifs, ascenders, and descenders.
Definition: You have learned the basics of typography — what it is, why it matters, and the different types of fonts.
Why important: You can now start using typography in your own designs.
Simple explanation: You know how to choose fonts and understand their features.
Real-life example: You can design a simple poster.
School example: You can make your project look better.
Home example: You can create a nice sign for your room.
Nigerian example: You can design a business sign.
Illustration:
+----------------------+
| You understand |
| Typography! 🎉 |
| → Fonts |
| → Anatomy |
| → Design |
+----------------------+
Mini summary: You now understand the basics of typography!
Step 1: Look at the letter "T".
Step 2: Does it have feet? Yes → Serif.
Step 3: Does it look like handwriting? No.
Step 4: Is it decorative? No.
Step 5: It is Times New Roman.
+----------------------+
| Serif | Times New Roman |
| Sans-serif | Arial |
| Script | Brush Script |
| Display | Impact |
+----------------------+
Ascender: h
Stem: |
Serif: _ (foot)
Descender: p
| Feature | Serif | Sans-serif |
|---|---|---|
| Feet | Yes | No |
| Style | Classic | Modern |
| Use | Print, books | Screens, websites |
| Example | Times New Roman | Arial |
In this module, we learned the basics of typography. We discovered that typography is the art of arranging letters to make text look good and easy to read. We learned about the different types of fonts — serif, sans-serif, script, and display — and explored font anatomy. With this knowledge, you can now start noticing and using typography in your own designs. Great job!
Match the word with its meaning:
| Word | Meaning |
|---|---|
| 1. Serif | A) Font without feet |
| 2. Sans-serif | B) Font with feet |
| 3. Script | C) Decorative font |
| 4. Display | D) Font like handwriting |
| 5. Typography | E) Art of arranging letters |
(Answers: 1-B, 2-A, 3-D, 4-C, 5-E)
Scenario 1: You are designing a poster for a school play. What type of font would you use for the title?
Scenario 2: You are writing a letter to a friend. What type of font would you use?
In groups of 3, find examples of serif, sans-serif, script, and display fonts in your environment. Share and discuss your findings.
Look around your home or school and identify 3 different fonts. Write down what type they are and where you found them.
Create a poster that shows examples of serif, sans-serif, script, and display fonts. Write a short description of each.
Design a simple sign for a shop or event. Choose a font that fits the message and explain why you chose it.
Research the history of a famous font (like Times New Roman or Helvetica). Write a short summary of its origins.
Fill-in-the-blank: 1-letters, 2-font, 3-serif, 4-script, 5-display
True/False: 1-F, 2-T, 3-F, 4-T, 5-F
Matching: 1-B, 2-A, 3-D, 4-C, 5-E
In Module Two, we will learn about choosing and pairing fonts. We will explore how to combine fonts to create beautiful and effective designs. Before the next session, think about your favourite font and why you like it.
See you in Module Two! 🎉
End of Module One · Welcome to Typography!
Hello, future design expert! In Module One, we learned the basics of typography. We learned about different types of fonts: serif, sans-serif, script, and display. We also learned about font anatomy. Now we will learn how to choose and pair fonts like a pro.
Choosing the right font is like choosing the right outfit. It changes the mood and message. Pairing fonts is like matching clothes — they need to go together well. In this module, we will learn how to select fonts for different projects and combine them in beautiful ways. By the end of this module, you will be able to create stunning typography combinations.
A designer named Ada was asked to create a wedding invitation. She wanted it to look elegant and romantic. She chose a script font for the couple's names and a serif font for the details. It looked beautiful. But something was wrong. The fonts clashed — they didn't go together.
Ada tried again. She paired the script font with a simple sans-serif font. They worked perfectly together. The invitation looked elegant and clear. The couple was thrilled. Ada learned that pairing fonts is an art. The right combination makes all the difference.
Definition: Choosing the right font means selecting a font that fits the message, audience, and purpose.
Why important: The right font makes your message clear and trustworthy.
Simple explanation: A font is like a voice — it should match what you are saying.
Real-life example: A law firm uses a serif font to look serious.
School example: A teacher uses a simple font for handouts.
Home example: A family uses a friendly font for a newsletter.
Nigerian example: A Nigerian brand uses a bold font for a modern look.
Illustration:
+----------------------+
| Font = Voice |
| Choose the right |
| one for your message |
+----------------------+
Mini summary: Choose a font that fits your message and audience.
Definition: Font mood is the feeling or emotion a font creates.
Why important: The mood of a font affects how people perceive your message.
Simple explanation: Some fonts look serious, some look playful, and some look elegant.
Real-life example: A playful font for a children's book.
School example: A serious font for a school report.
Home example: A warm font for a family letter.
Nigerian example: A bold font for a Nigerian music poster.
Illustration:
Moods:
😊 Playful: Comic Sans
😌 Elegant: Script fonts
😤 Bold: Display fonts
📚 Serious: Serif fonts
Mini summary: Fonts have moods that affect how your message is received.
Definition: Font pairing is the art of combining two or more fonts in a design.
Why important: Good font pairing makes your design look professional and balanced.
Simple explanation: You combine fonts that work well together, like a good team.
Real-life example: A website uses a serif for headings and a sans-serif for body text.
School example: A poster uses a display font for the title and a simple font for details.
Home example: A menu uses a script for the title and a sans-serif for items.
Nigerian example: A Nigerian magazine uses a bold display font for headlines and a serif for articles.
Illustration:
Pairing:
Serif + Sans-serif = Classic and balanced
Script + Sans-serif = Elegant and modern
Mini summary: Font pairing is combining fonts that work well together.
Definition: Contrast means using fonts that are different from each other. One should be bold and the other light, or one decorative and the other simple.
Why important: Contrast creates visual interest and helps guide the reader.
Simple explanation: You want the fonts to be different enough to stand out from each other.
Real-life example: A bold display font with a simple sans-serif.
School example: A large, bold title with a small, simple body text.
Home example: A decorative heading with a plain paragraph.
Nigerian example: A Nigerian poster with a bold headline and simple subtext.
Illustration:
Contrast:
Bold + Light
Large + Small
Decorative + Simple
Mini summary: Contrast makes your font pairing interesting and effective.
Definition: Harmony means the fonts share something in common, like similar shapes or proportions.
Why important: Harmony makes the pairing feel balanced and not jarring.
Simple explanation: The fonts should look like they belong together.
Real-life example: Two fonts with similar x-height (the height of the lowercase 'x').
School example: A heading and body text that have similar letter shapes.
Home example: A menu with fonts that have a similar style.
Nigerian example: A Nigerian website with fonts that share a modern feel.
Illustration:
Harmony:
Similar height
Similar style
Similar mood
Mini summary: Harmony makes your font pairing feel balanced.
Definition: The rule of two or three means using no more than two or three fonts in a design.
Why important: Too many fonts make a design look messy.
Simple explanation: Stick to 2-3 fonts per project.
Real-life example: A website uses one font for headings, one for body text, and one for accents.
School example: A project uses one font for the title and one for the content.
Home example: A family newsletter uses two fonts.
Nigerian example: A Nigerian brand uses two fonts for consistency.
Illustration:
Rule of Two or Three:
1. Heading font
2. Body font
3. Accent font (optional)
Mini summary: Use no more than two or three fonts in a design.
Definition: Hierarchy means using different fonts and sizes to show the importance of information.
Why important: Hierarchy helps readers know where to look first.
Simple explanation: The most important text should stand out the most.
Real-life example: A newspaper uses a large bold headline and smaller body text.
School example: A poster uses a big title and smaller details.
Home example: A menu uses a large dish name and smaller description.
Nigerian example: A Nigerian flyer uses a bold headline and smaller subtext.
Illustration:
Hierarchy:
Level 1: Headline (big, bold)
Level 2: Subhead (medium)
Level 3: Body text (small)
Mini summary: Hierarchy guides the reader's eye to the most important information.
Definition: Choosing a font involves thinking about the audience, the message, and the medium (print or digital).
Why important: The right font makes your project look professional.
Simple explanation: You pick a font that fits your project like a glove.
Real-life example: A fashion magazine uses an elegant serif font.
School example: A science report uses a clean sans-serif font.
Home example: A family recipe book uses a warm script font.
Nigerian example: A Nigerian tech company uses a modern sans-serif font.
Illustration:
Choosing a Font:
1. Who is the audience?
2. What is the message?
3. Where will it be seen? (print or screen)
4. Choose a font that fits.
Mini summary: Choose a font based on audience, message, and medium.
Definition: You have learned the basics of choosing and pairing fonts.
Why important: You can now create professional-looking designs.
Simple explanation: You know how to combine fonts effectively.
Real-life example: You can design a poster, website, or invitation.
School example: You can create better presentations and projects.
Home example: You can make personal projects look great.
Nigerian example: You can design for local businesses.
Illustration:
+----------------------+
| You can pair fonts! 🎉 |
| → Contrast |
| → Harmony |
| → Hierarchy |
+----------------------+
Mini summary: You now know how to pair fonts like a pro!
Step 1: Primary = Playfair Display (serif, elegant)
Step 2: Secondary = Open Sans (sans-serif, clean)
Step 3: Contrast = Yes (serif vs sans-serif)
Step 4: Harmony = Both have a classic feel.
Step 5: Test = Looks great on a wedding invitation.
Pairing 1: Serif + Sans-serif
Heading: Playfair Display (serif)
Body: Open Sans (sans-serif)
Pairing 2: Script + Sans-serif
Heading: Great Vibes (script)
Body: Roboto (sans-serif)
Pairing 3: Display + Sans-serif
Heading: Impact (display)
Body: Arial (sans-serif)
+----------------------+
| Headline (biggest) |
| Subhead (medium) |
| Body text (small) |
+----------------------+
| Good Pairing | Bad Pairing |
|---|---|
| Serif + Sans-serif | Script + Script |
| Display + Sans-serif | Display + Display |
| Contrast + Harmony | No contrast or harmony |
In this module, we learned how to choose and pair fonts. We discovered that fonts have moods and that pairing them requires contrast and harmony. We also learned about hierarchy and the rule of two or three fonts. With these skills, you can now create professional-looking designs. Great job!
Match the word with its meaning:
| Word | Meaning |
|---|---|
| 1. Pairing | A) Difference between fonts |
| 2. Mood | B) Combining fonts |
| 3. Contrast | C) Showing importance |
| 4. Harmony | D) The feeling of a font |
| 5. Hierarchy | E) Similarity between fonts |
(Answers: 1-B, 2-D, 3-A, 4-E, 5-C)
Scenario 1: You are designing a poster for a school play. What type of font would you use for the title and why?
Scenario 2: You are creating a website for a Nigerian fashion brand. What font pairing would you choose?
In groups of 3, create a font pairing for a project of your choice. Present your pairing and explain why you chose it.
Choose a project (e.g., a poster, a website, a menu). Select a font pairing and write a short explanation of why you chose it.
Create a poster or flyer that uses a font pairing. Write a short description of the fonts you used and why you paired them.
Design a simple brochure or invitation using a font pairing. Explain your choices.
Research a famous font pairing (e.g., from a well-known brand). Write a short analysis of why the pairing works.
Fill-in-the-blank: 1-two, 2-Mood, 3-Contrast, 4-Harmony, 5-Hierarchy
True/False: 1-F, 2-T, 3-F, 4-T, 5-T
Matching: 1-B, 2-D, 3-A, 4-E, 5-C
In Module Three, we will learn about layout design — how to arrange text and images on a page. We will explore grids, white space, and balance. Before the next session, think about a well-designed page you have seen.
See you in Module Three! 🎉
End of Module Two · Choosing and Pairing Fonts
Hello, future design expert! In Module Two, we learned how to choose and pair fonts. We learned how fonts can create different moods and how to combine them beautifully. Now we will move beyond fonts and learn about layout.
Layout is the way you arrange text, images, and other elements on a page. A good layout makes your design easy to read, balanced, and attractive. In this module, we will learn about the building blocks of layout: grids, white space, alignment, balance, and proximity. By the end of this module, you will be able to create clean and organised layouts.
There was a small restaurant in Enugu. The food was delicious, but the menu was a mess. The text was crammed together. There was no space between items. The prices were hard to find. Customers were confused and frustrated.
The owner asked a designer to fix the menu. The designer used a grid to organise the items. She added white space to make it easier to read. She aligned the prices neatly. The new menu was clean, clear, and beautiful. Customers could now read it easily. They ordered more food. The owner learned that good layout makes a big difference.
Definition: Layout design is the way you arrange elements like text, images, and shapes on a page.
Why important: A good layout makes your design clear, organised, and attractive.
Simple explanation: It's like arranging furniture in a room to make it look nice and functional.
Real-life example: A magazine page with articles and pictures.
School example: A poster for a school event.
Home example: A family photo album.
Nigerian example: A Nigerian newspaper layout.
Illustration:
+----------------------+
| Layout = Arranging |
| elements on a page |
| → Text |
| → Images |
| → Shapes |
+----------------------+
Mini summary: Layout is the arrangement of elements on a page.
Definition: Layout matters because it affects how people read and understand your message.
Why important: A good layout makes your design easy to read and visually appealing.
Simple explanation: If your page is messy, people will not want to read it.
Real-life example: A clean website is easier to use.
School example: A well-organised project gets a better grade.
Home example: A tidy room is more pleasant.
Nigerian example: A clear shop sign attracts more customers.
Illustration:
+----------------------+
| Good Layout = |
| → Easy to read |
| → Attractive |
| → Effective |
+----------------------+
Mini summary: Good layout makes your design effective and appealing.
Definition: A grid is a system of horizontal and vertical lines that help you organise elements on a page.
Why important: A grid creates structure and consistency.
Simple explanation: Like a invisible framework that holds everything in place.
Real-life example: A newspaper page divided into columns.
School example: A poster with sections.
Home example: A photo wall with evenly spaced pictures.
Nigerian example: A Nigerian flyer with a clear grid.
Illustration:
+----------------------+
| Grid = Framework |
| Columns + Rows |
| → Organises |
| → Aligns |
+----------------------+
Mini summary: A grid is a framework that organises your page.
Definition: White space (or negative space) is the empty area between elements.
Why important: White space makes your design feel open and easy to read.
Simple explanation: It's the breathing room in your design.
Real-life example: Margins around a page.
School example: Space between paragraphs.
Home example: Space between photos on a wall.
Nigerian example: Space between items on a menu.
Illustration:
+----------------------+
| White Space = |
| Empty area |
| → Breathing room |
| → Easier to read |
+----------------------+
Mini summary: White space is the empty area that makes your design breathe.
Definition: Alignment is how you position elements in relation to each other. Common alignments are left, right, center, and justified.
Why important: Alignment creates order and helps the reader follow the design.
Simple explanation: Keeping things lined up neatly.
Real-life example: Text aligned to the left in a book.
School example: A poster with text aligned to the center.
Home example: Photos aligned on a shelf.
Nigerian example: A sign with text aligned to the right.
Illustration:
Alignment:
Left: Hello
Center: Hello
Right: Hello
Justified: Hello (spread out)
Mini summary: Alignment keeps your design neat and organised.
Definition: Balance is how you distribute visual weight on a page. It can be symmetrical or asymmetrical.
Why important: Balance makes your design feel stable and harmonious.
Simple explanation: Making sure one side doesn't feel too heavy or too empty.
Real-life example: A symmetrical logo.
School example: A poster with equal elements on both sides.
Home example: A balanced arrangement of furniture.
Nigerian example: A balanced layout for a magazine spread.
Illustration:
Balance:
Symmetrical: [ A | A ]
Asymmetrical: [ A | B C ]
Mini summary: Balance creates stability and harmony in your design.
Definition: Proximity means placing related items close together.
Why important: Proximity helps the reader understand which items belong together.
Simple explanation: Things that go together should be near each other.
Real-life example: A headline placed near the article it belongs to.
School example: A diagram with labels close to the parts.
Home example: A group of family photos together.
Nigerian example: A menu with prices close to the dish names.
Illustration:
Proximity:
Good: [Headline] [Text]
Bad: [Headline] [Text]
Mini summary: Proximity groups related items together.
Definition: Creating a layout involves planning where each element will go.
Why important: Planning helps you create a clear and effective design.
Simple explanation: You decide where text, images, and other elements will be placed.
Real-life example: A website wireframe.
School example: A project plan.
Home example: A room layout plan.
Nigerian example: A poster design for a local event.
Illustration:
Simple Layout:
+----------------------+
| [Headline] |
| [Image] [Text] |
| [Footer] |
+----------------------+
Mini summary: A layout plan helps you organise your design.
Definition: You have learned the basics of layout design — grids, white space, alignment, balance, and proximity.
Why important: You can now create organised and attractive layouts.
Simple explanation: You know how to arrange elements to make a page look good.
Real-life example: You can design a poster or flyer.
School example: You can create a clear project layout.
Home example: You can arrange photos and text nicely.
Nigerian example: You can design a local business flyer.
Illustration:
+----------------------+
| You understand |
| Layout! 🎉 |
| → Grid |
| → White space |
| → Alignment |
| → Balance |
| → Proximity |
+----------------------+
Mini summary: You now understand the fundamentals of layout design!
Step 1: Grid = 2 columns.
Step 2: Headline at top, image in left column, text in right column.
Step 3: Add margins and space between columns.
Step 4: Align text to the left and images to the center.
Step 5: Check that the page feels balanced.
+----------------------+
| Column 1 | Column 2 |
+----------------------+
| Text | Image |
| Text | Image |
+----------------------+
+----------------------+
| Text |
| (space) |
| Text |
+----------------------+
| Alignment | Example |
|---|---|
| Left | Hello, world! |
| Center | Hello, world! |
| Right | Hello, world! |
| Justified | Hello, world! (spread out) |
In this module, we learned about layout design. We discovered that layout is the arrangement of elements on a page. We learned about grids, white space, alignment, balance, and proximity. With these skills, you can create organised, clear, and attractive layouts. Great job!
Match the word with its meaning:
| Word | Meaning |
|---|---|
| 1. Grid | A) Empty space between elements |
| 2. White space | B) Framework that organises a page |
| 3. Alignment | C) Placing related items together |
| 4. Balance | D) How elements are lined up |
| 5. Proximity | E) Distribution of visual weight |
(Answers: 1-B, 2-A, 3-D, 4-E, 5-C)
Scenario 1: You are designing a poster for a school event. How would you use a grid to organise it?
Scenario 2: You have a page with a lot of text. How would you use white space to make it easier to read?
In groups of 3, sketch a layout for a magazine page. Use a grid, white space, alignment, balance, and proximity.
Create a simple layout for a flyer using a grid. Include a headline, text, and images. Write a short explanation of your choices.
Create a layout for a brochure or poster. Use a grid, white space, alignment, balance, and proximity. Present your layout to the class.
Design a simple webpage layout on paper. Include a header, navigation, content, and footer. Use a grid and white space.
Analyse a well-designed layout from a magazine or website. Write a short analysis of the grid, white space, alignment, balance, and proximity.
Fill-in-the-blank: 1-elements, 2-grid, 3-White space, 4-Alignment, 5-Proximity
True/False: 1-F, 2-T, 3-T, 4-F, 5-T
Matching: 1-B, 2-A, 3-D, 4-E, 5-C
In Module Four, we will learn about visual hierarchy — how to guide the reader's eye to the most important information. Before the next session, think about a design that caught your attention.
See you in Module Four! 🎉
End of Module Three · Layout Fundamentals
Hello, future design expert! In Module Three, we learned about layout fundamentals — grids, white space, alignment, balance, and proximity. We learned how to organise elements on a page. Now we will learn about something even more exciting: visual hierarchy.
Visual hierarchy is the way you guide the reader's eye to the most important information first. It helps readers know what to look at, in what order. In this module, we will learn how to use size, colour, weight, and spacing to create hierarchy. By the end of this module, you will be able to make your designs easy to understand and navigate.
A community in Ibadan wanted to announce a big event. They made a poster. But the poster was a mess. All the text was the same size and the same colour. People looked at it and didn't know what to read first. They missed the date and the time.
A designer helped them fix it. She made the headline big and bold. She used a bright colour for the date. She made the details smaller and lighter. Now people could see the headline first, then the date, then the details. The event was a success because everyone knew when and where to go.
Definition: Visual hierarchy is the order in which people see and understand the elements on a page. It guides the eye from the most important to the least important information.
Why important: Hierarchy helps readers quickly understand your message.
Simple explanation: It tells the reader "look here first, then here, then here."
Real-life example: A newspaper headline is bigger than the article text.
School example: A poster with a big title and smaller details.
Home example: A recipe card with a big dish name and small instructions.
Nigerian example: A Nigerian flyer with a bold headline and smaller subtext.
Illustration:
+----------------------+
| Hierarchy = Order |
| 1. Most important |
| 2. Second |
| 3. Least important |
+----------------------+
Mini summary: Visual hierarchy guides the reader's eye in order of importance.
Definition: Hierarchy matters because it helps readers understand your message quickly and easily.
Why important: Without hierarchy, readers feel lost and confused.
Simple explanation: It shows people what to look at first.
Real-life example: A menu where the dish names are bigger than the descriptions.
School example: A project title is bigger than the body text.
Home example: A family notice with the date in bold.
Nigerian example: A Nigerian poster where the event name stands out.
Illustration:
+----------------------+
| No Hierarchy = |
| → Confusion |
| → Lost reader |
| With Hierarchy = |
| → Clarity |
| → Understanding |
+----------------------+
Mini summary: Hierarchy makes your message clear and easy to follow.
Definition: Size means making important text larger and less important text smaller.
Why important: Larger text is noticed first.
Simple explanation: Bigger = more important.
Real-life example: A newspaper headline is big, article text is small.
School example: A poster title is big, details are small.
Home example: A menu with a big dish name and small description.
Nigerian example: A Nigerian flyer with a big event name.
Illustration:
Size Hierarchy:
Headline: BIG
Subhead: Medium
Body: small
Mini summary: Use size to show importance — bigger = more important.
Definition: Weight refers to how bold or light a font is. Bold text gets more attention.
Why important: Bold text stands out and is noticed first.
Simple explanation: Bold = important.
Real-life example: A bold headline in a newspaper.
School example: A project title in bold.
Home example: A date in bold on a notice.
Nigerian example: A Nigerian poster with a bold event name.
Illustration:
Weight:
Bold: Important
Normal: Less important
Light: Least important
Mini summary: Use bold for important text.
Definition: Colour can be used to make important elements stand out.
Why important: Bright or contrasting colours attract attention.
Simple explanation: Colourful = noticeable.
Real-life example: A red sale sign in a shop.
School example: A colourful project title.
Home example: A highlighted date on a calendar.
Nigerian example: A Nigerian flyer with a colourful headline.
Illustration:
Colour Hierarchy:
Bright colour = Important
Neutral colour = Less important
Mini summary: Use colour to make important elements stand out.
Definition: Spacing refers to the amount of space around elements. More space around an element makes it stand out.
Why important: Spacing creates focus and breathing room.
Simple explanation: Elements with more space around them are noticed more.
Real-life example: A headline with space above and below it.
School example: A project title with space around it.
Home example: A photo with space around it.
Nigerian example: A flyer with space around the main headline.
Illustration:
Spacing:
[space]
Headline
[space]
Mini summary: Use spacing to give important elements room to breathe.
Definition: Position refers to where you place elements on a page. Top and center are often noticed first.
Why important: Position guides the eye naturally.
Simple explanation: People usually look at the top of a page first.
Real-life example: A logo at the top of a website.
School example: A title at the top of a poster.
Home example: A notice placed at eye level.
Nigerian example: A headline at the top of a flyer.
Illustration:
Position:
Top: Most important
Middle: Second
Bottom: Least important
Mini summary: Place important elements at the top or center.
Definition: You can combine size, weight, colour, spacing, and position to create a powerful hierarchy.
Why important: Combining techniques makes your hierarchy even stronger.
Simple explanation: Use all the tools together to guide the eye.
Real-life example: A big, bold, colourful headline at the top.
School example: A poster with a large, bold, colourful title.
Home example: A recipe with a large, bold dish name.
Nigerian example: A Nigerian flyer with a big, bold, colourful headline.
Illustration:
Combine:
Size + Weight + Colour + Spacing + Position = Strong Hierarchy
Mini summary: Combine techniques for the best hierarchy.
Definition: You have learned how to create visual hierarchy using size, weight, colour, spacing, and position.
Why important: You can now guide the reader's eye and make your designs clear.
Simple explanation: You know how to show people what to look at first.
Real-life example: You can design a clear poster or flyer.
School example: You can create a clear presentation.
Home example: You can make a notice that is easy to read.
Nigerian example: You can design a flyer for a local event.
Illustration:
+----------------------+
| You understand |
| Hierarchy! 🎉 |
| → Size |
| → Weight |
| → Colour |
| → Spacing |
| → Position |
+----------------------+
Mini summary: You now understand visual hierarchy!
Step 1: Most important = Event name.
Step 2: Make it big and bold.
Step 3: Use a bright colour.
Step 4: Add space around it.
Step 5: Place it at the top of the page.
+----------------------+
| Headline (big, bold)|
| Subhead (medium) |
| Body text (small) |
+----------------------+
| Technique | How it helps |
|---|---|
| Size | Bigger = more important |
| Weight | Bold = more important |
| Colour | Bright = more important |
| Spacing | More space = more focus |
| Position | Top = most important |
Bad: All text is the same size and colour.
Good: Headline is big and bold, body text is small.
In this module, we learned about visual hierarchy. We discovered that hierarchy guides the reader's eye to the most important information first. We learned how to use size, weight, colour, spacing, and position to create hierarchy. With these skills, you can make your designs clear and easy to understand. Great job!
Match the word with its meaning:
| Word | Meaning |
|---|---|
| 1. Size | A) Boldness of text |
| 2. Weight | B) How large or small |
| 3. Colour | C) Space around elements |
| 4. Spacing | D) Hue of elements |
| 5. Position | E) Where elements are placed |
(Answers: 1-B, 2-A, 3-D, 4-C, 5-E)
Scenario 1: You are designing a poster for a school play. How would you create hierarchy so people know the title, date, and time?
Scenario 2: You have a flyer with a lot of information. How would you use hierarchy to make it easy to read?
In groups of 3, create a poster with clear hierarchy. One person focuses on size, one on weight, one on colour. Present your design.
Create a simple flyer with clear hierarchy. Use size, weight, colour, spacing, and position. Write a short explanation of your choices.
Design a poster for an event. Use all the hierarchy techniques you learned. Present your design and explain your choices.
Find a design with poor hierarchy. Redesign it to improve the hierarchy. Write a short analysis of your changes.
Analyse a well-designed poster or webpage. Identify the hierarchy techniques used. Write a short analysis.
Fill-in-the-blank: 1-order, 2-Bigger, 3-Bold, 4-Bright, 5-space
True/False: 1-F, 2-T, 3-T, 4-F, 5-F
Matching: 1-B, 2-A, 3-D, 4-C, 5-E
In Module Five, we will learn about working with colour and images. We will explore how to use colour effectively and how to integrate images with text and layout. Before the next session, think about a design that uses colour well.
See you in Module Five! 🎉
End of Module Four · Visual Hierarchy
Hello, future design expert! In Module Four, we learned about visual hierarchy — how to guide the reader's eye using size, weight, colour, spacing, and position. We learned how to make important information stand out. Now we will learn about two powerful tools that can make your designs even more amazing: colour and images.
Colour can create mood, attract attention, and help organise information. Images can tell stories, add interest, and make your designs more engaging. In this module, we will learn how to use colour effectively and how to integrate images with text and layout. By the end of this module, you will be able to create colourful and eye-catching designs.
A small business in Lagos wanted to advertise its new products. They created a flyer. But it was dull — black and white text on a white background. No one noticed it. People walked past it without a glance.
The business owner asked a designer for help. The designer added bright colours to the flyer. She used red for the headline, blue for the details, and yellow for a call-to-action. She also added a large, beautiful image of the product. Suddenly, people stopped and looked. They read the flyer and visited the shop. The business owner learned that colour and images can change everything.
Definition: Colour is the hue or shade used in a design. It can create mood, attract attention, and organise information.
Why important: Colour can make a design more engaging and memorable.
Simple explanation: Colour makes things look interesting and helps people understand.
Real-life example: Red is often used for sales signs.
School example: A poster with bright colours is more attractive.
Home example: A colourful room feels warm and inviting.
Nigerian example: A Nigerian flag uses green and white.
Illustration:
+----------------------+
| Colour = Mood + |
| Attention + |
| Organisation |
+----------------------+
Mini summary: Colour creates mood, attracts attention, and organises information.
Definition: Colour theory is the study of how colours work together. It includes the colour wheel and colour relationships.
Why important: Understanding colour theory helps you choose colours that look good together.
Simple explanation: It's like a guide for choosing colours.
Real-life example: Complementary colours like blue and orange.
School example: A poster with a yellow background and purple text.
Home example: A room with blue and orange decorations.
Nigerian example: Green and white from the Nigerian flag.
Illustration:
+----------------------+
| Colour Wheel |
| Red → Orange → Yellow |
| Green → Blue → Purple |
+----------------------+
Mini summary: Colour theory helps you choose colours that work together.
Definition: Warm colours (red, orange, yellow) feel energetic and exciting. Cool colours (blue, green, purple) feel calm and relaxing.
Why important: Warm and cool colours create different moods.
Simple explanation: Warm = exciting. Cool = calm.
Real-life example: A warm red for a sale sign.
School example: A cool blue for a science project.
Home example: A warm yellow for a kitchen.
Nigerian example: A warm orange for a music poster.
Illustration:
Warm: 🔴 Red 🟠 Orange 🟡 Yellow
Cool: 🔵 Blue 🟢 Green 🟣 Purple
Mini summary: Warm colours are exciting; cool colours are calming.
Definition: Colour harmony is when colours look good together. It creates a sense of balance and order.
Why important: Harmonious colours make a design more pleasing to look at.
Simple explanation: Some colours just look good together.
Real-life example: Blue and white look clean and crisp.
School example: A poster with blue and green.
Home example: A room with beige and brown.
Nigerian example: Green and white from the Nigerian flag.
Illustration:
Harmony:
Red + Orange + Yellow
Blue + Green + Purple
Mini summary: Colour harmony means colours that work well together.
Definition: A colour palette is a set of colours you choose for a design.
Why important: A palette keeps your design consistent and organised.
Simple explanation: You pick a few colours and stick to them.
Real-life example: A brand uses the same colours on all their materials.
School example: A project uses 3 colours throughout.
Home example: A room uses 3 main colours.
Nigerian example: A Nigerian brand uses green and white.
Illustration:
Palette:
1. Main colour: Blue
2. Secondary: White
3. Accent: Orange
Mini summary: A colour palette keeps your design consistent.
Definition: Colour can be used to create hierarchy by making important elements stand out.
Why important: Colour helps guide the reader's eye.
Simple explanation: Bright colours attract attention.
Real-life example: A red headline on a white page.
School example: A colourful project title.
Home example: A colourful date on a calendar.
Nigerian example: A colourful headline on a flyer.
Illustration:
Hierarchy with Colour:
Headline: Red
Subhead: Blue
Body: Black
Mini summary: Use colour to show importance.
Definition: Images are pictures, photographs, or illustrations used in a design.
Why important: Images make designs more engaging and tell stories.
Simple explanation: A picture is worth a thousand words.
Real-life example: A magazine with photos.
School example: A poster with a picture.
Home example: A family photo album.
Nigerian example: A Nigerian flyer with product images.
Illustration:
+----------------------+
| Images = Stories |
| + Engagement |
| + Interest |
+----------------------+
Mini summary: Images make designs more interesting and tell stories.
Definition: Choosing the right image means selecting a picture that fits your message and audience.
Why important: The right image supports your message.
Simple explanation: The image should match what you are saying.
Real-life example: A travel brochure with beautiful beach photos.
School example: A science project with a relevant image.
Home example: A family photo on a holiday card.
Nigerian example: A Nigerian food flyer with delicious food images.
Illustration:
Choosing an Image:
1. Does it fit the message?
2. Is it high quality?
3. Does it match the mood?
Mini summary: Choose images that fit your message and mood.
Definition: Integrating images with text means placing images and text together in a balanced way.
Why important: Good integration makes the design look cohesive.
Simple explanation: The image and text should work together.
Real-life example: A magazine article with a photo next to the text.
School example: A project with images and captions.
Home example: A photo album with descriptions.
Nigerian example: A flyer with product images and descriptions.
Illustration:
Integration:
[Image] [Text]
[Image]
[Text]
Mini summary: Images and text should work together harmoniously.
Definition: You have learned how to use colour and images effectively in design.
Why important: You can now create colourful, engaging, and professional-looking designs.
Simple explanation: You know how to choose colours and images that work together.
Real-life example: You can design a colourful flyer.
School example: You can create an engaging project.
Home example: You can make a beautiful photo album.
Nigerian example: You can design a flyer for a local event.
Illustration:
+----------------------+
| You can use |
| Colour and Images! 🎉 |
| → Colour |
| → Images |
| → Integration |
+----------------------+
Mini summary: You now know how to use colour and images in your designs!
Colour Palette:
Step 1: Mood = Energetic.
Step 2: Main colour = Red.
Step 3: Secondary = Yellow.
Step 4: Accent = Blue.
Step 5: Test = Looks great together!
Integration:
Step 1: Image of a product.
Step 2: Place it on the left side.
Step 3: Add text on the right.
Step 4: Align text to the left.
Step 5: Check balance.
+----------------------+
| Red → Orange → Yellow |
| Green → Blue → Purple |
+----------------------+
| Warm | Cool |
|---|---|
| Red | Blue |
| Orange | Green |
| Yellow | Purple |
+----------------------+
| [Image] [Text] |
| [Image] [Text] |
+----------------------+
In this module, we learned about working with colour and images. We discovered that colour creates mood, attracts attention, and organises information. We learned about colour theory, warm and cool colours, and how to choose a colour palette. We also learned how to use images effectively and how to integrate them with text. With these skills, you can create colourful and engaging designs. Great job!
Match the word with its meaning:
| Word | Meaning |
|---|---|
| 1. Warm colours | A) Blue, green, purple |
| 2. Cool colours | B) A set of colours |
| 3. Palette | C) Red, orange, yellow |
| 4. Image | D) Placing images and text together |
| 5. Integration | E) A picture |
(Answers: 1-C, 2-A, 3-B, 4-E, 5-D)
Scenario 1: You are designing a poster for a Nigerian music event. What colours would you use and why?
Scenario 2: You have a flyer with a lot of text. How would you use an image to make it more engaging?
In groups of 3, create a colour palette for a project of your choice. Present your palette and explain why you chose the colours.
Choose a design project and create a colour palette. Write a short explanation of your colour choices.
Design a flyer for an event. Use a colour palette and at least one image. Present your design and explain your choices.
Find a design that uses colour well. Write a short analysis of the colours used and why they work.
Analyse a design that uses images effectively. Write a short analysis of how the images support the message.
Fill-in-the-blank: 1-yellow, 2-purple, 3-palette, 4-Images, 5-Integration
True/False: 1-F, 2-T, 3-T, 4-F, 5-F
Matching: 1-C, 2-A, 3-B, 4-E, 5-D
In Module Six, we will put everything together and create a complete design project. We will combine typography, layout, hierarchy, colour, and images to create a professional design. Before the next session, think about a project you would like to create.
See you in Module Six! 🎉
End of Module Five · Working with Colour and Images
Hello, future design expert! You have made it to the final module of this course. You have learned so much: typography basics, font pairing, layout fundamentals, visual hierarchy, colour theory, and how to use images. Now it is time to put it all together.
In this module, we will combine everything you have learned into a complete design project. You will plan, design, and present a real-world project — like a poster, flyer, or brochure. By the end of this module, you will have a beautiful design to be proud of.
A young designer named Kemi had completed her design course. She had learned about fonts, layouts, hierarchy, colours, and images. She was ready to create her first real project: a poster for a community event in Lagos.
She started by planning her layout. She chose a bold headline, a beautiful image, and a clear colour palette. She used hierarchy to guide the reader's eye. She added white space to make it breathable. The final design was stunning.
Her poster attracted a large crowd to the event. People stopped to read it and admired the design. Kemi felt proud. She had used everything she learned to create something amazing.
Definition: The design process is a step-by-step approach to creating a design. It includes planning, creating, and refining.
Why important: A process helps you stay organised and focused.
Simple explanation: You plan, create, and improve your design.
Real-life example: A designer follows a process to create a logo.
School example: A student follows steps to complete a project.
Home example: A person follows a recipe to cook a meal.
Nigerian example: A Nigerian designer creates a flyer using a process.
Illustration:
+----------------------+
| Design Process: |
| 1. Plan |
| 2. Create |
| 3. Review |
| 4. Refine |
+----------------------+
Mini summary: The design process helps you create organised and effective designs.
Definition: Planning means deciding what you want to design and how you will do it.
Why important: A good plan makes the design process smoother.
Simple explanation: You decide what to make and gather your materials.
Real-life example: A designer sketches a layout before creating it.
School example: A student writes an outline before writing an essay.
Home example: A person makes a grocery list before shopping.
Nigerian example: A Nigerian designer plans a flyer before designing it.
Illustration:
Plan:
1. What is the project?
2. Who is the audience?
3. What is the message?
4. What tools will you use?
Mini summary: Planning helps you stay focused and organised.
Definition: Choosing the right elements means selecting fonts, colours, images, and layout that fit your project.
Why important: The right elements make your design effective and attractive.
Simple explanation: You pick things that work well together.
Real-life example: A designer chooses a font that fits the brand.
School example: A student selects images that support the topic.
Home example: A person chooses colours for a room.
Nigerian example: A Nigerian designer chooses colours that represent Nigeria.
Illustration:
Elements:
🔤 Fonts
🎨 Colours
🖼️ Images
📐 Layout
Mini summary: Choose elements that work well together.
Definition: Creating your design means putting all the elements together on the page.
Why important: This is where your design comes to life.
Simple explanation: You arrange text, images, and colours to create your design.
Real-life example: A designer creates a poster using a software.
School example: A student creates a project using paper and markers.
Home example: A person arranges photos in an album.
Nigerian example: A Nigerian designer creates a flyer with text and images.
Illustration:
Creating:
1. Add headline
2. Add subhead
3. Add body text
4. Add images
5. Apply colours
Mini summary: Creating brings your design to life.
Definition: Reviewing and refining means checking your design and making improvements.
Why important: Refining makes your design better.
Simple explanation: You look at your design and fix anything that doesn't work.
Real-life example: A designer revises a logo based on feedback.
School example: A student edits a project before submitting it.
Home example: A person repositions furniture to improve the room.
Nigerian example: A Nigerian designer improves a flyer based on feedback.
Illustration:
Review and Refine:
1. Check alignment
2. Check hierarchy
3. Check colours
4. Check images
5. Make adjustments
Mini summary: Reviewing and refining makes your design stronger.
Definition: Presenting your design means showing it to others and explaining your choices.
Why important: Presenting helps you share your work and get feedback.
Simple explanation: You show your design and talk about why you made certain choices.
Real-life example: A designer presents a logo to a client.
School example: A student presents a project to the class.
Home example: A person shows a home decoration to family.
Nigerian example: A Nigerian designer presents a flyer to a client.
Illustration:
Presenting:
1. Show your design
2. Explain your choices
3. Discuss the process
4. Answer questions
Mini summary: Presenting helps you share and explain your design.
Definition: You have completed the course and created a design project. You are now a design expert!
Why important: You can now use your design skills in many areas of life.
Simple explanation: You have the skills to create beautiful and effective designs.
Real-life example: You can create posters, flyers, and social media graphics.
School example: You can create better projects and presentations.
Home example: You can create family albums and invitations.
Nigerian example: You can design for local businesses and events.
Illustration:
+----------------------+
| You are a Design |
| Expert! 🎉 |
| → Typography |
| → Layout |
| → Hierarchy |
| → Colour |
| → Images |
+----------------------+
Mini summary: You are now a design expert!
Step 1: Plan = A poster for a school event.
Step 2: Choose = Playfair Display font, green and white colours, event image.
Step 3: Create = Add headline, text, and image to the poster.
Step 4: Review = Check alignment and hierarchy.
Step 5: Refine = Adjust spacing and colours.
Step 6: Present = Show the poster to the class.
+----------------------+
| Plan |
| ↓ |
| Choose Elements |
| ↓ |
| Create |
| ↓ |
| Review |
| ↓ |
| Refine |
| ↓ |
| Present |
+----------------------+
☐ Plan your project
☐ Choose fonts, colours, and images
☐ Create the layout
☐ Use hierarchy
☐ Add white space
☐ Check alignment
☐ Review and refine
☐ Present your design
| Good Design | Bad Design |
|---|---|
| Clear hierarchy | No hierarchy |
| Harmonious colours | Clashing colours |
| Good spacing | Cramped |
| High-quality images | Blurry images |
| Balanced layout | Unbalanced |
In this final module, we put everything together. We learned how to plan, create, review, refine, and present a complete design project. You combined all the skills you learned — typography, layout, hierarchy, colour, and images — to create a professional design. Congratulations on completing this course! You are now a design expert.
Match the word with its meaning:
| Word | Meaning |
|---|---|
| 1. Plan | A) To make the design better |
| 2. Create | B) To decide what to create |
| 3. Review | C) To put the design together |
| 4. Refine | D) To check the design |
| 5. Present | E) To show and explain the design |
(Answers: 1-B, 2-C, 3-D, 4-A, 5-E)
Scenario 1: You are asked to design a poster for a Nigerian cultural event. How would you plan your design?
Scenario 2: You finish your design and show it to a friend. They give you feedback. What would you do?
In groups of 3, create a design project together. Use the design process. Present your project to the class.
Create a complete design project (poster, flyer, or brochure). Use all the skills you learned. Present your project.
Create a complete design project of your choice. Use all the skills you learned. Present it to the class.
Create a poster for a local event in your community. Use typography, layout, hierarchy, colour, and images. Present your design and explain your choices.
Create a brochure for a Nigerian business. Use all the design principles you learned. Present your brochure and explain your design decisions.
Fill-in-the-blank: 1-present, 2-Planning, 3-layout, 4-Refining, 5-Presenting
True/False: 1-F, 2-T, 3-F, 4-F, 5-T
Matching: 1-B, 2-C, 3-D, 4-A, 5-E
Congratulations! You have completed all 6 modules of the "Typography and Layout Design" course. You now have the skills to create beautiful and effective designs.
Here are some ideas for your next steps:
Thank you for being part of this course. You are now a design expert! 🎉
End of Module Six · Putting It All Together
End of Course · Typography and Layout Design