25 website tận dụng triệt để khoảng trắng trong thiết kế

Thứ sáu - 20/03/2015 00:16

Không gian trắng được biết đến là khoảng không trống rỗng nằm giữa các thành phần trong một thiết kế web. Chúng được đặt như vậy với mục đích làm cho bố cục có sự sáng sủa và rõ ràng hơn khi nhìn vào.

25 website tận dụng triệt để khoảng trắng trong thiết kế

Ngày càng nhiều chuyên gia thiết kế nhận thấy tầm quan trọng của việc tạo ra một thiết kế gọn gàng, thiết kế thân thiện với người dùng web và tận dụng được lợi ích mà những khoảng trắng hữu ích kia mang lại.

Khoảng trắng được sử dụng ở những vị trí truyền thống như header, footer, giữa menu, giữa ác hình ảnh và thông tin, chữ và sidebar, bao quanh các nút call to action để làm nổi bật chúng lên trên nền thiet ke web

Dưới đây là những ví dụ tiêu biểu của việc sử dụng khoảng trắng trong các thiết kế website để làm tăng hiệu quả hình ảnh. Hãy nhớ rằng khoảng trắng không có nghĩa là màu trắng, nó còn có thể là bất kỳ màu sắc nào khắc, chẳng hạn như xám, đen, xanh…miễn là ở trên khoảng không đó trống rỗng, hoàn toàn không có chi tiết nào. Còn trong bài lần này, chúng tôi sẽ chọn ra những website sáng bừng nhờ tận dụng khoảng trắng với màu trắng hoặc ghi sáng làm ví dụ.

Có một điểm đặc biệt là tất cả những ví dụ này để tận dụng triệt để khoảng trắng bằng việc tạo ra khoảng trống rất lớn giữa các chi tiết thiết kế, khiến chúng có sự phân tách rõ ràng, rất thoáng mắt. Bạn sẽ thấy màu chữ chủ đạo trên những thiet ke này là đen. Màu của các chi tiết trang trí khác cũng có thể là đen, đỏ hoặc bất kỳ màu sắc tương phản nào khác và trông chúng không hề bị nhạt nhòa giữa khoảng trắng bao la xung quanh.

Cũng giống như việc sử dụng màu đen làm nền web, màu trắng cũng tương đối dễ sử dụng trong thiết kế. Nếu màu đen hoặc tông màu tối làm nên sức hút từ sự huyền bí, thì sắc trắng mang lại cảm giác nhẹ nhàng, tươi tắn, lạc quan và “sạch” hơn. Màu trắng cũng khá dễ dàng trong việc kết hợp với những màu sắc khác, nhưng với những ví dụ bên dưới, chúng ta sẽ thấy việc dùng màu khá hạn chế để không làm lộn xộn cả thiết kế, đồng thời mang lại sự gọn gàng cho website. 

Velvet Hammer

Velvet Hammer in 25 Examples of Using White Color in Web Design

 

LuxeSource

LuxeSource in 25 Examples of Using White Color in Web Design

Radium Labs

Radium Labs in 25 Examples of Using White Color in Web Design

Eleks

Eleks in 25 Examples of Using White Color in Web Design

Digital Bodies

Digital Bodies in 25 Examples of Using White Color in Web Design

Michael Bianchi

Michael Bianchi in 25 Examples of Using White Color in Web Design

Qualtrics

Qualtrics in 25 Examples of Using White Color in Web Design

Socialdoe

Socialdoe in 25 Examples of Using White Color in Web Design

 

Designfirst

Designfirst in 25 Examples of Using White Color in Web Design

Julien Joly

Julien Joly in 25 Examples of Using White Color in Web Design

Am I Collective

Am I Collective in 25 Examples of Using White Color in Web Design

Gerber Ramonage

Gerber Ramonage in 25 Examples of Using White Color in Web Design

Ứng dụng hoạt hình vào một mẫu thiết kế web bất động sản là điều mà tôi chưa thấy trên bất cứ trang bất động sản nào. Tại sao không ? hãy thử thôi thúc ý tưởng của bạn là thử điều này.

Real Heroines

Real Heroines in 25 Examples of Using White Color in Web Design

Dark Leys

Dark Leys in 25 Examples of Using White Color in Web Design

niceau

niceau in 25 Examples of Using White Color in Web Design

Carton Box

Carton Box in 25 Examples of Using White Color in Web Design

O My God Lab

O My God Lab in 25 Examples of Using White Color in Web Design

to loom

to loom in 25 Examples of Using White Color in Web Design

Artwalk Mexico

Artwalk Mexico in 25 Examples of Using White Color in Web Design

Comstock’s magazine

Comstock's magazine in 25 Examples of Using White Color in Web Design

Knapsack Creative Co.

Knapsack Creative Co. in 25 Examples of Using White Color in Web Design

Club Petanque

Club Petanque in 25 Examples of Using White Color in Web Design

Equilibrium Design

Equilibrium Design in 25 Examples of Using White Color in Web Design

HYS INC.

HYS INC. in 25 Examples of Using White Color in Web Design

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