6 시차 효과 웹 사이트

Soleil Noir, 시차 효과가있는 웹

El 시차 효과 오늘날 가장 많이 듣는 웹 구성 요소입니다. 적어도 5 년 동안 트렌드 였다고 말하는 것은 거의 없습니다. HTML3, CSSXNUMX, jQuery 및 한 페이지 사이트 (단일 페이지로 구성됨)의 붐 이후이 광학 효과는 우리를 놀라게하는 최첨단 웹 사이트에 도달했습니다.

인터넷을 서핑하면 대부분의 페이지에서 그 사용이 실험적이라는 것을 알 수 있습니다. 특히 온라인 포트폴리오 카테고리에서 디자이너는 자신의 상상력을 자유롭게 당신의 기술을 보여 옆집 파트너가 밟은 것보다 한 걸음 더 나아가려고합니다. 여기에 Parallax가 포함 된 6 개의 웹 사이트 모음을 제공합니다.

Parallax는 무엇입니까?

처음부터 시작하겠습니다. Parallax는 무엇입니까? 이것은 페이지를 수직으로 이동할 때 (즉, 스크롤 할 때) 배경이 다른 요소보다 훨씬 느린 속도로 이동하는 원인으로 만 구성됩니다. 마치 웹 사이트를 두 개 이상의 Photoshop 레이어로 나눈 것과 같습니다. 시차 효과가 달성하는 것은 깊이 감, 많은 사람들이 3D 효과라고도합니다.

이러한 모든 "뉴스"와 함께 웹 페이지의 실제 목적을 잊을 정도로 트렌드에 휩쓸려서는 안됩니다. 통신, 무언가를 말하다. 그리고 나는 보았다 수많은 사이트이미지의 창의성과 화면에서 마법처럼 움직이는 요소가 너무나 압도적이므로 내 시선이 거기에서 말한 것을 읽는 것을 멈추지 않습니다.

6 시차 효과가있는 웹 사이트의 예

  1. 사이클몬: 효과와 이점이있는 시차 효과. 아주 간결한 텍스트가 거의 없습니다. 일러스트레이션 그와 함께 변화하고 있습니다. 이 경우 효과는 나를 괴롭히지 않습니다. 다른 방식으로 설명 된 콘텐츠에 관심을 갖도록 도와줍니다. 사이클몬
  2. L' unità: 나는 품질에 끌린다 영상 웹의 왕관입니다. 그러나 각 섹션에 주어진 풍부한 이미지와 낮은 높이는 나를 오도합니다. 시차 효과는 나를 괴롭히지 않지만 더 높은 섹션이 더 많이 얻을 것이라고 생각합니다. 그런데 웹을 닫았다가 다시 열면 기본 이미지가 변경됩니다. 파스타 이미지
  3. 거대한: 단순히 시원하고 화려합니다. 처음 들어갔을 때는 끝까지 스크롤을 피할 수 없었습니다. 그래서 저는 웹의 시작 부분으로 돌아가서 콘텐츠를 읽고 시차 효과를 다시 즐겼습니다. 당신의 생각을 말해 줄 것입니다. 거대한
  4. 소니: 인터넷에서 Parallax의 예를 검색했다면이 페이지를 보셨을 것입니다. 결과가 놀랍기 때문에 논리적입니다. 지금까지 본 효과를 망설임없이 가장 잘 적용했습니다. Sony 웹 사이트
  5. Soleil noir: Cyclemon이 많이 생각 나네요. 그들은 또한 작은 텍스트와 결합 된 삽화입니다. 색상별로 분류 된 사이드 바가 정말 마음에 듭니다. 어떤 섹션 으로든 돌아가거나 이동할 수있는 옵션을 제공합니다. Soleil Noir, 시차 효과가있는 웹
  6. 수상한: 죄송합니다. 잘 모르겠습니다. 어지럽게 만드는 웹 사이트입니다. 요소가 너무 많고 모든 것이 움직이는 느낌이 듭니다.별로 좋아하지 않습니다. 어떻게 생각해? 블루 톤 웹
  7. 길굴: 저는 배경 gif를 좋아했습니다. 나는 그것이 웹에서 말하는 것을 이해하지 못하지만 그것을 좋아합니다. 길굴

코멘트를 남겨주세요

귀하의 이메일 주소는 공개되지 않습니다. 필수 필드가 표시되어 있습니다 *

*

*

  1. 데이터 책임자 : Miguel Ángel Gatón
  2. 데이터의 목적 : 스팸 제어, 댓글 관리.
  3. 합법성 : 귀하의 동의
  4. 데이터 전달 : 법적 의무에 의한 경우를 제외하고 데이터는 제 XNUMX 자에게 전달되지 않습니다.
  5. 데이터 저장소 : Occentus Networks (EU)에서 호스팅하는 데이터베이스
  6. 권리 : 귀하는 언제든지 귀하의 정보를 제한, 복구 및 삭제할 수 있습니다.

  1.   projectycreationweb.com

    Paralax의 기이 한 효과 인 나는 그것을 실행하고 일부 웹 디자인에 포함시키기 위해 그것이 어떻게 달성되는지 배우고 싶습니다.

  2.   루이스 원인

    이러한 디자인을 얻기 위해 어떻게 접근합니까?