Tìm hiểu nhanh chóng về Style Guides trong thiết kế

Tìm hiểu nhanh chóng về Style Guides trong thiết kế

Bởi DesignerPlus vào 7/4/20 lúc 09:01
  1. DesignerPlus

    DesignerPlus QT

    Đã được thích:
    49
    Thuật ngữ "Style Guide" rất rộng và có thể bao gồm một số lĩnh vực khác nhau, có khả năng bao gồm tất cả mọi thứ từ xây dựng thương hiệu công ty, thiết kế giao diện, đến phương pháp mã hóa và nhiều thứ khác.

    "Style Guide" là gì?

    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đ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
    • 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
    Style Guides xác định làm gì?

    Thông thườ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ế

    brandguild.

    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
    Style-Guides.

    Làm thế nào là để áp dụng Style Guides?

    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
     
    1 ♥
    Có thể bạn thích

Bình luận

Thảo luận trong 'Kiến thức thiết kế' bắt đầu bởi DesignerPlus, 7/4/20.

Chia sẻ trang này