Sự Lột Xác Của Footer: Nguồn Cảm Hứng Thiết Kế Website Tuyệt Vời

Hầu hết các designer coi footer là một ý nghĩ sau cùng. Sau phần hero, mục tính năng, lời chứng thực và kêu gọi hành động, phần footer chỉ nhận những gì còn lại — một dòng bản quyền, vài liên kết điều hướng, hoặc một hàng biểu tượng mạng xã hội. Kết quả là một nghĩa địa của những cơ hội bị bỏ lỡ.

Footer.design được tạo ra để thay đổi cách suy nghĩ đó. Được xây dựng và duy trì bởi NOOON Studio, đây là một gallery tuyển chọn tập trung hoàn toàn vào một điều: thiết kế footer. Trang web này tự gọi mình là phòng trưng bày footer duy nhất trên thế giới, và điều đó là sự thật. Không có nơi nào khác trực tuyến tổng hợp thiết kế footer với quy mô và sự chăm chút biên tập ở mức độ này.

Bộ sưu tập được tổ chức theo phương pháp thị giác thay vì ngành hoặc thương hiệu. Điều hướng đi qua các danh mục như Typographic, Small Type, Illustrative, Grid, Flat, Animated, Cards, Bright, Dark, và Large Type. Chính hệ thống phân loại này là một tuyên bố thiết kế. Nó định hình lại footer không phải là một phần thừa chức năng mà là một khu vực thiết kế với ngôn ngữ riêng, và nó cung cấp cho các nhà thiết kế một ngôn ngữ để thảo luận về những gì họ thực sự đang cố gắng đạt được.

Nhìn vào các mục được giới thiệu giúp ngôn ngữ đó trở nên cụ thể. Footer của Nabhi Shah lấp đầy toàn bộ khung hình bằng màu xanh điện. Một chữ ký viết tay nằm ở trung tâm trên nhãn "Hãy Liên Hệ Chúng Tôi", với các liên kết xã hội được sắp xếp trong các nút hình viên thuốc gọn gàng. Sự ấm áp của cử chỉ viết tay trên nền phẳng bão hòa tạo ra một tông điệu cá nhân mà hầu hết các nhà thiết kế sẽ sợ đặt ở bất cứ đâu ngoài trang giới thiệu — nhưng ở đây, nó neo giữ ấn tượng cuối cùng của trang web.

Le Punch đi theo một con đường hoàn toàn khác. Footer của thương hiệu Ba Lan này chạy một dấu thời gian trực tiếp bằng kiểu chữ monospaced ở toàn chiều rộng, với tên thương hiệu được đặt trong một font grotesque nén lớn và lật dọc — để nó đọc ngược bên dưới đường chân trời. Hiệu ứng này gây rối một cách có tính toán. Nó truyền đạt rằng trang web năng động và tự tin về mặt kỹ thuật mà không cần nói điều đó trong nội dung.

Make-Believe, một studio có trụ sở tại Belgrade, sử dụng footer như một bầu không khí thuần túy. Một trường màu đen, một khối gradient thể tích màu đỏ chảy ra từ trung tâm, và một dòng kiểu chữ sans-serif nặng chỉ đọc "Hãy Liên Hệ Chúng Tôi" được mở rộng hết chiều rộng trình duyệt. Không có liên kết nào bên dưới gấp. Không có cột. Sự đơn giản là sức chịu tải.

Footer của Good Fella kết hợp một sinh vật ASCII — được kết xuất bằng các ký tự màu cam-đỏ rải rác trên nền gần như đen — với tên studio được phóng to để lấp đầy toàn bộ khung hình dưới cùng như một watermark mờ. Hệ thống phân cấp cấu trúc bị đảo ngược: yếu tố trang trí lớn hơn yếu tố chức năng, và tên thương hiệu hoạt động như kết cấu thay vì nhãn.

Mitra thể hiện mặt đối lập của phổ. Nền màu kem ấm, một làn sương gradient mềm mờ dần từ cạnh trên để báo hiệu sự chuyển đổi nội dung, và một lưới điều hướng bốn cột được bố trí bằng kiểu chữ nhẹ. Ở phía dưới, "Mitra" được đặt trong một từ ngữ lớn màu đen lan ra khỏi khung hình. Nghiêm túc, ngăn nắp và vẫn đáng nhớ về mặt kiểu chữ.

Điều Footer.design làm tốt là làm nổi bật sự đa dạng. Nhìn những cách tiếp cận này cạnh nhau làm cho việc đưa ra lựa chọn có chủ ý dễ dàng hơn. Sự khác biệt giữa một footer kiểu chữ và một footer tối không chỉ là sở thích thẩm mỹ — đó là một quyết định UX về cách một trang web kết thúc, những thông tin nào nó để lại cho người dùng, và thương hiệu cảm thấy như thế nào trong khoảnh khắc yên tĩnh nhất của nó.

NOOON Studio cập nhật gallery thường xuyên. Bộ sưu tập hiện có 55 trang. Người dùng có thể gửi tác phẩm của riêng họ hoặc duyệt theo phong cách. Trang web cũng chấp nhận các vị trí được tài trợ, mặc dù các lựa chọn biên tập dường như được duy trì một cách độc lập.

Đối với bất kỳ nhà thiết kế nào đang làm việc trên một dự án web và tự hỏi nên làm gì với 200 pixel cuối cùng, đây là tài liệu tham khảo đúng đắn để đánh dấu.

Website footer design inspiration