인터페이스 판단과 검토 기준 - Jakub Krehel
출처
- 원천 입구: Jakub의 Skills
- 원문 저장소: jakubkrehel/skills
- 작성자: Jakub Krehel
- 요약 작성자: Codex
- 게시일: 지속 갱신 자료이며 최초 게시일은 확인하지 않았다.
- 확인일: 2026-09-12
내 말로 요약
인터페이스를 배치·글자·문구·색상·접근성 등으로 나누어, 문제의 원인과 사용자 영향을 설명하는 판단 자료다. 기존 제품의 용어·밀도·토큰을 먼저 읽고, 같은 역할이 같은 규칙을 사용하는지 확인한다. 간격과 정렬은 정보의 관계를 드러내며, 문구는 행동과 복구 방법을 알려야 한다. 실제 컴포넌트에 도달할 수 있는 내용·상태만 골라 렌더링하면 코드에서 예상한 문제와 화면에서 관찰한 문제를 구분할 수 있다.
다시 방문할 부분
- better-interface: 검토 영역을 고르고 원인·영향으로 판단을 설명할 때.
- better-layout: 그룹 간격·공유 정렬선·내용에 따른 반응형 전환을 검토할 때.
- better-typography: 글자 역할·줄 길이·숫자 정렬·잘림을 검토할 때.
- better-writing: 행동 이름·오류 복구·빈 상태·켜짐 상태의 설정 문구를 정할 때.
- better-colors: 색상 역할·토큰 재사용·실제 배경과의 대비를 확인할 때.
- better-accessibility: 키보드·포커스·접근 가능한 이름·동작 감소를 검토할 때.
- better-ui: 모서리·그림자·상태 피드백의 세부 표현을 검토할 때.
- break: 실제 컴포넌트에 가능한 내용과 상태를 넣어 견고함을 확인할 때.
적용과 확인 경계
픽셀 수치와 비율은 저자의 출발점이며 기존 제품의 밀도·플랫폼·지원 조건과 함께 판단한다. 대비는 실제 전경·배경 쌍을 측정한다. 원문이 요구하는 보고 형식이나 실행 순서는 이 Vault의 공통 작업 지침으로 채택하지 않았다. 원문과 요약의 대조는 해당 조언의 보편적 정확성이나 DanzzaN의 미적 선호를 검증한 것이 아니다.