20+ website sáng sủa nhờ biết cách dùng khoảng trắng (white space)

Thứ hai - 09/11/2015 21:10

Mọi designer sẽ đều nói với bạn rằng khoảng trắng (white space) là một yếu tố vô cùng quan trọng để tạo ra một thiết kế website đẹp, sạch, sáng sủa và thân thiện với người dùng. Đó là lý do hôm nay chúng tôi chọn ra 20+ website với cách dùng khoảng trắng thông minh và hiệu quả làm ví dụ.

20+ website sáng sủa nhờ biết cách dùng khoảng trắng (white space)

Phân tích các thiết kế website sáng sủa này để hiểu cách mà khoảng trắng đã được sử dụng để làm tăng hoặc tạo ra các thông điệp, cá tính và cả phần đồ họa cho mỗi trang. Hãy nghĩ ngay đến việc tận dụng khoảng trắng thông minh hơn cho dự án website sắp tới của bạn.

Một số trong những website này có những chi tiết độc đáo mà chắc chắn bạn sẽ thích. Một vài cái dùng hai màu đen trắng cho thiết kế, trong khi số khác dùng nhiều màu phong phú hơn. Cho dù bằng cách nào thì các ví dụ dưới đây đều có vẻ ngoài sạch, sáng sủa và bố cục được tổ chức tốt.

Repossi

Website cực cá tính và đậm tính nghệ thuật với bức ảnh chụp người mẫu ấn tượng. 

Repossi thiet ke website dep thiet ke website dep

Valdama

Khoảng trắng bao la hòa quyện với bức ảnh nền sáng sủa. 

Valdama thiet ke website dep

Sam Dallyn

Khoảng trắng đóng vai trò chia tách rõ rệt các vật thể.

Sam-Dallyn thiet ke website dep

Stockholm Design Lab

Phần nền không hề bị hòa lẫn với màu của hình ảnh vật thể. 

Stockholm-Design-Lab thiet ke website dep

Your Local Studio

Sidemenu hoàn toàn được bao quanh bởi khoảng trắng. 

Your-Local-Studio thiet ke website dep

StokkeAustad

Bạn có thấy bố cục trang này khá sáng sủa và nhẹ nhàng cho người xem? 

StokkeAustad thiet ke website dep

Make Directory

Bức ảnh nền giàu cảm xúc trải toàn chiều ngang, nổi bật trên đó là phần chữ tinh tế. 

Make-Directory thiet ke website dep

NTN

Phong cách tối giản là điều mà website này hướng tới.

NTN light website designs white space thiet ke website dep

Ben Ashman

Khoảng trắng góp phần làm nổi hình ảnh sản phẩm lên. 

Ben-Ashman thiet ke website dep

Skidmore, Owings & Merrill

Mới nhìn sẽ thấy bố cục trang này khá nhiều chi tiết, nhưng thực tế đó chỉ có duy nhất một bức ảnh nền. 

Skidmore,-Owings-&-Merrill thiet ke website dep

Hatch Inc.

Khoảng trắng không có nghĩa nó phải là khoảng không có màu trắng, đó là lý do khoảng trắng ở đây có màu xám trắng. 

Hatch-Inc thiet ke website dep

iArk

iArk thiet ke website dep

Borheh

Borheh thiet ke website dep

Michaelis Boyd

Michaelis-Boyd thiet ke website dep

Norquayco

Norquayco thiet ke website dep

Tusk

Tusk thiet ke website dep

Freytag Anderson

Freytag-Anderson thiet ke website dep

Scanadu

Scanadu thiet ke website dep

More Air

More-Air thiet ke website dep

 

 

Bhav Mistry

Họ đã tận dụng triệt để khoảng trắng để tạo nên nét thanh mảnh, tinh tế cho phần chữ, bao gồm chữ A khổng lồ giữa trang. 

Bhav-Mistry thiet ke website dep

Longton

Longton thiet ke website dep

Budnitz Bicycles

Thêm một minh chứng cho việc dùng khoảng trắng có thể giúp nổi bật nhất hình ảnh sản phẩm trên các thiết kế website bán hàng

Budnitz-Bicycles thiet ke website dep

Victoria Ling

Victoria-Ling thiet ke website dep

Ben Trovato

Ben-Trovato thiet ke website dep


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