Canva 6 - Branding visual: warna, font, elemen konsisten

🎨 MODUL BRANDING VISUAL

Warna, Font & Elemen Konsisten

👨‍🏫 Instruktur

Creative Designer

🏫 Institusi

Madura Kreatif

⏰ Durasi

60 Menit

📚 Struktur Pembelajaran

🎯 Pengantar Branding Visual

Memahami dasar-dasar identitas visual yang kuat

🎨 Apa itu Branding Visual?

Branding visual adalah representasi visual dari identitas merek yang mencakup semua elemen desain yang dapat dilihat oleh audiens.

✓ Logo dan simbol

✓ Palet warna

✓ Tipografi

✓ Gaya visual

🎯 Tujuan Pembelajaran

1. Memahami psikologi warna dalam branding

2. Menguasai prinsip tipografi yang efektif

3. Menciptakan konsistensi visual

4. Mengaplikasikan dalam proyek nyata

🏆 Contoh Branding Visual yang Kuat

C

Coca-Cola

Warna: Merah klasik

Font: Script khas

Pesan: Kebahagiaan, energi

f

Facebook

Warna: Biru kepercayaan

Font: Sans-serif modern

Pesan: Koneksi, komunitas

N

Nike

Warna: Hitam & putih

Font: Bold, dinamis

Pesan: Kekuatan, prestasi

🎮 Aktivitas: Identifikasi Brand

Klik pada warna di bawah ini dan tebak brand apa yang menggunakan warna tersebut sebagai identitas utama!

Pilih warna untuk melihat contoh brand!

🌈 Psikologi Warna dalam Branding

Memahami makna dan dampak emosional setiap warna

Merah

Emosi: Energi, gairah, urgensi

Industri: F&B, otomotif, entertainment

Contoh: Coca-Cola, KFC, Netflix

Biru

Emosi: Kepercayaan, profesional, tenang

Industri: Teknologi, keuangan, kesehatan

Contoh: Facebook, IBM, Ford

Hijau

Emosi: Alam, pertumbuhan, keseimbangan

Industri: Lingkungan, kesehatan, keuangan

Contoh: Starbucks, Spotify, WhatsApp

Kuning

Emosi: Optimisme, kreativitas, perhatian

Industri: F&B, retail, hiburan

Contoh: McDonald's, IKEA, Snapchat

Ungu

Emosi: Kemewahan, kreativitas, misteri

Industri: Kecantikan, teknologi, seni

Contoh: Twitch, Yahoo, Cadbury

Oranye

Emosi: Antusiasme, kehangatan, petualangan

Industri: Olahraga, teknologi, F&B

Contoh: Nike, Firefox, Fanta

🎨 Tool: Harmoni Warna

Pilih Warna Utama:

Palet Harmoni:

Klik warna utama untuk melihat harmoni

💡 Latihan: Pilih Warna untuk Brand

🏥 Rumah Sakit

Warna apa yang tepat?

🌱 Produk Organik

Warna apa yang tepat?

💰 Bank

Warna apa yang tepat?

🔤 Tipografi dalam Branding

Memilih dan menggunakan font yang tepat untuk identitas brand

Serif Fonts

Times New Roman

Georgia

Book Antiqua

Karakter: Tradisional, elegan, dapat dipercaya
Cocok untuk: Hukum, pendidikan, media, luxury brands

Sans-Serif Fonts

Arial

Helvetica

Segoe UI

Karakter: Modern, bersih, mudah dibaca
Cocok untuk: Teknologi, startup, healthcare, corporate

Script Fonts

Brush Script

Lucida Handwriting

Cursive

Karakter: Personal, kreatif, feminin
Cocok untuk: Beauty, wedding, handmade, creative

Display Fonts

IMPACT

Arial Black

Cooper Black

Karakter: Bold, menarik perhatian, unik
Cocok untuk: Entertainment, sports, gaming, headlines

📏 Prinsip Tipografi

1. Hierarki Visual

Heading 1

Heading 2

Heading 3

Body Text

Caption

2. Kontras

BOLD vs Regular

Large vs small

Dark vs Light

3. Spacing

Teks dengan line-height kecil sulit dibaca dan terlihat padat.

Teks dengan line-height yang baik lebih mudah dibaca dan nyaman untuk mata.

4. Konsistensi

Gunakan font yang sama

untuk elemen serupa

di seluruh desain

🎨 Tool: Font Pairing

Klik kombinasi di bawah untuk melihat contoh font pairing yang baik:

Pilih kombinasi font untuk melihat contoh

⚖️ Konsistensi Visual

Menciptakan identitas yang kohesif di semua touchpoint

📋 Brand Guidelines

Logo Usage

Aturan penggunaan logo, ukuran minimum, clear space

Color Palette

Warna primer, sekunder, dan netral dengan kode hex

Typography

Font primer, sekunder, dan hierarki teks

Imagery Style

Gaya fotografi, ilustrasi, dan visual elements

🎯 Touchpoints

🌐

Website

📱

Social Media

📄

Print Materials

📦

Packaging

🏪

Store/Office

👕

Merchandise

✅ Contoh Konsistensi vs ❌ Inkonsistensi

✅ Konsisten

Brand Name

Consistent typography and colors

Brand Name

Same visual elements across platforms

❌ Tidak Konsisten

Brand Name

Different fonts and colors

Brand Name

Inconsistent visual identity

🔍 Tool: Brand Audit Checklist

Gunakan checklist ini untuk mengevaluasi konsistensi brand Anda:

Visual Elements

Logo digunakan konsisten di semua platform Warna brand sesuai dengan guidelines Font yang sama digunakan di semua materi Gaya visual imagery konsisten

Brand Voice & Messaging

Tone of voice konsisten Key messages selaras Brand personality terefleksi Bahasa dan terminologi seragam

🎨 Proyek Akhir: Buat Brand Guidelines

Langkah-langkah:

1. 1. Pilih brand/bisnis (nyata atau fiktif)
2. 2. Tentukan 3-5 warna utama dengan alasan
3. 3. Pilih 2 font (primer & sekunder)
4. 4. Buat aturan penggunaan logo
5. 5. Definisikan gaya visual imagery
6. 6. Buat mockup aplikasi di 3 touchpoint

Deliverables:

• • Brand guidelines document (1-2 halaman)
• • Color palette dengan kode hex
• • Typography hierarchy
• • Logo usage examples
• • 3 mockup aplikasi (web, social media, print)