El Hiệu ứng paralax Nó là thành phần web mà bạn nghe nhiều nhất hiện nay. Nói rằng nó đã là một xu hướng trong ít nhất một năm là không đủ. Sau sự bùng nổ của HTML5, CSS3, jQuery và các trang web một trang (được tạo thành từ một trang duy nhất), hiệu ứng quang học này đã đến với các trang web tiên tiến nhất khiến chúng ta phải kinh ngạc.
Nếu chúng ta lướt mạng, chúng ta sẽ thấy rằng, trong hầu hết các trang, việc sử dụng nó là thử nghiệm. Đặc biệt trong danh mục danh mục đầu tư trực tuyến, các nhà thiết kế tự do kiểm soát trí tưởng tượng của họ để thể hiện kỹ năng của bạn và cố gắng tiến thêm một bước so với đối tác bên cạnh đã thực hiện. Ở đây chúng tôi mang đến cho bạn tổng hợp 6 trang web với Parallax để bạn xem và nhận xét.
Parallax là gì?
Hãy bắt đầu từ đầu, điều này là gì về Parallax? Điều này không có gì khác ngoài việc gây ra điều đó, khi chúng ta di chuyển theo chiều dọc của trang (tức là chúng ta cuộn), nền sẽ di chuyển với tốc độ chậm hơn nhiều so với các yếu tố khác. Nó giống như thể chúng ta đã chia trang web của mình thành hai hoặc nhiều lớp Photoshop. Và những gì mà Hiệu ứng thị sai đạt được là mang lại cho chúng ta cảm giác sâu sắc, mà nhiều người còn gọi là hiệu ứng 3D.
Với tất cả những "tin tức" này, chúng ta không bao giờ được để bản thân bị cuốn theo các xu hướng đến mức quên mất mục đích thực sự của một trang web: giao tiếp, nói điều gì đó. Và tôi đã thấy nhiều trang webTrong đó sự sáng tạo của các hình ảnh và các yếu tố chuyển động kỳ diệu trên màn hình đến nỗi ánh mắt của tôi không muốn dừng lại để đọc những gì được kể trong đó.
6 Ví dụ về các trang web có Hiệu ứng thị sai
- chu kỳ: Hiệu ứng thị sai có tác dụng và lợi ích. Có rất ít văn bản, rất ngắn gọn, đi kèm với minh họa điều đó đang thay đổi với anh ấy. Trong trường hợp này, hiệu ứng này không làm tôi bận tâm: nó giúp tôi hứng thú với nội dung, được thuật lại theo một cách khác, ít nhất sẽ không thu hút tôi.
- L'unità: Tôi bị thu hút bởi chất lượng của ảnh vương miện trên web. Tuy nhiên, sự thừa thãi của hình ảnh và chiều cao thấp của mỗi phần đã làm tôi hiểu nhầm. Hiệu ứng thị sai không làm phiền tôi, nhưng tôi nghĩ rằng các phần cao hơn sẽ thu được nhiều hơn. Nhân tiện: nếu bạn đóng web và mở lại, hình ảnh chính sẽ thay đổi.
- Chất hóa học: Chỉ đơn giản là mát mẻ và rực rỡ. Lần đầu tiên tôi đăng nhập, tôi không thể tránh việc cuộn trang mọi lúc, cho đến khi tôi kết thúc. Vì vậy, tôi đã trở lại đầu trang web để đọc nội dung, tận hưởng hiệu ứng Parallax một lần nữa. Bạn sẽ cho tôi biết những gì bạn nghĩ.
- Sony: Nếu bạn đã tìm kiếm trên Internet các ví dụ về Thị sai, rất có thể bạn đã nhìn thấy trang này. Và nó là hợp lý, bởi vì kết quả là tuyệt vời. Ứng dụng tốt nhất của hiệu ứng mà tôi đã thấy cho đến nay, không do dự.
- Soleil noir: Nhắc tôi rất nhiều về Cyclemon. Chúng cũng là hình ảnh minh họa kết hợp với ít văn bản. Tôi thực sự thích thanh bên được phân loại theo màu sắc, cho chúng tôi tùy chọn quay lại hoặc chuyển tiếp đến bất kỳ phần nào.
- Fishy: Xin lỗi, tôi không bị thuyết phục. Đó là một trang web khiến tôi choáng váng: có quá nhiều yếu tố, tôi có cảm giác rằng mọi thứ đang chuyển động ... Tôi không hoàn toàn thích nó. Bạn nghĩ sao?
- Gilgul: Tôi thích ảnh gif nền. Tôi không hiểu bất cứ điều gì nó nói trên web, nhưng tôi thích nó.
Hiệu ứng kỳ lạ của Paralax là gì, tôi rất muốn tìm hiểu cách đạt được nó để thực hành nó và đưa nó vào một trong những thiết kế web của tôi.
Làm thế nào để chúng ta tiếp cận để có những thiết kế này?