Video summary

Short Class Design Principles | MySkill

Main summary

Key takeaways

Educational

Main ideas / lessons conveyed

1) Event flow and participation requirements (MySkill “short class”)

  • The class starts at 7:30 PM (Western Indonesian Time), with a live recording option if participants are still on the way.

Certificate requirements (mandatory actions)

  • Upload Twibon/Wib(on) to social media using the provided upload link format, including:
    • tibone.com/shortclass myskillbon (as part of the Twibon upload instruction).
  • Use the correct caption when uploading the Twibon.
  • After uploading Twibon, complete a mini task (post-class):
    • Write your name on each page of the mini-task document.
    • Upload the results to social media as required.
    • Do not screenshot the mini-task; upload the completed output instead.
  • For certificate claiming:
    • Submit the social media post link (not username).
    • Upload the mini-task file via the certificate claim form.
  • The certificate claim link:
    • Becomes available after the material (shared in chat / “minimum link”).
    • Closes H+2 after the class.
    • Certificates are processed and sent via Telegram within up to one week after the form closes.

Attendance form

  • There is no attendance form for this MySkill short class.
  • There is only a certificate claim form.

2) Virtual background / off-cam guidance

  • Participants may join on-cam if comfortable.
  • A virtual background link is provided in the Telegram group.
  • If someone misses links, they can chat the MySkill admin for help.

3) Rules for Q&A and materials

  • Q&A uses Slido for questions (those who can’t use the mic can still participate).
  • The material/slide content is not directly shared during the live session, but:
    • Participants can use recordings later and references shared in Telegram/chat.
    • During Q&A, participants can ask via Slido or through slide-related responses.

4) Learning content: Graphic Design basics and “design principles”

The instructor guides participants through:

  • What graphic design is
  • What design principles are
  • Basic typography
  • Case-study thinking: problem → design solution → audience communication

Key conceptual distinctions: Art vs. Design

  • Art
    • A form of expression (emotion/meaning conveyed).
  • Design
    • Focuses on problem-solving and creating solutions that work in real/functional contexts (not only aesthetics).

Examples used to explain design vs. art:

  • Architecture: not only looks—must account for rain leakage, door/window function.
  • Chair: usable and structurally safe.
  • Product/assembly designs (e.g., modular toys): reassembly must be considered.
  • Packaging/jewelry: fit, hand comfort, clasp/attachment functionality.
  • Brand identity: recognizability through consistent visual cues.

Methodology / practical instruction lists (detailed bullets)

A) How to complete certificate requirements (step-by-step)

  1. Upload Twibon/Wib(on) to social media
    • Use the provided upload link (tibone.com/shortclass…).
    • Post using the specified caption.
    • Allowed upload locations mentioned:
      • Instagram, TikTok, Facebook, LinkedIn, and other non-chat platforms
      • Chat is also allowed (with restrictions below).
  2. Complete the mini-task after Twibon upload
    • Fill in your name on each page.
    • Don’t rely on screenshots—upload correctly.
  3. Upload mini-task results
    • Upload the output to social media.
    • Certificate submission expects a link to the post.
  4. Prepare submission for the certificate claim form
    • In the claim form, submit:
      • Minimum/post link (Twibon post link; and mini-task post link per instructions)
      • Upload the mini-task file (inside the claim form workflow)
    • The form closes H+2 after class.
  5. Wait for processing
    • MySkill team processes submissions.
    • Certificates are sent via Telegram (up to one week after form closes).

B) How the mini-task document is completed (what the participant is told to do)

  • Download the mini-task file (PPT) from the link shared in chat.
  • The file is not open-access for editing:
    • Download, then edit on your own device.
  • Follow the document’s five-step workflow:
    1. Take/post-test via the provided link
    2. Create a summary of today’s material (add slides if needed)
    3. Analyze logo characters/impressions for given brand slides
    4. Analyze designs using the design principle examples taught
    5. Upload your work to social media with an interesting caption and required hashtags

C) Design principle framework taught (8 principles) — conceptual checklist

Good design commonly uses 8 design principles (emphasis on the main ones taught):

  1. Color
    • Colors carry meaning/emotion/purpose, not just “pretty aesthetics.”
    • Color psychology referenced (e.g., Aristotle / “Theory of Color”).
  2. Contrast
    • Create differences so elements stand out.
    • Applies to: color, size, shape, fonts
    • Purpose includes:
      • avoid flat/boring design
      • improve hierarchy / guide reading order
      • improve readability
  3. Enlightenment (alignment / layout neatness)
    • Arrange elements so the layout doesn’t feel messy:
      • alignment to left/right/center or structured grids
      • applies to text and images
  4. Balance
    • Distribute visual weight so the design doesn’t look one-sided.
  5. White space (empty space / room to breathe)
    • Empty area doesn’t have to be white.
    • Purpose:
      • reduce eye fatigue
      • increase clarity/readability
      • avoid AI-like clutter vs. human clarity
  6. Hierarchy
    • Establish order of attention/reading priority:
      • biggest/prominent first, then smaller sub-elements
  7. Repetition
    • Consistent repeating elements/structure (e.g., Instagram column format).
    • Consistency should be maintained (placement/appearance).
  8. Unity
    • Brand coherence:
      • elements match the brand feel (e.g., Starbucks icon across items)
      • collaborations can change colors temporarily but should not remove core brand identity.

D) Typography basics — key points and “how to tell fonts apart”

  1. Type categories: serif vs. sans serif
    • Serif: has “tails”/end strokes.
    • Sans serif: no tails.
  2. Usual use guidance
    • Serif: often better for print and long paragraphs (easier reading).
    • Sans serif: common for digital/web/posters/banners (screen clarity).
  3. Typography spacing terms
    • Leading: spacing between lines
    • Tracking: distance between letters across a word
    • Kerning: distance between two specific letters
    • Spacing: distance between words
  4. Font “character” (style mood)
    • Fonts convey personality:
      • bold = strong
      • playful = relaxed/curved
      • formal/neutral = classic digital use
      • vintage = luxury/elegance
    • Examples used:
      • Disney vs. overly stiff font mismatch
      • Prada = elegance via vintage style
      • Samsung = modern/serious tech feel
      • Harry Potter = abstract/mysterious fantasy feel

E) Case-based application examples (how design principles appear in real ads)

Participants discuss how design principles show up in ads, such as:

  • Hierarchy: which text is read first (title/promos/discount)
  • Contrast: font/image differences (e.g., snack yellow vs. green background)
  • Balance: distribution of text vs. image
  • White space/distance: spacing prevents overcrowding so attention is manageable at a glance (e.g., billboard speed-reading)

Speakers / sources mentioned

People / speakers

  • Zahra — moderator of the class (“moderator who will accompany…”)
  • Yolanda Dwi Prasila (Kak Yola / Sis Yolanda) — graphic designer; main presenter/instructor
  • Sis Nuruziah — participant (mentioned during off-cam/encouragement)
  • Sis Adelia — participant (mentioned as a first-timer)
  • Brother Kamil — referenced as working at XL Axiata (example of prior bootcamp acceptance)
  • Brother Brenda — referenced as working in a “top company” list (example only)
  • Brother Dave — referenced as working in a “top company” list (example only)
  • Ms. Amanda Rahmah — referenced as working for the Indonesian Ministry of Social Affairs (example only)
  • Sis Zainurah Rahman — referenced in the company acceptance list (example only)
  • Brother Fauzen — referenced in typography discussion (question/statement)
  • Anonymous / Brother Anonymous — Q&A participant (colors/fonts avoid question)
  • Anonymous — Q&A participant (portfolio suitability question)
  • Anonymous — Q&A participant (composition rules / golden ratio question)
  • Caesar Ragil — participant (photo/documentation + comment)
  • Fikri — participant (answers/mentions during design principle Q&A)

Organizations / platform sources (mentioned as references)

  • MySkill (platform hosting the short class; also referenced as “MySkill admin/team”)
  • Education Alliance Finland (certification mentioned)
  • Slido (Q&A tool)
  • Telegram group (where links/certificates/virtual background info are shared)
  • Social media platforms: Instagram, TikTok, Facebook, LinkedIn (upload options)
  • tibone.com/shortclass myskillbon (Twibon upload link mentioned)
  • mygreen / myskill.id (website referenced for bootcamp/e-learning)
  • Aristotle and “Theory of Color” (color meaning reference)
  • Companies/brands used in examples: Spotify, iPhone, Coca-Cola, Fanta, KFC, McD, Oreo, NBC, Google, Windows, Indomaret, McDonald’s, Starbucks, Shopee, Popai, BTS, Hello Kitty, Gojek, Dana, Dufan, Captain America/Winter Soldier, Disney, Prada, Samsung, Harry Potter

Original video