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ả: Phùng Thanh Hằng
Tổng số điểm của bài viết là: 0 trong 0 đánh giá
Click để đánh giá bài viết

Mới đăng

5 mẹo thiết kế độc đáo cho một tấm danh thiếp hoàn hảo

5 mẹo thiết kế độc đáo cho một tấm danh thiếp hoàn hảo

Trong lĩnh vực thiết kế bộ nhận diện thương hiệu chuyên nghiệp, người ta luôn muốn tạo ra những sản phẩm độc đáo, có cá tính, có ý tưởng tốt và màu sắc bắt mắt để tạo nên ấn tượng lâu dài.

Khám phá ý nghĩa 5 thiết kế logo tổ chức phi chính phủ tiêu biểu

Khám phá ý nghĩa 5 thiết kế logo tổ chức phi chính phủ tiêu biểu

Chủ đề hôm nay sẽ đưa bạn khám phá 5 thiết kế logo tổ chức phi chính phủ tiêu biểu. Chúng ta sẽ phân tích cách thiết kế của chúng theo 3 khía cạnh

15 thiết kế website âm nhạc cho bạn tải về miễn phí

15 thiết kế website âm nhạc cho bạn tải về miễn phí

Âm nhạc tạo cảm hứng cho chúng ta trong cuộc sống. Các website thuộc chủ đề âm nhạc đang là cầu nối hiệu quả đưa người nghe đến với những giai điệu hay, những sáng tác mới và các ca sỹ/nhạc sỹ tài năng.

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