Trưng bày các trang web đẹp với hiệu ứng Glitch

Hình ảnh và video bị trục trặc đã trở thành một trong những xu hướng nóng nhất trong thiết kế web gần đây. Chỉ cần một vài dòng mã có thể mang lại cho bạn hiệu ứng tương tác sẽ bổ sung rất nhiều vào sáng tạo trong thiết kế web của bạn, và có thể cung cấp cho cuộc sống một giao diện người dùng nhàm chán.

Trong bài đăng này, chúng tôi đã kết hợp các trang web đã mang lại một liên lạc nghệ thuật về video và hình ảnh bị trục trặc để tạo hiệu ứng trục trặc theo những cách khác nhau. Hãy xem những điều sau đây để kích thích cảm hứng của bạn.

1. Thiết kế ôm

Thiết kế Ôm là một danh mục đầu tư của người Anh tự do Sáng tạo / Nghệ thuật Giám đốc và Nhà thiết kế Anthony Goodwin. Hiệu ứng trục trặc của trang web là tương tác và trông giống như một chiếc TV bị hỏng kiểu cũ.

2. Retrominder

Một trang web thú vị chỉ cung cấp cho bạn 90 giây để thử thách kiến ​​thức văn hóa retro của bạn và đoán tên của diễn viên hoặc ca sĩ được hiển thị trên màn hình. Nó cũng có nhạc nền cổ điển retro.

3. Lý thuyết tích cực

Lý thuyết hoạt động là một danh mục đầu tư của nhà phát triển Michael Anthony, với thiết kế và phát triển đáp ứng. Di chuyển chuột trên màn hình để xem hiệu ứng tương tác.

4. Cắt dán

Trang web cung cấp cho bạn kinh nghiệm, lấy cảm hứng từ HBOâVINYL và thành phố New York vào khoảng năm 1973. Nó kết nối chúng ta với các điểm tiếp xúc văn hóa của những năm trước đã thay đổi âm nhạc mãi mãi. Thiết kế trông giống như một tạp chí nhạc rock cổ điển.

5. Lễ hội KIKK

Trang web này là Dành riêng cho KIKK, một lễ hội quốc tế về văn hóa sáng tạo và kỹ thuật số. Mối quan tâm của nó nằm ở ý nghĩa kinh tế và nghệ thuật của các công nghệ mới.

6. Makoto Hirao

Một danh mục đầu tư của Makoto Hirao, một nhà thiết kế web từ Tokyo, trang web có tính năng màu sắc sống động và hình ảnh ảo giác. Hãy chắc chắn cuộn xuống để xem hiệu ứng trục trặc trên trang Giới thiệu về tôi.

7. Arkade Luân Đôn

Arkade London là một webVJ fan cá nhân và thử nghiệm nghệ thuật. Nó có âm nhạc huyền thoại hàng đầu cùng với hiệu ứng hình ảnh sáng tạo.

8. Tiền điện tử

Được thiết kế trên một hiệu ứng trục trặc sáng tạo, Cryptaris là một trang web dựa trên trò chơi dành cho thử nghiệm nhiệm vụ của người dùng về các kỹ năng STEM cần thiết cho các cơ hội nghề nghiệp độc đáo nhất của Quân đội Hoa Kỳ. Hãy tự thử.

9. Sẵn sàng cho tương lai

Trang web Future Ready Business là một dự án của cơ quan sáng tạo Mo Work. tôi yêu hiệu ứng video tương lai trên trang chủ.

10. DTSi

DTSi là một nhóm các nhà phát triển web người Đức đang làm việc cho các cơ quan sáng tạo. Truy cập trang web để xem hiệu ứng trục trặc tương tác trên trang chủ.

11. Chương trình Một

Nó¢Một danh mục thiết kế web / tương tác của cơ quan thiết kế Standardabweichung. Nhấp vào menu hamburger để điều khiển và chơi xung quanh với hiệu ứng chữ cái.

12. Hakuhodo

Trang web cung cấp một dịch vụ cho khách truy cập để tải lên hình ảnh khuôn mặt của họ trực tuyến. Tôi chỉ thích cấu trúc trang web tương tác với một liên lạc tốt đẹp của hiệu ứng trục trặc.

13. Tập thể [i]

Tập thể [i] tổ chức một trong những mạng dữ liệu bán hàng lớn nhất để tạo ra trí thông minh để cải thiện việc bán B2B. Các hiệu ứng trục trặc trên nền thực sự ấn tượng.

14. Hệ thống quan điểm

Hệ thống ViewPoint có hệ thống chất lượng cao và tiên tiến nhất trên thế giới để ghi lại và hiển thị các diễn giải về chuyển động của mắt người. Các nền video gọn gàng và tối thiểu là tuyệt vời.

15. Yoyo

Chỉ kéo mũi tên xuống để thấy hiệu ứng tuyệt vời. Khi trang web được mở, bạn có thể thấy sáng tạo nền video với hình ảnh tương lai.

16. Hugo và Marie

Hugo & Marie là một công ty studio sáng tạo đa ngành từ New York. Các nền trên trang chủ hiển thị các trò chơi video khác nhau.

17. Kết nối Oculus

Đây là một trang web để quảng bá cho hội nghị nhà phát triển Oculus thứ ba và lớn nhất. Oculus Connect là nơi các nhà thiết kế, kỹ sư và sáng tạo từ khắp nơi trên thế giới tụ họp lại với nhau để thúc đẩy cộng đồng thực tế ảo tiến lên. Chỉ di chuyển chuột của bạn để xem các hiệu ứng tuyệt vời.

18. OXOTA

OXOTA, có nghĩa là 'săn bắn' trong tiếng Nga là một trang web quảng cáo của một chương trình thực tế nổi tiếng của Nga. Nó sẽ hiển thị hiệu ứng trục trặc tuyệt vời trên mỗi trang của nó phù hợp với chủ đề chung của trang web.

19. Archiact ghi

Archiactvr là một studio của thực tế ảo. Di chuyển chuột trên màn hình để xem hiệu ứng tương tác thú vị.

20. Miim Kreatif

MiiM Kreatif là một trang web thiết kế từ Hồng Kông. tôi yêu hình ảnh trên trang chủ và hiệu ứng xung quanh con trỏ chuột.