AI 분석
흰 캔버스와 어두운 크롬을 대비시키고 우측에 고밀도 속성 패널을 붙인 편집기 화면이다.
어두운 앱 크롬 위에 흰 캔버스를 놓고 우측에 폭이 좁은 속성 인스펙터를 붙인 2분할 편집기 화면이다. 인스펙터는 위치·오토 레이아웃·외형·채우기·선·효과·선택 색상을 섹션 헤더와 얇은 구분선으로 나누고, 작은 아이콘 토글과 수치 입력 필드를 2열로 촘촘히 배치한다. 캔버스 중앙에는 모서리 반경이 큰 흰색 버튼형 요소가 선택 상태로 놓여 파란 선택 핸들과 치수 배지가 함께 표시되고, 화면 하단에는 알약 형태의 플로팅 툴바가 떠 있다. 프레임이 진행되면서 선 속성을 끄자 치수 배지의 숫자와 요소의 실제 크기가 같이 줄어드는 변화가 관찰된다. 좁은 폭에 많은 속성을 담는 인스펙터의 정보 계층과 다크 편집기 UI의 명암 대비 설계를 참고하기 좋다.
dark-mode · minimal · high-contrast · techy
claude-opus-5 · 2026-09-07 15:54 · 신뢰도 0.78
