Salam dan hai,

Dalam Tipografi Web dan Stail Editorial, aspek ini merangkumi kandungan visual struktur dan logik, tips rekaan warna, kepentingan tipografi dan warna, evolusi tipografi web, stail web font, pertimbangan stail yang sesuai dan juga tajuk dan tajuk kecil.

Kandungan Visual Struktur Dan Logik

• HTML standardnya bertujuan untuk berkongsi dokumen.
• HTML juga penting memaparkan perkara atau isi penting

Tips Rekaan Warna

• Warna tertentu sesuai untuk melihat dan membaca.
• Teks dan latar belakang warna yang saling melengkapi satu sama lain.
• Jangan gunakan terlalu banyak warna.
• Text size dan jenis font penting menentukan apakah audiens anda akan dapat membaca
• Jika tidak, semua kerja keras itu untuk apa-apa.
• Yang mana lebih mudah untuk dibaca? GAYA KOMUNIKASI Komunikasi vs gaya

Mengapa Warna & tipografi penting

• Penataan & menempah kandungan
• Buat hirarki / urutan
• Bantuan navigation
• Menarik perhatian pada elemen halaman
• Berkomunikasi dengan menggunakan bahasa visual
• Memecahkan masalah

Evolusi Tipografi Web

1. HTML

• Memisahkan desain daripada struktur
• Penekanan pada Interoperabiliti, bukan gaya visual

2.CSS (Cascading Style Sheets)

• Memisahkan gaya visual daripada struktur dokumen
• Dapat mengawal tipografi yang lebih besar dengan lebih sedikit kod
• Lebih banyak pilihan untuk mengatur format

Stail Web Font

• Pilihan terbaik untuk paparan: sans-serif, saiz besar
• Kontras quality dengan warna latar belakang
• Saiz menjangka variabilitas
• Hindari SEMUA HURUF & menggunakan “downstyle” headlines
• Guna penekanan hemat
• Tentukan font untuk setiap platform
• Konsisten
• Keserasian gaya dengan kandungan

Pertimbangan Stail Yang Sesuai

• Teks yang anda slebih sesuai untuk pembaca atau pengunjung
• Dapat menerangkan isi kandungan utama
• Suara yang unik dapat membantu membezakan laman anda
• Berfikir secara global

Tajuk dan Tajuk Kecil

1. Headline style: Bold, Manfaatkan Initial Surat Words

• Tajuk Dokumen
• Nama Khas, nama produk

2. Down style: Bold, memanfaatkan hanya Perkataan pertama

• Tajuk Kecil
• GambarTajuk
• Senarai