NHỮNG ĐIỀU CẦN BIẾT VỀ STYLE GUIDES TRONG THIẾT KẾ

23-04-2020 21:15

Bên cạnh thiết kế, thuật ngữ “Style Guide” còn được bắt gặp ở nhiều lĩnh vực khác nhau của đời sống xã hội như xây dựng thương hiệu, lập trình, phương pháp mã hoá và nhiều lĩnh vực khác. Trong bài viết này, ITPlus Academy sẽ cùng bạn tìm hiểu những thông tin cơ bản về “Style Guide”.

1. Định nghĩa
Tóm lại, một Style Guide là một tập hợp các tiêu chuẩn áp dụng cho việc tạo ra các văn bản hoặc thiết kế dựa trên tài sản cho một tổ chức, một ấn phẩm hoặc một lĩnh vực. Đây là một tài liệu tham khảo toàn diện của những điều nên làm và điều nên tránh để đảm bảo nội dung được sản xuất một cách nhất quán, phù hợp với mục tiêu của tổ chức, ấn phẩm hoặc lĩnh vực đó.
Các loại tài sản Style Guides có thể liên quan đến nhau

1. • Bố cục trang web và thiết kế giao diện
   • Văn bản và định dạng hình ảnh
   • Tên công ty và biểu tượng hiển thị
   • Bảng màu
   • Code

2. Mục đích sử dụng Style Guides

Thông thường mục đích sử dụng Style Guides thường rơi vào 4 loại sau

Nhận dạng (Identity)

Ai đằng sau nội dung? Bản sắc tạo thành nền tảng của thương hiệu và có thể bao gồm:

• Sứ mệnh
• Lời hứa với khách hàng / khách hàng / người dùng
• Tính cách của thương hiệu

Xây dựng thương hiệu & thiết kế

Truyền đạt "danh tính" cho công chúng thông qua các yếu tố chẳng hạn như:

• • Bảng màu
  • Thiết kế logo
  • Typography
  • Phong cách (style) tổng thể
  • Animation

Tương tác

• • Trải nghiệm giao diện người dùng
  • Nguyên tắc đảm bảo người dùng tập trung thiết kế
  • Lưu lượng khách truy cập thông qua các trang web

Định dạng

• • Định dạng mà và các phương pháp
  • Văn bản / ngôn ngữ và định dạng hình ảnh
  • Hướng dẫn sử dụng biểu tượng

3. Làm thế nào là để áp dụng Style Guides trong thiết kế?
Một số trong những cách phổ biến nhất để Style Guides được thực hiện bao gồm:

• • Phong cách gạch - Style tiles
  • Thư viện mẫu - Pattern
  • Wireframes
  • Mockups
  • Các nguyên mẫu - Prototypes

Hiện tại, ITPlus Academy có tổ chức các khoá học thiết kế chuyên nghiệp, bạn có thể tham khảo tại:

• Khóa học thiết kế đồ họa chuyên nghiệp

• Khóa học Photoshop

• Khóa học Illustrator

• Khóa học Quay, Dựng và Biên tập Video

Ban Truyền thông ITPlus Academy