NộI Dung
- 01. Sử dụng lưới
- 02. Chọn một tiêu điểm duy nhất
- 03. Sử dụng Quy tắc một phần ba
- 04. Sử dụng khoảng trắng
- 05. Lặp lại các yếu tố thiết kế
- 06. Sử dụng hệ thống phân cấp
- 07. Sử dụng tỷ lệ, độ tương phản và sự hài hòa
Mục tiêu chính của bất kỳ bố cục trang nào bạn thiết kế, cho dù đó là cho một tập tài liệu in hay ứng dụng web mới nhất, là truyền đạt thông tin một cách rõ ràng và hiệu quả cho người đọc. Một trong những cách tốt nhất để đảm bảo rằng các thông điệp chính được truyền tải đến người đọc là tạo một bố cục trang cân đối.
Thiết kế bố cục trang thường liên quan đến rất nhiều vị trí, sắp xếp lại và định dạng các phần tử. Nhiều nhà thiết kế tiếp cận quá trình này một cách hữu cơ, cảm thấy theo cách của họ để đạt được kết quả cuối cùng hài lòng. Mặc dù điều này có thể dẫn đến một số tai nạn đáng mừng nhưng có nguy cơ là việc sử dụng phương pháp dạng tự do có thể dẫn đến sự thiếu cân bằng trực quan trên trang.
Một bố cục trang tốt phải vừa dễ nhìn, vừa truyền đạt những thông điệp chính đó một cách rõ ràng đến đối tượng mong muốn. Chúng tôi đã cùng nhau thu thập một số mẹo hàng đầu để giúp bạn đảm bảo thiết kế bố cục trang của mình có sự cân bằng (một người xây dựng trang web giỏi cũng sẽ giúp). Những cách tiếp cận này sẽ hoạt động tốt để cung cấp một cấu trúc cân bằng, bất kể bạn đang làm việc với phương tiện nào.
Để được tư vấn cụ thể hơn về web, hãy xem hướng dẫn của chúng tôi để tạo bố cục trang web hoàn hảo.
01. Sử dụng lưới
Một trong những cách dễ nhất để đảm bảo trang của bạn có mức độ cân bằng là sử dụng hệ thống lưới. Lưới được sử dụng để bảo quản duy nhất của trang in, nhưng nhiều công việc đã được hoàn thành trực tuyến trong vài năm qua để giúp chuyển khái niệm về lưới sang phương tiện kỹ thuật số.
Bằng cách sử dụng lưới để thông báo vị trí của các phần tử khác nhau trên một trang, bạn sẽ tạo kết nối giữa các phần tử khác nhau tạo nên trang của mình. Điều này có thể giúp cung cấp cảm giác về trật tự cho bố cục của bạn, cung cấp cho người đọc tham chiếu cấu trúc rõ ràng để xem lại và tăng sự thành công cho trang của bạn.
Điều này rất quan trọng vì khi tất cả các yếu tố trang của bạn có cảm giác kết nối với nhau, hiệu ứng tổng thể sẽ tạo cảm giác thoải mái hơn cho người đọc, giúp họ thoải mái và tạo điều kiện cho họ truy cập vào nội dung quan trọng: nội dung.
02. Chọn một tiêu điểm duy nhất
Một trong những cách hiệu quả nhất để mang lại cảm giác cân bằng là chọn một tiêu điểm duy nhất cho thiết kế bố cục của bạn. Một ví dụ điển hình về điều này trong thực tế là việc sử dụng một hình ảnh lớn làm phần tử duy nhất lớn nhất trên một trang.
Hình ảnh mạnh mẽ có thể cung cấp một cách mạnh mẽ để dẫn người đọc vào trang của bạn (cũng như phân tích của chuyên gia về dịch vụ lưu trữ web lý tưởng) và cũng cung cấp một yếu tố cấu trúc hữu ích để sắp xếp nội dung còn lại trong bố cục của bạn. Nếu bạn có nhiều yếu tố hình ảnh, hãy sử dụng nguyên tắc gần nhau của Lý thuyết Gestalt để nhóm chúng lại với nhau, sắp xếp chúng theo cùng một cách.
Cũng cần lưu ý rằng bạn có thể sử dụng dòng tiêu đề hoặc trích dẫn theo cách tương tự; một dòng tiêu đề hiển thị tốt có thể mang lại sự quan tâm trực quan nhiều như hình ảnh, đồng thời tiếp tục cung cấp cấu trúc sẽ giúp bạn đảm bảo bố cục cân đối.
03. Sử dụng Quy tắc một phần ba
Một trong những cách tốt nhất để mang lại cảm giác cân bằng là sử dụng Quy tắc một phần ba hoặc Tỷ lệ vàng yêu thích của nhà thiết kế. Nói một cách đơn giản, quy tắc một phần ba nói rằng nếu bạn chia trang của mình thành một phần ba theo cả chiều dọc và chiều ngang, thì các điểm mà các đường lưới giao nhau sẽ cung cấp các tiêu điểm tự nhiên của bố cục.
Bằng cách sắp xếp các yếu tố chính của bạn theo bốn điểm này, bạn sẽ đạt được bố cục đẹp mắt hơn là nếu bạn căn giữa các yếu tố trên trang của mình một cách hoàn hảo.
Tự nó, quy tắc một phần ba sẽ không mang lại sự cân bằng cho bố cục của bạn một cách kỳ diệu, nhưng bằng cách mở rộng nguyên tắc, bạn có thể dễ dàng sử dụng xu hướng này hướng tới tiêu điểm tự nhiên để giúp thông báo sự cân bằng trong bố cục của bạn.
Cách tiếp cận phổ biến là đặt các yếu tố quan trọng nhất của trang của bạn ở một phần ba phía trên (hoặc phía dưới) của trang, với tiêu điểm chính được căn chỉnh để khớp với một trong các giao điểm. Có nhiều tài sản để lưu trữ cho trang web của bạn? Kiểm tra các tùy chọn lưu trữ đám mây này.
04. Sử dụng khoảng trắng
Các nhà thiết kế mới vào nghề thường tận dụng từng chút không gian trên một trang, nhồi nhét nội dung cho đến khi mọi khoảng trống được lấp đầy. Những người có kinh nghiệm hơn biết rằng đôi khi phần tốt nhất của thiết kế liên quan đến việc loại bỏ các yếu tố thay vì cải tiến chúng.
Trong phương tiện in, cách phổ biến nhất để tận dụng khoảng trắng là phóng to các lề trang và các rãnh. Trên web, chỉ cần cung cấp nhiều khoảng trống xung quanh các yếu tố có thể giúp thiết kế bố cục của bạn cảm thấy sáng sủa và cân bằng.
Sử dụng khoảng trắng hoạt động tốt nhất khi bạn có cấu trúc rõ ràng gắn kết nội dung với nhau (chẳng hạn như nội dung được cung cấp bởi lưới), vì nguy cơ khoảng trắng có thể là cảm giác mất kết nối giữa các phần tử trang nếu được giới thiệu một cách lộn xộn.
05. Lặp lại các yếu tố thiết kế
Sự lặp lại cũng có thể mang lại cảm giác mạnh mẽ về thiết kế được kết nối và sự cân bằng cho bố cục. Ý tưởng là bằng cách xác định và sử dụng lại mô-típ hoặc cách xử lý thiết kế xuyên suốt bố cục của mình, bạn có thể cung cấp tài liệu tham khảo cho người đọc để các khu vực khác nhau cảm thấy được kết nối và là một phần của cùng một bố cục tổng thể.
Bạn cũng có thể sử dụng kỹ thuật này để tạo điểm nhấn trong thiết kế của mình, trong khi vẫn giữ được sự cân bằng tổng thể, bằng cách cố ý phá vỡ mô hình tương đồng được giới thiệu thông qua sự lặp lại.
06. Sử dụng hệ thống phân cấp
Một trong những cách tiếp cận quan trọng để đạt được niết bàn về bố cục trang là ý thức rõ ràng về cấu trúc và thứ bậc. Chúng tôi đã đề cập đến cấu trúc, nhưng điều quan trọng là phải truyền tải được tầm quan trọng tương đối của các phần nội dung khác nhau trên trang của bạn. Ví dụ, một dòng tiêu đề hầu như luôn quan trọng về mặt hình ảnh hơn nội dung văn bản nội dung.
Xem xét các yếu tố khác nhau tạo nên thiết kế bố cục của bạn và quyết định yếu tố nào là quan trọng nhất. Sử dụng phần tử này để cung cấp một móc cấu trúc cho các phần tử còn lại trên trang, giữ cho phần tử này là quan trọng nhất.
07. Sử dụng tỷ lệ, độ tương phản và sự hài hòa
Cuối cùng, việc sử dụng tỷ lệ có thể là một phương pháp rất hiệu quả để đạt được sự cân bằng hình ảnh tốt trong bố cục của bạn. Bằng cách làm cho một số phần tử lớn hơn những phần tử khác, cảm giác về trật tự và thứ bậc sẽ xuất hiện. Điều này giúp tạo ra một bố cục thoải mái vì người xem sẽ tự động xem xét các phần tử lớn hơn trong bố cục trước tiên, tiến dần đến các phần tử nhỏ hơn khi họ đọc.
Nguyên tắc này cũng hoạt động với độ tương phản tăng lên, do đó bằng cách cô lập một phần tử trên trang thông qua độ tương phản sẽ làm cho mắt tập trung vào điểm đó đầu tiên. Điều này cung cấp một đường vào trang và một lần nữa cung cấp một điểm cấu trúc hữu ích để phát triển bố cục của bạn từ đó.
Cả tỷ lệ và độ tương phản đều hoạt động tốt nhất khi chúng áp dụng cho một phần tử, làm cho phần tử đó nổi bật so với các phần khác trong bố cục của bạn. Sử dụng các nguyên tắc hài hòa để làm cho những người khác cảm thấy được kết nối và làm nổi bật tâm điểm.