애니메이션 favicon.ico가 나쁜 생각입니까? 거기에 animated favicon.ico의 멋진 사용법이 있습니까?


20

html-kit.com을favicon.ico 사용하여 생성 할 때마다 애니메이션 버전을 얻을 수있는 옵션을 제공합니다. 나는 애니메이션 파비콘을 사용한 적이 없지만 "시각적으로 시끄럽다"는 것 외에는 그것이 나쁜 생각 인 이유가 있습니까?

애니메이션 파비콘의 창의적이거나 재미있는 사용법이 있습니까?

편집 분명히, 애니메이션 버전 html-kit이 제공하는 GIF는 메타 태그를 사용하여 가리킬 수있는 GIF입니다. favicon.ico 이미지 형식이 애니메이션을 지원한다는 것을 암시합니다!


애니메이션을 지원하는 .ico 파일조차 몰랐습니다.
mmyers

1
도! mmyers에게 감사합니다. html-kit은 GIF를 제공합니다. 메타 태그를 사용하여 gif 버전을 가리킬 수 있습니다.
artlung

답변:


20

하지 마십시오 . 사용자 동의없이 콘텐츠를 이동하던 시절은 끝났습니다. 실제로 스플래시 페이지 나 자동 재생 비디오를 사용하지 마십시오.

사용자는 효과를위한 액션을 만들어야합니다.

그러나 마일리지는 다를 수 있습니다. 그러한 참신한 디자인이 있습니다. 이것이 스플래시 페이지가 과거에 작동 한 이유입니다. 그냥 해야 당신이하는 일은 사용자 경험에 추가 뿐만 아니라 당신.


이 의견은 웹 커뮤니티에서 시끄러운 플래시 애니메이션의 시간과 파급 효과에 대해 의미가 있지만 오늘날 그물 전체에 나타나는 현재 추세로 인해 의견이 더 잘못 될 수는 없습니다. 2018 년 Html5 및 SVG 캔버스 애니메이션은 인터넷에서 가장 존경받는 웹 디자인 중 일부에서 선두를 차지하고 있습니다.
Patrick


6

두 가지 문제가 있습니다. 첫 번째는 사용자가 일반적으로 로딩 파비콘 애니메이션을보고 애니메이션을 브라우저 로딩과 자연스럽게 연결하기 때문에 웹 사이트가로드가 완료되지 않은 것처럼 보이게한다는 것입니다. 두 번째 문제는 애니메이션 파비콘이 사용자의주의를 산만하게한다는 것입니다. 8 개의 탭이 열려 있고 각각 작은 애니메이션을 표시한다고 상상해보십시오.

일반적으로 애니메이션 된 즐겨 찾기 아이콘은 페이지의 UX를 낮추지 만 간단하고 설명적인 정적 아이콘은 항상 유용합니다.


4

W3C의 Accesibility Guideline에 유의하십시오

지침 2.3은 발작을 일으키는 것으로 알려진 방식으로 콘텐츠를 디자인하지 말 것을 요구합니다. "웹 페이지에 1 초 동안 3 번 이상 깜박이는 것이 포함되어 있지 않거나 플래시가 일반 플래시 및 적색 플래시 임계 값보다 낮습니다. (레벨 A) "

참조 http://www.w3.org/TR/WCAG20/#seizure를


2

나는 애니메이션 favicon이 다른 모든 애니메이션 과 같다고 생각합니다 GIFs. 그러나 실제로 시각적으로 성 가실 수 있으므로 과다 사용하지 마십시오!


0

웹 페이지의 애니메이션 GIF와 달리 즐겨 찾기 아이콘 GIF는 ESC 키로 중지 할 수 없습니다. 그것은 무한정 계속 진행될 것이며, 그것은 당신의 방문자 중 일부를 쫓아 낼 것입니다.


이 주장에 대한 증거가 있습니까? 당신은 옳을 지 모르지만 증거는 그 주장을 믿을만한 것으로 만들 것입니다. 댓글 주셔서 감사합니다!
artlung

1
어, 사용 해봐? ESC를 눌러도 파비콘 애니메이션이 멈추지 않음을 확인할 수있는 이 파비콘 게임에 닉이 링크되었습니다 .
Torben Gundtofte-Bruun

그 주장은 괜찮습니다 ... 이것은 "도움이 필요한 일부 방문자를 쫓아 갈 것"입니다.
artlung

@ TorbenGundtofte-Bruun이 게임은 PNG를 JavaScript를 사용하여 애니메이션 프레임으로 사용하므로 GIF에 대해서는 아무 것도 증명하지 않습니다. GIF에 관한 주장은 정확하지만 소스는 유효하지 않습니다.
depquid

1
또한 FWIW, Firefox에서는 더 이상 ESC를 사용하여 GIF를 중지 할 수 없습니다.
depquid
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.