디자인 아틀라스◌로더·로딩 갤러리
점 세 개, 링, 바, 펄스, 모핑 — 이름이 붙은 로딩 애니메이션 모음과 언제 무엇을 쓰는지. — 20개 항목
점 세 개 로더Three Dots
점 세 개가 순서대로 밝아졌다 사라지길 반복하는, 가장 흔한 비확정적 대기 표시.
통통 튀는 점Bouncing Dots
점들이 순서대로 위로 튀어 올랐다 내려오는, 리듬감을 강조한 대기 표시.
링 스피너Spinner Ring
원의 한쪽 테두리만 다른 색으로 칠해 계속 돌리는, 가장 단순한 회전형 로더.
이중 링Dual Ring
서로 반대 방향으로 도는 두 겹의 링으로, 홑겹 스피너보다 역동적인 인상을 주는 로더.
호 스피너Arc Spinner
원의 일부(호)만 그려서 그 길이와 회전이 함께 바뀌며 도는, 머티리얼 디자인식 로더.
바 로더Bar Loader
트랙 안에서 짧은 블록이 좌우로 오가며, 진행률을 알 수 없는 대기를 알리는 로더.
비확정 진행바Indeterminate Bar
두 개의 막대가 서로 다른 타이밍으로 늘었다 줄며 끊김 없이 흐르는, 가장 흔한 상단 로딩 바.
펄스 로더Pulse Loader
하나의 점이 커지며 옅어지길 반복해, 심장박동처럼 "살아있음"을 알리는 로더.
리플 로더Ripple Loader
테두리만 있는 원이 물결처럼 겹쳐 퍼져나가며 사라지는, 파문 형태의 비확정적 로더.
웨이브 바Wave Bars
여러 개의 막대가 같은 리듬으로 높낮이를 이어가며, 물결처럼 흐르는 비확정적 로더.
이퀄라이저 로더Equalizer Loader
음악 재생기의 이퀄라이저처럼, 막대마다 다른 리듬으로 불규칙하게 튀어 오르는 로더.
그리드 로더Grid Loader
격자로 배열된 칸들이 대각선 방향으로 순서대로 켜졌다 꺼지는 비확정적 로더.
궤도 로더Orbit Loader
작은 점들이 위성처럼 중심을 도는 궤도를 그리며 회전하는 비확정적 로더.
뒤집히는 정사각형Flip Square
정사각형이 축을 따라 뒤집히길 반복하며 리듬 있게 대기를 알리는 로더.
모핑 로더Morphing Loader
하나의 도형이 원, 사각형, 물방울 모양 사이를 부드럽게 오가며 변하는 비확정적 로더.
모래시계Hourglass
모래시계처럼 일정 시간마다 뒤집히며, 오래 걸리는 작업의 리듬을 은유하는 로더.
프로그레스 링Progress Ring
원형 테두리가 채워지는 정도로 정확한 진행률(%)을 보여주는 확정적 로더.
타이핑 로더Typing Loader
글자가 한 자씩 입력되는 것처럼 타이핑되고 커서가 깜빡이는, 텍스트 처리 중 로더.
도트 매트릭스 로더Dot Matrix Loader
원 둘레에 점을 늘어놓고 밝기를 순서대로 옮겨가며, 회전 없이도 도는 것처럼 보이는 로더.
로고 로더Logo Loader
가상의 브랜드 마크가 선을 따라 스스로 그려졌다가 채워지는, 브랜드 인지를 겸하는 로더.