Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. Web Typography
Webdesign

Thiết kế Typography cho Trang web của bạn với "Archetype"

by
Difficulty:BeginnerLength:ShortLanguages:

Vietnamese (Tiếng Việt) translation by Dai Phong (you can also view the original English article)

Archetype là một công cụ thiết kế typography có thể giúp chuẩn hóa và tăng tốc việc thiết kế typography của bạn. Hãy cùng khám phá những gì nó có thể làm cho bạn trong hướng dẫn bằng video này!

Giới thiệu về Archetype

Làm việc với Archetype

Việc tạo ra các phong cách typography nhất quán và cân bằng cho web có thể khá khó khăn, nhưng Archetype nhằm mục đích giúp bạn khắc phục những nhược điểm về typography trên web của bạn. Có được typography đúng hướng, ngay từ đầu dự án của bạn, sẽ đảm bảo rằng phần còn lại của dự án có một nền tảng vững chắc.

httpsarchetypeappcom
archetypeapp.com
  • Truy cập ứng dụng tại archetypeapp.com
  • Ngoài những gì bạn sẽ được trình bày với phong cách mặc định được gợi ý bởi công cụ. Bạn sẽ thấy các kiểu cho tiêu đề và đoạn văn.
  • Bạn có thể lưu tiến độ của mình tại bất kỳ thời điểm nào hoặc đăng nhập bằng Google để duy trì truy cập vào tất cả các dự án của bạn.
  • Trong thanh sidebar ở bên trái, bạn sẽ thấy các điều khiển. Đây là nơi bạn có thể chọn phông chữ, tinh chỉnh kích thước và khoảng cách, và vân vân...
  • Bạn cũng có thể sử dụng nút chuyển đổi để xác định bạn đang thiết kế cho thiết bị di động hoặc desktop.
  • Khi chọn phông chữ bạn có thể lấy cảm hứng từ các gợi ý ghép nối.
  • Chọn kích thước bằng cách xác định một kích thước phông chữ cơ bản (mặc định là 1.6em) và tỷ lệ co giản. Từ điểm thời điểm này, một hệ thống co giãn được xây dựng, và bạn có thể gán cho mỗi phần tử kích thước mong muốn.
  • Một khi bạn đã hài lòng với những phong cách đã chọn, bạn có thể xem trước tài liệu để xem nó trông như thế nào.
  • Sau đó, bạn có thể tải về các phông đã chọn để cài đặt trên hệ thống của bạn.
  • Bạn cũng có thể xuất sang Sketch (thật tuyệt), bằng cách làm theo hướng dẫn, cài đặt một plugin cho Sketch và sao chép/dán một đoạn code được cung cấp để xây dựng tài liệu trong Sketch.
  • Cuối cùng, bạn có thể xuất tất cả các phong cách của bạn dưới dạng CSS.

Tìm hiểu thêm về Typography trên Web

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.