Ấn tượng với 20 mẫu website có bố cục độc đáo

Khi bạn đang thiết kế website bạn có thể bị cuốn hút khi xem một trang khác có bố cục có nét đặc trưng và độc đáo.

20 mẫu website có bố cục độc đáo

20 Mẫu thiết kế website sau đây không sử dụng bố cục đơn giản và điển hình như 2 cột hay 3 cột. Nhiều website trong số này sử dụng background là một bức ảnh để tương tác và chi phối bố cục một cách độc đáo. Một vài website đó tôi thực sự rất ấn tượng và thích thú, tuy nhiên cũng có một vài mẫu tôi chưa ưng ý lắm, tuy nhiên bằng cách này hay cách khác chúng đều có một nét rất riêng.

Mẫu website Popmatik

Một nhà thiết kế website tự do tên là Rob Leach sử dụng 1 bố cục độc đáo cho website giới thiệu hồ sơ năng lực của Rob. Mẫu thiet ke web này sử dụng 1 bức ảnh có chai nước và nội dung được thể hiện trên nhãn của chai nước này. 

Ấn tượng với 20 mẫu website có bố cục độc đáo

Mẫu website Digitalmash.com

Digital Mash là trang web cá nhân của một chuyên gia thiết kế website người Úc. Điều gì đã làm nên một bố cục độc đáo cho trang web này? Đó là bức hình background của Rob nắm lấy phần nội dung của website.

Ấn tượng với 20 mẫu website có bố cục độc đáo

Mẫu website Melissahie.com 

Một mẫu website thể hiện hồ sơ năng lực cá nhân với những đường nét rất uyển chuyển và đặc biệt. MelissaHie.com dẫn dắt người xem xuyên suốt nội dung của các phần website bao gồm các đường link được nối tiếp với nhau nhưng không gây ra sự rối mắt và lộn xộn. Khi bạn click vào các link, bạn sẽ được chuyển tiếp đến các phần khác nhau của website này.

Ấn tượng với 20 mẫu website có bố cục độc đáo

Mẫu website Evanescenceuk.co.uk 

Một website từ nước Anh về ban nhạc rock người Mỹ Evanescence được sử dụng bố cục nằm ngang và và khung định hướng tương tự trang MelissaHie.com, nơi mà người truy cập trang được trượt xuyên suốt trang web khi sử dụng dạng định hướng thay vì các trang tách rời nhau.

Ấn tượng với 20 mẫu website có bố cục độc đáo

Mẫu website Sitotis.hr

Bức tranh của nền background của trangSitotis có một sự kết dính tới phần nội dung của website. Các tabs trong phần này được sử dụng thành chức năng được định hướng.

Ấn tượng với 20 mẫu website có bố cục độc đáo

Mẫu website Mussatto.com.br 

Mussatto sử dụng một bố cục dài và theo chiều ngang chính vì thế mẫu thiết kế website không yêu cầu cuộn dọc và chính điều này đang tạo một sự đối lập với kiểu chuẩn thường thấy bố cục dài chiều dọc.

Ấn tượng với 20 mẫu website có bố cục độc đáo

Mẫu website Basil Gloo 

Nhà phát triển website Developer Basil Gloo sử dụng 1 bố cục thú vị trên trang web của anh ấy. Trang web này được chia thành hai phần trái và phải hoàn toàn riêng biệt. Phần bên trái của website chứa thông tin cá nhân và phần bên phải chứa thông tin kinh doanh.

Ấn tượng với 20 mẫu website có bố cục độc đáo

Mẫu website Danviv.net 

Trang web hồ sơ năng lực của Dan Viveiros sử dụng 1 bố cục duy nhất với một vài hình ảnh cảu các cuộn băng cát-sét.

Ấn tượng với 20 mẫu website có bố cục độc đáo

Mẫu website CraigEarl.co.uk 

Chuyên gia chụp ảnh Craig Earl sử dụng một bố cục đặc tả boonsbuwcs hình cao và hẹp cái mà link tới các danh mục khách nhau của bức hình: Everyday, Landscapes, bands và people.

Ấn tượng với 20 mẫu website có bố cục độc đáo

Mẫu website JeremyCowart.com 

Một trang web khác về mảng chụp ảnh là JeremyCowart.com. Trang này thể hiện sự nhận mạnh trên các bức hình bằng việc bạn được chứng kiến trước mặt các hình ảnh nối tiếp nhau trong phần thông tin hiển thị trên trang chủ. Thay vì bạn phải click vào một vài link để tới được các bức hình thì ngay đây các bức hình cứ nối tiếp nhau. 

Ấn tượng với 20 mẫu website có bố cục độc đáo

Mẫu website Huge 

Công ty này sử dụng mẫu thiết kế website với một bức hình lớn trên phần trái của trang chủ với những phần chuyển hướng và nội dung cơ bản trong một khung hẹp ở bên phải.

Ấn tượng với 20 mẫu website có bố cục độc đáo

Mẫu website Interview Magazine 

Một bố cụ khác là Interview Magazine thể hiện một ấn tượng hoàn toàn khác so với các tạp chí online khác.

Ấn tượng với 20 mẫu website có bố cục độc đáo

Mẫu website The Horizontal Way 

Là một galary hình ảnh theo bề ngang - The Horizontal Way sử dụng bố cục ngang một cách tự nhiên.

Ấn tượng với 20 mẫu website có bố cục độc đáo

Mẫu website Swiths.com 

Trang web này sử dụng một bức hình background lớn bằng một sàn gỗ và chân của một chàng trai. Nội dung của trang này trên các phần của tờ giấy và một cái tờ note trên sàn.

Ấn tượng với 20 mẫu website có bố cục độc đáo

Mẫu website Davor van Eijk 

Trang của Davor van Eijk places có sự chuyển hưởng trung tâm theo một hình tam giác. Nội dung của website nằm trên phần phải phía dưới góc.

Ấn tượng với 20 mẫu website có bố cục độc đáo

Mẫu website Ribbit.com 

Bố cục này đặc tả một bức hình background lớn về một người đàn ông đang ngồi trên cỏ. Bầu trời trong bức tranh vô tình trở thành background của website này. Bức hình và cách nó tương tác với bố cục thực sự đã tạo nên sự độc đáo duy nhất cho website của bạn.

Ấn tượng với 20 mẫu website có bố cục độc đáo

Mẫu website BootB 

Trang web này sử dụng nền đen và được vẽ vài đám mây ở phần trên của website.

Ấn tượng với 20 mẫu website có bố cục độc đáo

Mẫu website Vesess 

Vesess sử dụng phần header đơn giản bao gồm phần chuyển hướng và rồi đi tới bức hình ngay trên tiêu điểm của website. Nếu bạn kéo chuột xuống bạn sẽ thấy vài cột với một vài thông tin cơ bản.

Ấn tượng với 20 mẫu website có bố cục độc đáo

Mẫu website Dinulovic.com 

Dinulovic được sử dụng một hình ảnh tại trung tâm của sự chuyển hướng cho cả trang web có chứa nội dung không có thật.

Ấn tượng với 20 mẫu website có bố cục độc đáo

Mẫu website StoryAbout.net  

Ấn tượng với 20 mẫu website có bố cục độc đáo

Tác giả bài viết: Duc.Tien

Tổng số điểm của bài viết là: 0 trong 0 đánh giá

Click để đánh giá bài viết
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