Buổi 6 - Typography (II)

Page 1

Lớp học UIF

Typography (II)

Buổi 6


Buổi 1: Introduction to UIF

Buổi 6: Typography (II)

Buổi 2: UI Component

Buổi 7: Color (I)

Buổi 3: Layout & Grid (II)

Buổi 8: Color (II)

Buổi 4: Layout & Grid (II)

Buổi 9: Review & Quiz Test Chia sẻ lộ trình phát triển

Buổi 5: Typography (I) Quiz Test

Buổi 10: Practicing Test


1. TYPOGRAPHY Hierarchy


1. TYPOGRAPHY Hierarchy

Hierarchy Phân cấp

là nguyên tắc sắp xếp các yếu tố để thể hiện thứ tự quan trọng của chúng

Khái niệm


1. TYPOGRAPHY Hierarchy

Visual Weight Trọng lượng thị giác

Phương pháp


1. TYPOGRAPHY Hierarchy

- Kích thước - Độ dày - Màu sắc - Vị trí - Tương phản phong cách

Phương pháp


1. TYPOGRAPHY Hierarchy

Giới hạn 4 font-size trên 1 giao diện

Phương pháp


1. TYPOGRAPHY Hierarchy

Mở rộng Quy tắc 4 Màu sắc Độ nặng Vị trí Trang trí Chữ in hoa và thường lowercase

UPPERCASE

Title Case

Sentence case

Phương pháp


1. TYPOGRAPHY Hierarchy

Typography - Human Interface Guidelines

Hệ thống Typography

The type system – Materrial Design


1. TYPOGRAPHY Hierarchy

Hệ thống Typography


1. TYPOGRAPHY Hierarchy

Hệ thống Typography


1. TYPOGRAPHY Hierarchy

Hệ thống Typography


1. TYPOGRAPHY Hierarchy

Hệ thống Typography


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.