드디어 누군가 '고급스러운 느낌 (High-end feel)'을 구체화하는 작업에 착수했습니다!

어떤 이가 인터페이스의 '고급스러운 느낌'을 19가지 실행 가능한 규칙으로 나누었습니다.

이 오픈소스 Skill의 이름은 Make Interfaces Feel Better이며, 핵심 관점은 매우 직설적입니다: 훌륭한 인터페이스는 한두 개의 눈에 띄는 포인트가 아니라, 수많은 작은 디테일들이 쌓여 만들어지는 복리 효과라는 것입니다.

이것은 곡률 매칭 (Corner radius matching), 그림자 계층 (Shadow hierarchy), 애니메이션 중단 가능성 (Animation interruptibility), 아이콘 두께, 클릭 히트 영역 (Clickable hot zone) 등 평소에 놓치기 쉬운 점들을 모두 검토 가능한 규칙으로 정량화했습니다.

더 실용적인 점은, 수정 작업 시 반드시 프로젝트의 기존 스타일 시스템 (Style system)을 사용하여 표현해야 하며, 미화를 위해 별도의 체계를 새로 만들어서는 안 된다고 요구한다는 것입니다. 검토 시에는 애니메이션을 10% 속도로 느리게 재생하며 모든 상호작용 상태 (Interaction states)를 순회할 것을 요구하는데, 느린 속도에서 느낌이 이상하다면 일반 속도에서도 대개 문제가 있습니다.

주소는 댓글창을 확인하세요👇