Sự cân đối hoàn hảo của các bố cục web được xẻ dọc ở giữa

Thứ ba - 30/06/2015 14:49

Hãy cùng khám phá những thiết kế web đẹp mắt dưới đây để xem cách mà các chuyên gia thiết kế đã chia đôi nội dung website một cách khéo léo như thế nào.

Sự cân đối hoàn hảo của các bố cục web được xẻ dọc ở giữa

Xu hướng thiết kế web với cách xẻ dọc bố cục website đã xuất hiện từ rất lâu. Đó là cách dùng một đường thẳng phân chia một trang thành hai nửa theo chiều dọc với hai mảng nội dung khác nhau ở hai nửa. Kể từ năm 2013, xu hướng này đã thịnh hành, nhưng liệu rằng nó còn có chỗ đứng ở năm 2015 này không? Câu trả lời có!

Names for Change

Hai nửa đối lập với màu xanh lá cây và màu đen rõ nét. Đường phân chia hai nửa website có sự gián đoạn bởi một nút bấm hình tròn màu đen, phá vỡ sự đơn điệu của hình khối trên website. 

 

Names for Change bo cuc thiet ke web dep

C.ROWE

Sự tương phản sáng tối của hai nửa website rất rõ nét với một bên là tông màu sáng sủa và một bên là hình ảnh được phủ lớp màu tối trong suốt. 

 

C.ROWE bo cuc thiet ke web dep

Desktime

Cùng là một ảnh nền nhưng được phủ hai lớp màu trong suốt khác nhau, tạo nên sự khác biệt rõ ràng. 

 

Desktime bo cuc thiet ke web dep

Stolen Girlfriends Club

Thiết kế website thời trang có sự phân chia rõ ràng giữa một bên là mẫu cho nam và một bên là mẫu cho nữ. 

 

Stolen Girlfriends Club bo cuc thiet ke web dep

Formlets

Một nửa là nền đen với chữ trắng nghiêm túc và có phần đơn điệu, nhưng nhìn sang nửa còn lại thì là sự vui nhộn và tươi tắn của các hình vẽ mặt cười. 

 

Formlets bo cuc thiet ke web dep

Nightcall Productions LLC

Nửa bên trái có thiết kế tối giản để nhấn mạnh dòng giới thiệu về công ty. Trong khi nửa bên kia của website lại tiếp tục được chia thành 3 hàng ngang với 3 nhân vật quan trọng.

Nightcall Productions LLC bo cuc thiet ke web dep

Nicolas Bussiere

Khá tương đồng với cách bố trí của ví dụ trên, ở website này, bạn sẽ thấy sự phân chia công bằng giữa một bên là bố cục tối giản với một bên là hình ảnh trừu tượng bắt mắt. 

 

Nicolas Bussiere bo cuc thiet ke web dep

Hello Monday

Có một sự phá cách với phương án chia đôi bố cục website này. Người ta không dùng một đường kẻ thẳng tắp nào để vạch rõ ranh giới giữa hai nửa website, nhưng chúng ta vẫn nhìn thấy rõ sự đối lập của hai nửa. 

 

Hello Monday bo cuc thiet ke web dep

Brown’s London Art Weekend

Đây là một ví dụ rất tốt cho cách chia đôi trang web đầy sáng tạo. 

 

Brown's London Art Weekend bo cuc thiet ke web dep

Park Tavern

Một nửa bên trái là tên của website, trong khi nửa bên phải là các thông tin liên hệ cần thiết và nút call to action để đặt bàn. 

Park Tavern bo cuc thiet ke web dep

Mission Motorcycles

Website được chia đôi để giới thiệu hai sản phẩm nổi bật của hãng xe mô-tô này. 

Mission Motorcycles

fifty-five

Thiết kế website tối giản với cách chia đôi bố cục sắc nét đến hoàn hảo. 

 

fifty-five bo cuc thiet ke web dep

La Grande Evasion

Hãy để ý tông màu tương đồng giữa chiếc áo của đứa trẻ và tấm len ở nửa bên trái và màu nền ở nửa bên phải. Dụng ý này của người thiết kế đã mang lại sự hài hòa xuất sắc cho hình ảnh. 

 

La Grande Evasion bo cuc thiet ke web dep

Tác giả bài viết: Phùng Thanh Hằng
Nguồn tin: Ngôi Sao Số Web & Brand Solutions