Bạn luôn có thể áp dụng các nguyên tắc căn bản cho thiết kế 1 trang in hay thiết kế trang web.
Dù bạn thiết kế một trang in hay một trang web thì mục đích chính vẫn là truyền tải thông điệp đến với người dùng một cách rõ ràng và hiệu quả nhất. Và để đạt được hiệu quả, một trong những bước quan trọng là bạn cần phải có một layout (cách trình bày) cân đối.
Có nhiều yếu tố như các vị trí, sắp xếp, hình thức khi trình bày một trang. Rất nhiều các nhà thiết kế trình bày mẫu của mình theo cách thông thường và nghĩ rằng như vậy là đạt hiệu quả về mặt trình bày. Dù cách này đôi lúc cũng có kết quả tốt, tuy nhiên khi không theo một phương pháp trình bày nào thì mẫu thiết kế có nguy cơ thiếu sự cân đối.
Một trang trình bày tốt phải đảm bảo được yếu tố đẹp mắt nhưng vẫn phải truyền tải được thông điệp đến đúng đối tượng độc giả. Chúng tôi đã tập hợp các ‘tips’ giúp bạn có thể đảm bảo sự cân đối khi trình bày. Những cách này sẽ luôn hiệu quả giúp bạn có được sự cân đối cho layout bất kể bạn đang làm ở mức độ lớn hay nhỏ.
1. Sử dụng các đường kẻ.
Một trong những cách đơn giản để đảm bảo sự cân đối cho trang của bạn là sử dụng hệ thống đường kẻ. Đường kẻ thường chỉ được sử dụng trên các trang in, tuy nhiên trong những nằm gần đây, rất nhiều các tác phẩm thiết kế trực tuyến cũng đã áp dụng.
Bằng cách sử dụng các đường kẻ để nhận biết các vị trí của những yếu tố khác nhau trên trang, bạn sẽ tạo được mối liên kết giữa các yếu tố khác nhau cấu tạo thành trang. Điều này cũng đồng nghĩa với việc bạn cho độc giả biết cấu trúc của trang và có thể dễ dàng xem lại. Nó khá quan trọng vì nếu tạo được sự kết nối các trang với nhau, độc giả sẽ có được cảm giác rất dễ chịu, tạo được sự thoải mái, giúp họ dễ dàng tiếp cận điểm quan trọng nhất: nội dung!!
2. Chọn 1 điểm nhấn.
Một trong những cách hiệu quả để có cảm giác layout cân đối là chọn 1 điểm nhấn. Một ví dụ tiêu biểu trong phần này khi sử dụng một mảng xanh lớn nhất làm điểm nhấn của trang.
Một hình ảnh ấn tượng có thể kéo người xem ghé qua trang của bạn, giúp bạn có được cách sắp xếp phù hợp với những yếu tố khác trong thiết kế. Nếu bạn có nhiều hình ảnh, bạn có thể áp dụng cách thức liên đới của Gestalt Theory để gom và kết hợp các hình ảnh lại với nhau.
Cũng cần phải lưu ý là bạn có thể sử dụng tiêu đề hoặc trích dẫn các câu danh ngôn: tiêu đề ấn tượng cũng gây thu hút không kém gì một hình ảnh đẹp ngoài việc có một trang layout hoàn chỉnh.
3. Sử dụng nguyên tắc ‘chia ba’.
Một trong những cách tốt nhất tạo cảm giác cân đối là sử dụng luật chia ba của Golden Ratio. Rất đơn giản, Luật chia ba chỉ ra rằng nếu bạn chia một trang thành 3 phần theo cả chiều dọc và ngang, thì điểm giao nhau của đường kẻ giữa sẽ là điểm nhấn được tạo ra một cách tự nhiên cho trang của bạn. Bằng cách chừa lề theo các yếu tố chính so với 4 điểm này, bạn sẽ đạt được layout cân đối cho thiết kế hơn nếu bạn canh giữa các yếu tố trên trang, ví dụ như vậy.
Bản thân nguyên tắc này không tạo ra sự cân đối cho layout, nhưng nếu bạn mở rộng nguyên tắc này sẽ giúp bạn tạo ra điểm nhấn giúp bạn dễ cân đối layout của mình. Một điều quan trọng là bạn có thể xếp các nội dung quan trọng nhất ở phía trên (hoặc dưới) một phần ba của trang, cùng với điểm nhấn chính tương ứng với phần giao nhau.
4. Sử dụng khoảng trắng.
Hầu hết các tân binh thường tận dụng từng khoảng trắng của trang khi thiết kế, lắp đầy bằng các nội dung cho đến khi không còn khoảng trống nào.Kinh nghiệm là một thiết kế tốt nhất luôn để lai những khoảng không.
Ở bản in ra, cách thông thường nhất để lấp đầy khoảng trắng lá làm rộng trang ra phần khung cho phép. Ở các trang web, việc tạo nên những khoảng trắng sẽ giúp người đọc có cảm giác layout cân đối và thoải mái. Sử dụng các khoảng không còn đem lại hiệu quả nếu bạn có cấu trúc trang web rõ rang và nội dung thu hút vì việc có những khoảng trống không phù hợp dễ dẫn đến cảm giác thiếu kết nối với nội dung rời rạc của trang đó.
5. Lặp lại các yếu tố thiết kế.
Một nguyên tắc khác của Gestalt, việc lặp lại các yếu tố trong thiết kế dễ dàng tạo ra cảm giác cân đối. Bằng cách áp dụng nguyên tắc khi sử dụng lặp đi lặp lại cùng một kiểu, bạn tạo cho độc giả cảm giác các khu vực rời rạc được gắn kết hơn nhờ vào sự lặp lại của yếu tố hình ảnh, tạo được một layout cân đối.
Bạn cũng có thể áp dụng kỹ thuật này để tạo điểm nhấn trong mẫu thiết kế mà vẫn đảm bảo sự cấn đối bằng cách tạo ra các pattern (hình thái) tương tự và lặp đi lặp lại.
6. Tạo trình tự.
Một cách quan trọng để có được layout cân đối là tạo ra cảm giác rõ ràng cho cấu trúc và trình tự. Chúng ta đã đề cập đến cấu trúc, nhưng điều quan trọng là phải truyền tải được thông điệp của trang web. Ví dụ, trong một mẫu thiết kế, một tiêu đề, cần luôn phải dễ nhận biết hơn phần nội dung.
Hãy nhìn lại các thành phần của một trang cần thiết kế và quyết định xem phần nào là quan trọng nhất. Hãy sử dụng yếu tố này làm điểm nhấn cho tất cả các yếu tố còn lại trong trang.
7. Tỉ lệ, đối lập, hài hòa.
Cuối cùng, sử dụng tỉ lệ trong thiết kế có thể là một phương pháp hiệu quả tạo ra sự cân đối cho layout. Khi trình bày một vài thành phần lớn hơn những phần còn lại sẽ mang lại cảm giác trang có sự trình bày thứ tự nhiều hơn. Điều này sẽ tạo cảm giác dễ chịu cho độc giả vì chắc chắc họ sẽ đọc những nội dung có kích thước lớn hơn trước, sau đó, theo thứ tự tiếp tục đọc các phần nhỏ hơn.
Nguyên tắc này cũng đúng cho khi tạo sự đối lập, vì vậy khi một thành phần được trình bày cô lập trong một trang thì sẽ thu hút độc giả đọc thông tin đó trước. Đây là cách rất tốt để thu hút độc giả lướt qua trang và cũng là cách giúp ta có được điểm mấu chốt trong thiết kế một trang.
Nguyên tắc tỷ lệ và nguyên tắc đối lập rất hiệu quả đối với nội dung thông tin đơn lẻ, làm cho phần nội dung này nổi bật trong tổng thể thiết kế của trang. Hãy sử dụng nguyên tắc hài hòa để tạo sự kết nối và nhấn trọng tâm vào điểm mấu chốt.
Nguồn: creativebloq.com
