SVG 기술은 모든 프론트 엔드 개발자 툴킷의 필수 요소가되었습니다. SVG는 여러 HTTP 요청의 필요성을 줄이고 여러 뷰포트로 쉽게 확장 할 수있는 뛰어난 지원, 해상도 및 확장 가능한 이미지를 제공합니다. SVG로 작업 할 수 있어야합니다.하지만 뒤처져있는 경우 Google에서 지원하므로 걱정하지 마십시오.
7 월의 Generate San Francisco의이 비디오에서 Sarah Drasner는 복잡한 SVG 애니메이션을 만드는 기술을 설명합니다. 그녀가 이야기에서 지적했듯이 애니메이션은 의미를 전달하는 강력한 방법입니다. 이를 사용하여 사용자를 안내하고인지 된 대기 시간을 줄일 수 있으며 올바르게 구축하면 유용하고 성능이 향상 될 수 있습니다.
기본적으로 디자인에 애니메이션을 사용하지 않는 경우 웹을 최대한 활용하지 않는 것입니다. 여기서 그녀는 데이터 시각화와 같은 실용적인 것부터 놀라운 것까지 벡터를 조작하는 몇 가지 창의적인 기술을 안내합니다. 모핑 데이터 경로, 필터 및 기술을 결합하여 다른 세계 효과를 만드는 가능성을 사용하는 효과.
45 분의 여유 시간이 있다면 SVG에서 접지를 선택할 수있는 완벽한 기회입니다. 더 많은 일을하고 싶다면 다가오는 Generate 컨퍼런스에 참석하여 최고의 비즈니스 전문가로부터 배우십시오.
9 월 5 일 Generate Sydney에서 Val Head는 자신의 강연 인 Motion in design systems에서 인터페이스 애니메이션 기술에 대해 논의 할 예정입니다. 그녀는 디자인 시스템에 통합되는보다 효과적인 애니메이션을 만들기 위해 웹 애니메이션 작업을 위에서 아래로 디자인하고 안무하는 것의 중요성과 브랜드를위한 모션 언어를 정의해야하는 필요성을 다룰 것입니다. 팀이 일할 공유 비전을 개발하도록 도와줍니다.
그게 다가 아닙니다. 간단히 말해서 Val의 강연은 웹 애니메이션이 귀하와 귀하의 팀을 위해 작동하도록 만드는 데 필요한 모든 사항을 안내합니다. Generate Sydney까지 얼마 남지 않았지만 티켓을 구매할 시간이 아직 남아 있습니다. 지금 예약!
이달 말 Generate London에서 Nadieh Bremer의 강연 (단순한 모양을 넘어선 SVG)에서는 그라디언트와 필터를 사용하여 데이터 시각화를 더욱 재미 있고 흥미롭게 만드는 데이터 시각화를 만드는 데 SVG를 한 단계 더 발전시킬 수있는 방법을 살펴 봅니다.
그녀는 JavaScript, CSS 및 D3.js를 사용하여 기술을 구현하는 방법을 보여주고 무지개, 데이터를 기반으로 한 움직이는 동적 SVG 그래디언트부터 빛나고 끈적 끈적한 및 빛을 만드는 SVG 필터에 이르기까지 모든 것을 만드는 방법을 보여줍니다. 모든 시각을 밝게하는 퍼지 효과. SVG를 사용하여 도형을 만드는 기본 사항을 넘어서지 않았다면이 세션에서 실제로 그 가능성에 눈을 뜨게 될 것입니다.
Generate London은 9 월 21 일부터 23 일까지 개최되며, 이틀 간의 회의에 앞서 심층 워크샵이 진행됩니다. 지금 티켓을 예약하세요.