Edge Animation에서 적용 할 웹 디자인 동향 - Adobe Edge Animate를 사용하여

Adobe Edge Animate를 사용하여 여기에 나열된 모든 디자인 동향을 만들 수 있습니다. 여기에 제시된 웹 디자인 동향은 대부분 새로운 코딩 기술뿐만 아니라 관객이 관여하는 방식으로 사이트와 상호 작용할 수있는 새로운 방법을 나타냅니다. 잠재 고객의 관심을 끌고 웹 디자인에 관심을 갖게되면 잠재 고객을 확보하는 것이 좋습니다.

더 많은 이미지와 일러스트레이션

당신은 피곤하고 텍스트의 벽을 보면서 지루합니까? 모든 작은 이미지와 아이콘이 약간 날짜가 표시되기 시작합니까? 단색 배경색이 하품합니까? 그렇게 느낀다면 잠재 고객이 같은 방식으로 느낄 가능성이 큽니다.

사이트에 이미지와 일러스트레이션을 추가하면 웹 디자인을 크게 향상시킬 수 있습니다. 사이트를 최신 모양으로 보이게하려면 흰색, 회색 또는 검은 색 배경 대신 미묘한 배경 이미지를 추가하십시오.

Animate 컴포지션과 함께 사용하기 위해 이미지를 손쉽게 가져올 수 있으며 애니메이션 구성 작업 방법도 있습니다. 백그라운드에서 이미지를 사용하는 방법과 이미지에 div 태그와 img 태그를 사용하는 것의 차이점을 발견하십시오. 이미지에 대한 레이아웃 사전 설정을 설정할 수 있습니다.

수평 스크롤링

수평 스크롤링을 사용하여 웹 디자인을 만들면 거의 용납 될 수없는 용기가 생길 수 있습니다. 그렇다고해서 이전에 효과가 없었던 것은 아닙니다. "위대한 수평 웹 사이트"에 대한 간단한 웹 검색은 당신을 실망시키지 않습니다. 가로 스크롤을 사용하여 큰 효과를 발휘하는 예술 사이트, 갤러리 및 크리에이티브 사이트의 많은 훌륭한 예를 찾을 수 있습니다.

수직 스크롤링

수평 스크롤링의 반대 방향은 수직 스크롤링뿐입니다. 세로로 스크롤하는 것은 지난 몇 년 동안 인기있는 웹 디자인 트렌드 였지만, 지난 1 ~ 2 년 동안 크게 과장되었습니다.

많은 사이트에서 끝없이 펼쳐지는 세로 스크롤 기술을 사용하여 사용자를 페이지에서 계속 지켜줍니다. 이 끊이지 않는 프리젠 테이션 스타일은 지속적으로 더 많은 콘텐츠를 검색하는 데 관심을 갖도록 설계되었습니다.

고정 헤더

끊임없는 수직 스크롤 방법을 사용하여 애니메이션 웹 페이지를 디자인하려는 경우

고정 헤더 를 사이트에 추가하는 것이 좋습니다. 고정 머리글은 페이지 상단에 있으며 사용자가 페이지를 아래로 스크롤 할 때 볼 수있는 탐색 메뉴입니다. 이 기능을 사용하면 잠재 고객이 사이트의 다른 부분으로 빠르게 이동할 수 있으며 언제 어디서나 알 수 있습니다.

고정 머리글은 사용자가 메뉴를 찾기 위해 페이지 맨 위로 다시 스크롤 할 필요가 없기 때문에 잠재 고객이 이해할 수있는 편의입니다. 사용자의 편의를 염두에 두는 기능으로 인해 잠재 고객이 사이트를 오랜 기간 동안 유지할 수 있습니다.

크리에이티브 네비게이션

네비게이션으로 창의력을 발휘하려면 웹 디자인에서 더 많은 일러스트레이션과 이미지를 사용하는 것이 좋습니다. 기본 텍스트 메뉴 대신 이미지를 사용하여 링크를 나타냅니다. 사용자가 이미지를 클릭하여 사이트를 탐색 할 수 있다는 것을 알게되면 사이트의 비정상적인 장소에서 링크를 찾는 것이 더 편하게됩니다.

이런 종류의 상호 작용은 귀하의 사이트에서

부활절 달걀 을 만들 수있는 기회를 열어줍니다. 이 컨텍스트에서 부활절 달걀은 겉보기에 숨겨진 콘텐츠를 나타내며, 사용자가 우연히 발견하고 잠재 고객을 놀라게 할 수 있습니다. 이미지 또는 아이콘이 링크임을 잠재 고객에게 보여줄 수있는 좋은 방법은 애니메이션에서 커서 속성 기능을 사용하는 것입니다. 잠재 고객이 링크 된 이미지 위로 마우스 포인터를 가져 가면 커서가 포인터에서 손으로 바뀌어 링크를 나타낼 수 있습니다.

스토리 텔링

누구나 매력적인 이야기를 좋아합니다. 따라서 관객에게 매력적인 이야기를 전하는 사이트 나 애니메이션을 디자인하는 것이 어떻습니까? 음식의 이미지와 재료 설명 만 표시하는 기본 레스토랑 웹 사이트를 만드는 대신 환상적인 배경 이야기를 만들어보십시오.

지역 유기농, 농장에서 자라는 지속 가능한 선량으로 최고의 요리를 나열하는 것 외에도 메인 코스와 디저트 사이에 약혼 한 부부에 대한 이야기를 추가하지 않으시겠습니까? 상승하는 거품으로 완성되는 샴페인 플루트에 떨어지는 고리 애니메이션을 추가 할 수 있습니다.

사이트 방문자가 레스토랑 사이트에 도착했을 때 좋은 식사를 원했지만 다른 테이블에서 계속 진행되는 일에 대해 자세히 알기 위해 계속 머물러 있습니다. 스토리 텔링 웹 사이트 애니메이션은 프리젠 테이션을 향상시킬뿐만 아니라 방문객의 삶의 경험과도 연결할 수 있습니다.

한 페이지 내에서 탐색

브로셔 사이트 로 알려진 한 페이지 웹 사이트가 다시 돌아오고 있습니다. 여러 페이지를 표시 할 수있는 단일 페이지에서 잠재 고객을 유지함으로써 스크롤 추세를 활용할 수 있습니다. 무언가를 찾으려고 다른 페이지를 클릭하는 대신, 잠재 고객은 콘텐츠를 진행하면서 사이트를 스크롤 할 수 있습니다. 이미지로 제공되는 링크는 잠재 고객이 원하는 것을 알 때 즉시 사이트의 특정 장소로 바로 이동할 수 있습니다.

이 섹션에서 설명한대로 사이트를 만들면 정보 스크롤, 더 많은 이미지 사용 및 창의적인 탐색 구현과 같은 몇 가지 현재 웹 디자인 트렌드를 실제로 활용할 수 있습니다.

Flash에서 이동

Adobe 플래시는 한때 미래의 물결 이었지만 그 물결은 해변에서 부서졌고 새로운 물결이 굴러 들어 왔습니다.Flash가 이전에는 애니메이션 및 웹 사이트를 제작할 때 주로 사용되었던 도구 였지만 그 도구의 전성기는 이미 지나갔습니다.

Adobe Edge Animate는 Flash를 완전히 대체 할 준비가되지 않았지만이를 수행하는 중입니다. 결국 iPhone 및 iPad와 같은 i- 기기에서 플래시를 볼 수 없으며 가장 인기있는 휴대 기기 중 일부에서 손상된 것으로 보이는 콘텐츠를 만들고 싶은 사람이 있습니까?

HTML5, CSS3 및 JavaScript

웹 디자인 및 코딩 기술의 세계는 끊임없이 진화하고 있습니다. 코드의 큰 트렌드는 HTML5와 CSS3뿐입니다.이 경향은 점차 Web-o-Sphere에 깊이 뿌리 내리게 될 것입니다. Google 크롬은 Firefox와 Safari를 함께 사용하여 최신 표준을 구현하는 데 앞장서고 있습니다.

인터넷 익스플로러 (Internet Explorer) - 현재 파티에 약간 늦게 나타 났지만 마이크로 소프트는 브라우저 속도를 맞추기 위해 브라우저를 업데이트하고 있습니다.

하위 레벨 스테이지와 Edge Animate에서 제공하는 다양한 웹 게시 옵션을 사용하여 이전 버전의 Internet Explorer에서 애니메이션이 손상되는 것을 방지 할 수 있습니다. 이러한 점에서 단순히 Adobe Edge Animate를 사용하는 것이 웹 디자인 트렌드 그 자체라고 할 수 있습니다!

반응 형 웹 디자인