ALL COURSES
L' 자료실 · 활용개념 · 4:37 · 👀 보는 강의
강력 추천
같은 화면, 9가지 기기 — 축소가 아니라 재설계입니다
폰·데스크톱·반응형·태블릿·워치·TV·자동차·키오스크·접근성 모드. 기기가 바뀌면 크기만 바뀌는 게 아니라 보는 거리와 입력 방식과 머무는 시간이 바뀝니다. 무엇을 남기고 무엇을 버릴지가 핵심이고, 접근성 한 장은 실제 수치(대비 4.5:1·터치 44px)를 지켜 만들었습니다.
링크 & 명령어 — 복사해서 쓰세요
- 열기 ↗
UI 스타일 도감 107종 — 전체 보기
leehyeok.com/ui-style
HOW I USE IT
기기가 달라지면 크기만 바뀌는 게 아닙니다. 보는 거리, 입력 방식(손가락·커서·리모컨), 머무는 시간이 함께 바뀝니다. 그래서 같은 화면을 그냥 줄이면 못 쓰는 화면이 됩니다.
실무에서는 기기마다 새로 그리지 않고 밀도를 네 단계(마이크로·컴팩트·노멀·TV)로 정해 두고 갈아 끼웁니다. 새 기기가 나와도 어느 단계에 넣을지만 정하면 됩니다.
접근성 카드 한 장은 흉내가 아니라 실제 수치를 지켰습니다 — 본문 대비 4.5:1 이상, 터치 목표 44px, 포커스 3px. 저시력·키보드 전용 사용자에게는 이게 되느냐가 서비스를 쓸 수 있느냐를 가릅니다.