Bố cục web phá cách nhờ các hình khối táo bạo

Thứ hai - 14/09/2015 23:08

Cùng ngắm 20+ thiết kế website sáng tạo với cách dùng những hình khối táo bạo.

Bố cục web phá cách nhờ các hình khối táo bạo

Các web designer luôn tìm kiếm những ý tưởng thiết kế sáng tạo để nâng tầm thiết kế của mình hoặc ít nhất làm cho nó không bị lấn át bởi những website cùng loại, với sự khó khăn khi tìm ý tưởng của các mẫu thiết kế web du lịch hay nhà hàng, khách sạn ... luôn bị trùng ý tưởng thiết kế. Sự sáng tạo được thể hiện ở nhiều phần của một thiết kế. Có người dùng cách phối màu lạ, có người tìm kiếm mẫu typography chưa ai có…và có người sẽ sử dụng những hình khối lạ cho bố cục web.

Dưới đây là 20+ thiết kế web độc đáo với cách kết hợp những hình khối táo bạo trên bố cục trang.

Iron to Iron

Website thuộc sở hữu của hai người, gồm một lập trình viên và một designer. Họ sử dụng hình thiết kế với những khối hình kim cương cho landing page.
 

Iron to Iron bo cuc website sang tao

Rally Interactive

Trang web khá độc đáo với hình tam giác chuyển động khi di chuột qua. 

Rally Interactive bo cuc website sang tao

Arnaud Beelen

Chuyên gia thiết kế đồ họa người Bỉ đã làm nghiêng 12,5 độ cho những khối hộp trên bố cục web độc đáo của mình.

Arnaud Beelen bo cuc website sang tao

NeoLab

Khối hình kim cương bé nằm trong hình kim cương lớn. Khi bạn di chuột qua khối hình nhỏ, một nhãn đen trong suốt sẽ bao bọc nửa hình kim cương.

NeoLab bo cuc website sang tao

Wit Code

Website này thực sự tạo cảm hứng. Nó sử dụng những khối vuông nhỏ theo phong cách gấp giấy, đặt ở phần nền. 

Wit Code bo cuc website sang tao

Wit Code bo cuc website sang tao

Forbi

Thêm một thiết kế lạ mắt nữa. Cả thiết kế sử dụng hình kim cương, chữ nhật với các cạnh lớn ở đầu và cuối trang.

Forbi bo cuc website sang tao

Qoob Room

Trang web của Nga này dùng một số hình khối kim cương, chủ yếu dành cho illustration, mặc dù khối hình kim cương màu xanh lá cây ở landing page chính là một link. 

Qoob Room bo cuc website sang tao

Peppermint

Bạn sẽ không bị rối mắt với cách bố trí bố cục này. Website con có những hiệu ứng animation nhỏ và hình phác thảo bằng tay để tăng thêm diện mạo độc đáo.

Peppermint bo cuc website sang tao

Be Visionare

Sự kết hết của các hình khối tạo thành chữ V ở landing page. Các nút bấm màu pastel và retro cùng hiệu ứng animation khi cuộn trang. 

Be Visionare bo cuc website sang tao

Clement Zezuka

Website portfolio thực sự khác thường. Ý tưởng diễn đạt dạng timeline với các ngày thay đổi khi cuộn trang và hình kim cương ở giữa cho thấy dự án của tháng đó. 

Clement Zezuka bo cuc website sang tao

Von Vape

Thiết kế website này tạo hình cho logo sản phẩm, một hình chữ V lộn ngược. Rất sáng tạo và độc đáo.

Von Vape bo cuc website sang tao

Airnauts

Công ty này có landing page gồm những hình tam giác chuyển động. Khi bạn cuộn trang, màu sắc sẽ có sự biến đổi từ đỏ sang đen.

Airnauts bo cuc website sang tao

Yamaha Ginza

Ginza là một quận của Tokyo. Thiết kế của web này cũng theo chiều dọc, cuộn trang chầm chậm. 

Yamaha Ginza bo cuc website sang tao

Piropixel

Website đến từ Tây Ban Nha với những hình vuông và chữ nhật xoay. Màu sắc của nó tạo sự sang trọng. Hãy chú ý hình khối kim cương trong chiếc cốc cà phê. 

Piropixel bo cuc website sang tao

Gleb Leksikov

Khối hình kim cương được phủ tông màu tối. Bạn thậm chí có thể tăng độ sáng của màn hình lên để thấy hiệu ứng của nó.

Gleb Leksikov bo cuc website sang tao

Wixel

Landing page của trang này sử dụng các hình tam giác. Khi bạn di chuột qua link hoặc qua category trên menu, hiệu ứng sẽ xảy ra.

Wixel bo cuc website sang tao

Perspective Woodworks & Design

Các hình ảnh và nội dung của trang đều nằm trong khối hình kim cương, một số hình ảnh có chứa link.

Perspective Woodworks & Design bo cuc website sang tao

Max Cooper

Một lưới được ghép toàn bằng khối hình kim cương. Phần nền sẽ cố định khi bạn di chuyển lên hay xuống ở trang này. 

Max Cooper bo cuc website sang tao

Built by Buffalo

Hãng lập trình website sử dụng bố cục dạng tổ ong và hình lục giác cho website portfolio của mình.

Built by Buffalo bo cuc website sang tao

Jessica Caldwell

Thiết kế website portfolio của web developer Jessica Caldwell là một ví dụ sáng tạo và táo bạo với hình khối khác thường. Mặc dù vậy, nó vẫn giữ được bố cục tối giản của mình.
 

Jessica Caldwell

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