Figmapedia
목록으로 돌아가기
데일리콘텐츠

반응형 vs 적응형

피그마 튜터2024. 5. 3.
  • 반응형 디자인 (Fluid 디자인)
    • 하나의 디자인이 정해놓은 해상도 기준(브레이크 포인트)에 따라 레이아웃, 너비 등이 유연하게 대응되는 방식
    • 보통 브레이크 포인트를 설정하고 웹, 태블릿, 모바일 3종을 작업합니다.
    • 장점: 일관된 사용자 경험, 최소한의 유지보수, SEO최적화
    • 단점: 적응형과 비교했을 때 상대적으로 느린 로딩 속도
  • 적응형 디자인 (Adaptive 디자인)
    • Web, Table, Mobile등 디자인을 잡고유저가 사용하는 디바이스에 따라 해당하는 디자인 노출
    • 장점: 빠른 로딩 속도, 디바이스별  디자인 최적화
    • 단점: 유지보수에 많은 에너지가 소모됨 (너무 다양한 레이아웃과 디자인)