10 công dụng tuyệt vời của khoảng trắng trong thiết kế web

Tác Giả: Louise Ward
Ngày Sáng TạO: 8 Tháng 2 2021
CậP NhậT Ngày Tháng: 18 Có Thể 2024
Anonim
Hướng dẫn thiết kế Website bằng Wordpress - Cho người mới bắt đầu
Băng Hình: Hướng dẫn thiết kế Website bằng Wordpress - Cho người mới bắt đầu

NộI Dung

Trong khi khách hàng thường yêu cầu bạn nhồi nhét càng nhiều thông tin vào một trang càng tốt, các nhà thiết kế web dày dạn kinh nghiệm biết rằng điều này có thể dẫn đến cơn ác mộng về khả năng sử dụng.

Ngược lại, việc sử dụng khoảng trắng một cách tự tin và cẩn thận chính là việc tạo cho nội dung không gian thông thoáng.

Các ví dụ được liệt kê ở đây hoạt động vì mọi thứ mà khách truy cập cần vẫn ở đó trên trang; tất cả những gì vắng mặt sẽ chỉ là lộn xộn. Thay cho sự lộn xộn đó, khoảng trắng giúp tạo ra một giao diện cân bằng, dễ điều hướng, nơi bạn có thể tìm thấy thứ mình cần mà không bị choáng ngợp.

01. Do Sofa

Thật hấp dẫn biết bao khi công ty thiết kế phần mềm và tương tác này đã sử dụng một hình ảnh anh hùng đầy màu sắc và khuôn mặt của bạn trên trang chủ của mình để cố gắng thu hút sự chú ý của bạn. Trớ trêu thay, bằng cách giữ cho mọi thứ quá đơn giản, nó đã tạo ra một thiết kế tối giản nhưng thực sự bắt mắt hơn rất nhiều. Việc sử dụng khoảng trắng được đo lường mang lại cảm giác đáng tin cậy và đáng tin cậy, trong khi một phần không gian âm tinh tế trong biểu tượng ghế sofa giúp tăng thêm vẻ đẳng cấp.


02. Quả táo

Nếu Apple là viết tắt của bất cứ điều gì, thì đó là tầm quan trọng của thiết kế trong công nghệ và trang web riêng của họ thể hiện điều đó một cách thành thạo. Khi bạn có những sản phẩm trông tuyệt đẹp như thế này, bạn muốn tập trung sự chú ý vào chúng, và hàng loạt khoảng trắng xung quanh chúng đạt được điều đó.

  • 7 phòng trưng bày kiểu chữ hàng đầu để truyền cảm hứng cho các thiết kế của bạn

03. Được xây dựng bởi Buffalo

Khoảng trắng không chỉ dành cho bố cục cực kỳ tối thiểu và đây là một ví dụ tuyệt vời. Trang chủ của đại lý Brighton Buffalo giới thiệu các phần tử điều hướng chính của nó trong các hình lục giác đầy màu sắc, được nhóm lại với nhau trong một mạng tinh thể và được bao quanh bởi một lượng lớn khoảng trắng êm dịu. Đó là một bố cục nguyên bản ấn tượng, vừa chứa kính vạn hoa màu và các liên kết đồng thời mang lại cảm giác thoải mái, không căng thẳng cho trải nghiệm cuộn.


04. Hộp thư thả

Một trong những đại gia lớn của thế giới công nghệ, Dropbox kết hợp các hình minh họa giống như trẻ em với việc sử dụng tự tin khoảng trắng trên trang chủ để tạo ra hiệu quả tuyệt vời. Cảm giác tổng thể là thoải mái và dễ tiếp cận, khiến những gì có thể là, đối với những người chưa quen, một đề xuất phức tạp đáng sợ dường như là một điều thú vị và hữu ích để thử.

05. Fell Swoop

Khoảng trắng luôn là một công cụ được sử dụng phổ biến trong thiết kế tạp chí và có tiếng vang của sự nhạy bén đó trong thiết kế trang web của Fell Swoop, công ty tư vấn Seattle. Phông chữ lớn hơn một chút so với các phông chữ thông thường và hạn chế sử dụng khoảng trắng cho thấy một chút tinh tế hiếm có đối với một trang web công ty khá chuẩn.


06. Huyền thoại UX

Một trang web dạy bạn về cách cung cấp trải nghiệm người dùng tốt cần phải thực hành những gì nó rao giảng. Và UX Myths, một trang web thu thập những quan niệm sai lầm về UX thường xuyên nhất, chắc chắn làm được điều đó. Trang chủ tập trung vào văn bản rõ ràng của nó ngay lập tức quay trở lại những ngày đầu của Internet, đồng thời tránh được sự xấu xí trên màn hình của thời đại đó. Thực sự có rất nhiều thông tin trên trang chủ này, nhưng việc sử dụng khoảng trắng một cách thông minh có nghĩa là nó không giống như vậy chút nào.

07. Thứ gì đó lộng lẫy

Something Splendid là một studio thiết kế của Úc đã không còn tồn tại, sau khi hợp nhất với một công ty khác, Liquorice, vào năm 2013. Tuy nhiên, bản chất của internet có nghĩa là mọi người vẫn sẽ nhấp qua các liên kết cũ đến URL trước đó của họ. Điều chào đón họ bây giờ là bộ sưu tập đáng yêu này của tác phẩm trước đây của họ. Tiêu đề sử dụng khoảng trắng một cách hiệu quả để tạo cảm giác về khoảng cách và truyền tải rằng đây là một sự tri ân yêu thương chứ không phải là một trang web "đang hoạt động". Sẽ đẹp hơn bao nhiêu so với một trang 404, hoặc một sự chuyển giao không giải thích được sang công ty mới.

08. Chanel

Ngành công nghiệp thời trang là tất cả về vẻ đẹp, và nó hoàn toàn hiểu tiềm năng của khoảng trắng để tạo ra một bầu không khí của sự tinh tế. Chanel đã không hoạt động trong lĩnh vực kinh doanh trong 107 năm và tình cờ đếm được, và trang web trang nhã của hãng là một ví dụ cho bất kỳ ai muốn thành công trong lĩnh vực thương mại điện tử.

09. Lionel Durimel

Như chúng tôi đã nói trước đó, không chỉ là những thiết kế tối giản sử dụng khoảng trắng. Nhưng nếu bạn đang thử nghiệm chủ nghĩa cực kỳ tối giản, nó thực sự có ích. Trang web danh mục đầu tư tuyệt đẹp của giám đốc nghệ thuật người Paris Lionel Durimel kết hợp văn bản trong suốt, hiệu ứng cuộn và màu sắc thu hút sự chú ý để thực sự bán được dịch vụ của anh ấy, đồng thời việc sử dụng khoảng trắng táo bạo và mạo hiểm giúp kết hợp tất cả lại với nhau một cách độc đáo.

10. Google

Google.com được coi là ông lớn của khoảng trắng trên web. Chỉ một hình vuông nhỏ của trang chủ này sẽ thu hút một giá trị tiền tệ gần như không thể tưởng tượng được. Nhưng gã khổng lồ tìm kiếm vẫn dính vào súng của mình và thiết kế của nó hầu như không thay đổi kể từ những năm 1990. Nếu ai đó từng chỉ trích việc bạn sử dụng khoảng trắng trong thiết kế web là "lãng phí không gian", hãy chỉ họ vào đây và hỏi họ liệu họ có nghĩ rằng công ty thành công nhất thế giới biết họ đang làm gì không ...

Thú Vị
Quảng cáo truyền thông hỗn hợp tôn vinh vẻ đẹp bên trong
ĐọC

Quảng cáo truyền thông hỗn hợp tôn vinh vẻ đẹp bên trong

Các giám đốc của Nexu , mith & Foulke , đã thiết lập một mối quan hệ tuyệt vời với nhóm áng tạo tại W + K London. Họ đã cùng nhau kết hợp để tạo ra một ố quảng c...
Cách sử dụng Gravity Sketch
ĐọC

Cách sử dụng Gravity Sketch

Gravity ketch, công cụ thiết kế và tạo mô hình cho các quảng cáo VR, đã tiếp tục phát huy tác dụng trong không gian áng tạo VR và ngày ...
Hướng dẫn cho người mới bắt đầu về kỹ thuật cọ màu nước
ĐọC

Hướng dẫn cho người mới bắt đầu về kỹ thuật cọ màu nước

Các loại cọ và ứng dụng khác nhau có thể tạo ra một bố cục mềm mại và nhiều ương, hoặc một khung cảnh ống động, có góc cạnh cứng. Chủ yếu, tôi ẽ ử dụng cọ Kolin...