Blog

Kiến thức, cảm hứng và tin tức thiết kế do đội ngũ ColorME chọn lọc.

COLOR ME trong Tutorial

Chuyển font TTF, OTF sang WOFF2 cho website (kèm @font-face)

Cách chuyển font TTF, OTF sang WOFF2 bằng công cụ Chuyển đổi font của ColorME: chọn file, tải WOFF2, sao chép mã CSS @font-face và dùng trên trang web. Có số liệu thử thật với Be Vietnam Pro, Poppins, Lobster, Source Serif 4 (nhẹ hơn 56–75%) và phép kiểm tra dấu tiếng Việt sau khi chuyển.

COLOR ME trong Tutorial

Tạo thang cỡ chữ (type scale) theo tỉ lệ vàng cho web và Figma

Type scale (thang cỡ chữ) là gì và cách tạo bằng công cụ Thang cỡ chữ & tỉ lệ vàng của ColorME: chọn cỡ gốc, 8 tỉ lệ từ 1.067 đến tỉ lệ vàng 1.618, xem thử font tiếng Việt, sao chép mã CSS rem hoặc Tailwind. Kèm bảng số liệu của cả 8 tỉ lệ, ví dụ trang và banner trước sau, cách đưa vào Figma và các giới hạn.

1

Trang Lou trong Kiến thức

Grid là gì? Tất tần tật về grid trong thiết kế đồ họa

Chúng ta thường bắt gặp những hình lưới hay thiết kế dạng lưới trong các máy ảnh, ứng dụng chụp ảnh trên điện thoại hay các bản vẽ trong photoshop. Vậy rốt cuộc những hình lưới này có tác dụng gì, đóng vai trò, ảnh hưởng gì trong việc thiết kế ? Hãy cùng ColorME cùng bạn giải đáp những thắc mắc trên nhé !

62.168