Sự cân bằng ngoạn mục của các website giàu nội dung (P.2)

Phần 2 sẽ tiếp tục đưa chúng ta đến với những thiết kế web thông minh trong việc dàn xếp một khối lượng lớn thông tin trên trang của mình.

Nhìn chung các website này đều đã thoát khỏi sự nặng nề và cứng nhắc của nội dung dày đặc. Nội dung được phân chia theo các khối, các ô với kích thước khác nhau. Việc làm này đã mang lại hiệu quả tuyệt vời như bạn thấy. 

REI 1440 Project là một thiết kế website đẹp, thực sự độc đáo và thú vị với hàng loạt bức ảnh đẹp như tranh vẽ hiện ra qua một slide ảnh thumbnail hẹp. 

rei 1440 project thiet ke web chuyen nghiep

Trang chủ của The Camry Effect có khả năng kết hợp những khối dữ liệu tĩnh, video và câu chuyện đời thực cùng với widget tiêu chuẩn. Website cũng có bộ lọc để người xem có cơ hội phân loại các thông tin mà họ muốn.  

the camry effect thiet ke web chuyen nghiep

Phillips Internet Consulting sử dụng một slide hình ảnh tiêu chuẩn chiếm một nửa màn hình để thể hiện hình ảnh thương hiệu và đồng thời cung cấp thêm nhiều diện tích cho hệ thống naivgation ở phía bên phải. Mặc dù vậy phần nền tuy có vẻ trừu tượng , cùng với đó là menu và typography khổng lồ đã khiến cho landing page trông hơi lộn xộn. 

phillips internet consulting thiet ke web chuyen nghiep

Accuel AZKS là một online portfolio ngay lập tức, ngắn gọn và hiệu quả kết nối người dùng với những tác phẩm trên đó. Hiệu tứng làm tối giúp làm nổi bật các chi tiết. Bố cục dạng cột mạnh mẽ và ổn định khiến phần hình không bị rối. 

accuel azks thiet ke web chuyen nghiep

Etch. Despite sử dụng tông màu tối suốt thiết kế của mình. Một số dải màu ấm được sử dụng để tạo hiệu ứng đặc biệt cho những bức ảnh. Khoảng cách rộng giữa các khối nội dung tạo ra ấn tượng về sự trật tự. 

etch thiet ke web chuyen nghiep

Vogue không còn nghi ngờ gì khi nói nó là một trong những tạp chí thời trang danh giá nhất, website của nó cũng không kém cạnh về độ chuyên nghiệp. Những bức ảnh thời trang được làm nổi bật trên nền trắng. Bố cục chia làm 3 cột, khiến khu vực nội dung rộng hơn sidebar để tạo sự chú ý vào phần thông tin chính.   

vogue thiet ke web chuyen nghiep

Website chính thức của The New York Times là một ví dụ tuyệt vời của các sắp xếp nội dung trên trang web giàu thông tin. Mặc dù thoạt nhìn bạn sẽ thấy trang chính của nó khá kín chữ nhưng nếu nhìn kỹ hơn bạn sẽ thấy các mảng nội dung đã được chia tách thành các khu vực rất hợp lý. 

the new york times thiet ke web chuyen nghiep

How Cool là một website liên quan đến phái đẹp nữa. Nó gây chú ý nhờ vào diện mạo của mình, mà cụ thể là phần landing page đã tận dụng tốt khoảng trắng để làm nổi các khối nội dung và đây là một ý tưởng không tồi để xây dựng và thiết kế trang web thời trang tuyệt vời.

how cool thiet ke web chuyen nghiep

Mamo có phần home page được tổ chức tốt, nó chỉ bao gồm những hình ảnh và logo nhỏ cùng một tagline ở header. Caption cũng xuất hiện khi bạn di chuột qua bức ảnh. Việc này giúp website trông thoáng và gọn hơn. 

mamo thiet ke web chuyen nghiep

Time có trang chủ được chia thành 3 cột, thi thoảng sẽ là 4 để sắp xếp những nội dung cần thiết. 

time thiet ke web chuyen nghiep

 Direnduvar là một thiết kế web sáng tạo và thực sự độc đáo. Illusstration tuyệt đẹp với những hình vẽ và font chữ viết taNgừiis an exceptional and truly unconventional website. Người dùng có thể trải nghiệm website này bằng động tác kéo thả để nhìn kỹ hơn các chi tiết. 

direnduvar thiet ke web chuyen nghiep

Kod and Form mang đến một thiết kế tinh tế với các hộp nội dung được phủ màu pastel cùng nhũng hình ảnh nhìn gần rất nhẹ nhàng và mềm mại. 

kod and form thiet ke web chuyen nghiep

 

 

Tác giả bài viết: Phùng Thanh Hằng
Nguồn tin: www.youthedesigner.com
Có: 4/1 đã cho sao
tiếc gì 1 click để cho sao

Bạn đã xem chưa?

[Blog thiết kế] Số 01(14/9/2020): Intel thay logo, Lightweight trình duyệt web siêu nhẹ

[Blog thiết kế] Số 01(14/9/2020): Intel thay logo, Lightweight trình duyệt web siêu nhẹ

Hàng tuần, nhiều nội dung thú vị về thiết kế ở mọi ngóc ngách trên thế giới được Ngôi Sao Số tổng hợp gởi đến chị em thiết kế.

[9/2020] Nghiên cứu quan trọng cần biết cho các nhà thiết kế web

[9/2020] Nghiên cứu quan trọng cần biết cho các nhà thiết kế web

Ở Việt Nam chúng ta đa phần phán theo cảm tính. Nhưng hãy tập tin vào số liệu, vì nó như xác xuất thống kê giúp bạn đong đếm chính xác các vấn đề của bạn. Những dữ liệu quý giá này không phải ai cũng có thể làm và biết. Cùng khám phá với Ngôi Sao Số nhé.

5 mẹo để thiết kế trang web một trang hiệu quả

5 mẹo để thiết kế trang web một trang hiệu quả

Web one-page hay còn gọi là trang web chỉ có một trang, hoặc các trang landing page chỉ để giới thiệu một chương trình khuyến mãi ... làm thế nào để nó hiệu quả? Cùng xem bài viết nhé

Quay lại trang Blog
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