bgware

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

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.

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
Có: 0/0 đã cho sao
tiếc gì 1 click để cho sao

Bạn đã xem chưa?

Tạo email giá rẻ và hiệu quả: Khám phá giải pháp tiết kiệm chi phí.

Tạo email giá rẻ và hiệu quả: Khám phá giải pháp tiết kiệm chi phí.

Trong thời đại công nghệ phát triển nhanh chóng, việc có một địa chỉ email chuyên nghiệp trở nên quan trọng hơn bao giờ hết. Tuy nhiên, không phải ai cũng muốn đầu tư một số tiền lớn để có một dịch vụ email chất lượng.

Chăm sóc trang web, điều nên làm ngay khi có web

Chăm sóc trang web, điều nên làm ngay khi có web

Website là một phần quan trọng trong chiến lược kinh doanh trực tuyến của bất kỳ doanh nghiệp nào. Chăm sóc website là một trong những công việc quan trọng để đảm bảo website hoạt động ổn định, an toàn và hiệu quả.

Đăng ký ngay công cụ SEO web hiệu quả, dễ dùng XOVI NOW

Đăng ký ngay công cụ SEO web hiệu quả, dễ dùng XOVI NOW

XOVI NOW SEO là một công cụ SEO toàn diện, cung cấp đầy đủ các tính năng cần thiết cho doanh nghiệp trong việc tối ưu hóa website và tăng thứ hạng trên công cụ tìm kiếm.

Quay lại trang Blog
Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây