룩앤필
룩앤필(Look and Feel)은 디자인의 *시각적 외형(look)*과 *동적인 반응(feel)*을 함께 아우르는 개념이다. 색, 모양, 레이아웃, 글꼴 같은 정적 요소뿐 아니라 버튼, 상자, 메뉴 같은 동적 요소의 동작 방식과 반응 속도까지 포함한다.
두 축
Look — 시각적 정체성
- 컬러 팔레트, 타이포그래피
- 아이콘·일러스트 스타일
- 간격·거터·그리드
- 이미지·텍스처
Feel — 인터랙션의 질감
- 호버/탭/클릭 시의 반응
- 모션과 전환 속도
- 햅틱·소리 피드백
- 제스처의 자연스러움
왜 둘을 묶어서 보는가
아름답지만 눌러도 반응이 없거나 굼뜨면 “싸구려처럼” 느껴진다. 반대로 인터랙션은 쫀쫀하지만 시각이 어수선하면 신뢰가 떨어진다. 사용자는 둘을 나눠서 느끼지 않는다 — 하나의 경험으로 체감한다.
일관성의 중요성
여러 화면·플랫폼을 넘나들어도 “같은 제품이구나”라고 느껴지려면 룩앤필이 일관되어야 한다. 디자인 시스템의 목표가 바로 이 일관된 룩앤필을 대규모로 유지하는 것이다.
룩앤필을 결정하는 요소
- 브랜드 정체성: 전달하려는 느낌 (신뢰/친근/전문)
- 맥락: 업무 도구인지, 엔터테인먼트인지
- 사용자 기대: 해당 도메인의 관습
- 기술 제약: 플랫폼의 기본 UI 패턴