Các yếu tố quy định thứ bậc văn bản trong thiết kế
Trong bài viết này, chúng ta sẽ đi sâu tìm hiểu các yếu tố và các quy tắc cấu thành nên hệ thống thứ bậc văn bản, từ đó có thể ứng dụng một cách logic, hiệu quả những quy tắc này vào từng thiết kế cụ thể.
Các yếu tố của hệ thống thứ bậc văn bản
Để tạo nên hệ thống thứ bậc văn bản, bạn cần xem xét những yếu tố sau:Kích thước
Dĩ nhiên, kích thước là một công cụ tuyệt vời. Kích thước chữ càng lớn thì càng dễ phân biệt với phần còn lại của văn bản. Hãy phân chia văn bản của bạn thành những phần có kích thước khác nhau:
- Nội dung có kích thước chữ nhỏ
- Phần tiêu đề có kích thước chữ lớn
- Kích thước theo thứ tự giảm dần từ phần tiêu đề (font chữ lớn) cho đến phần nội dung
Điều chỉnh phù hợp với văn hóa đọc của các khu vực khác nhau. Ví dụ: theo văn hóa phương Tây, họ đọc từ trái qua phải, từ trên xuống dưới.
In hoa
Sử dụng chữ in hoa với số lượng nhỏ là cách hiệu quả để thu hút sự chú ý của người xem vào phần nội dung quan trọng. Tuy nhiên, lạm dụng quá nhiều chữ in hoa có thể làm giảm khả năng đọc, do vậy, bạn nên tránh sử dụng chữ in hoa ở phần thân văn bản. Việc sử dụng chữ in hoa còn phụ thuộc vào phong cách tổng thể của thiết kế và thông điệp cần truyền tải.
Độ dày
Độ dày tạo nên những tác động thị giác nhẹ nhàng hoặc nặng nề. Kiểu chữ dày có thể làm văn bản lớn hơn và quan trọng hơn trong khi kiểu chữ mỏng lại khiến văn bản ít quan trọng hơn.
Màu sắc
Màu sắc được sử dụng để nhấn mạnh hoặc giảm bớt các yếu tố trong văn bản, ý nghĩa của màu sắc trong văn bản tương tự trong thiết kế. Những gam màu ấm thường nổi bật hơn so với màu lạnh, tuy vậy, bạn cũng cần phải lưu tâm đến độ tương phản để đảm bảo chữ dễ đọc. Không sử dụng quá nhiều màu sắc trừ khi cần thiết, ví dụ: tiêu đề nên có màu sắc khác so với phần thân.
Vị trí
Tách thông tin thành nhiều phần và đặt ở những vị trí phù hợp sẽ giúp thiết kế dễ đọc hơn. Các thông tin quan trọng nên đặt ở vị trí nổi bật. Các yếu tố có liên quan nên đặt cạnh nhau để tạo nên phần nội dung.
Căn lề
Căn lề văn bản có tác động trực quan đến hệ thống thứ bậc. Phần tiêu đề được được căn giữa trong khi phần thân lại được đẩy sang trái, tạo nên hiệu ứng nổi bật và quan trọng.
Kiểu chữ
Hãy thử nhiều kiểu chữ khác nhau để lựa chọn được kiểu chữ phù hợp nhất. Thông thường, kiểu chữ in đậm, trang trí được sử dụng cho phần tiêu đề để tạo hiệu ứng thị giác. Tuy nhiên, bạn hoàn toàn có thể lựa chọn những kiểu chữ khác. Phần thân bao gồm rất nhiều từ ngữ, bạn nên lựa chọn những kiểu chữ dễ đọc.
Sử dụng 2 kiểu chữ khác nhau cho những phần khác nhau có thể tạo nên hệ thống thứ bậc văn bản rõ ràng hơn.
Sử dụng 2 kiểu chữ khác nhau cho những phần khác nhau có thể tạo nên hệ thống thứ bậc văn bản rõ ràng hơn.
Khoảng cách
Khoảng cách giữa mỗi từ và mỗi dòng có ý nghĩa rất lớn trong hệ thống thứ bậc và tác động đến khả năng đọc của người xem. Sử dụng nhiều không gian trắng tạo nên sự nhấn mạnh vào các yếu tố quan trọng, tránh đặt văn bản ở quá gần nhau.
Một số ví dụ ứng dụng hệ thống thứ bậc văn bản trong sản phẩm thiết kế
Thiết kế danh thiếp này tập trung vào tên công ty “The Factory” nên chữ được sử dụng có kích thước lớn hơn so với các yếu tố còn lại. Các thông tin quan trọng tiếp theo là tên nhân viên (có kích thước nhỏ hơn nhưng vẫn sử dụng kiểu in hoa giống tên công ty) và những thông tin khác.
Mẫu thiết kế website ở trên tuy không thể hiện rõ ràng hệ thống thứ bậc văn bản nhưng một số kỹ thuật chính vẫn được áp dụng như độ dày, kích cỡ, màu sắc, khoảng cách và căn lề chữ. Bên cạnh đó, việc sử dụng không gian trắng rất dễ điều hướng, nội dung không bị lộn xộn.
Thiết kế poster này đã nâng kỹ thuật xếp chữ lên một mức độ mới. Phần xếp chữ ở background đóng vai trò như một yếu tố thiết kế, tạo nên hình dạng trừu tượng. Bằng các sử dụng cùng kiểu chữ nhưng khác nhau về độ dày, màu sắc và kích thước, thiết kế poster đã đạt được một hệ thống thứ bậc có tác động mạnh mẽ đến thị giác người xem.
Mới đăng
Thứ bậc văn bản (Typographic Hierarchy) trong thiết kế là gì?
Nghe thuật ngữ "thứ bậc văn bản" chắc ít nhiều bạn đã hình dung được về ý nghĩa của thuật ngữ thiết kế này. Bài viết ngày hôm nay, kiến thức thương hiệu sẽ giúp bạn hiểu chính xác hơn về thuật ngữ này để vận dụng hiệu quả trong các thiết kế đồ họa của mình.
Tìm hiểu cách thiết kế bao bì Tylenol Care+ và xu hướng As Simple As Possible
Khi nhìn vào một sản phẩm, chúng ta chưa thể biết được chất lượng sản phẩm đó như thế nào. Vậy tại sao người tiêu dùng lại lựa chọn sản phẩm này thay cho những sản phẩm cùng loại khác?
Khám phá chi tiết hệ thống thiết kế web quản lý dịch vụ cho thuê xe
Hệ thống website quản lý dịch vụ cho thuê xe là một hệ thống được Ngôi Sao Số triển khai với module cho thuê xe được các lập trình viên thiết kế sát với thực tế dịch vụ cho thuê xe tại Việt Nam.