Studio Doit · Interface study 02

Doit Cut.

작품의 비율, d의 안쪽 공간, 선택하는 손의 움직임.
스튜디오두잇의 사진을 위한 인터페이스.

사진은 그대로.
표현은 두잇답게.

대각선 화살표와 반복 장식선을 걷어내고, 프레임의 2:3 비율과 d의 안쪽 공간에서 가져온 형태를 사용합니다. 서체는 한 계열로 정돈하고, 무게와 크기·간격으로 역할을 구분합니다. 기존 사진과 화면 구성, 탐색 방식은 유지합니다.

00

Studio Doit, in outline.

Primary / Paper
Primary / Dark
Monogram
Wordmark / 100px

기존 d와 작은 점을 바탕으로 글자의 곡선·두께·간격을 정돈했습니다. 로고는 모두 벡터 경로입니다. 최소 너비는 워드마크 82px, STUDIO 조합 164px, 모노그램 24px입니다. 사방에 글자 기둥 두께만큼 여백을 둡니다.

01

형태와 동작

그리드gridSVG
콘택트시트sheetSVG
한 장씩focusSVG
목록listSVG
열기enterSVG
사진 확대inspectSVG
펼치기expandSVG
닫기closeSVG
다음 사진nextSVG
이전 사진previousSVG
추가moreSVG
축소lessSVG
16px
20px
24px
32px

API 생성 시트의 절개 프레임을 바탕으로 아이콘 12종을 24단위 SVG 경로로 다시 그렸습니다. 열기는 d, 닫기는 X로 구분하고 콘택트시트는 여러 컷의 배열로 표현합니다. 방향 화살표는 이전·다음처럼 방향 안내가 필요한 탐색에 사용합니다. 아이콘 옆에는 실제 행동을 나타내는 이름을 둡니다.

02

선택과 문의

사진 보는 방식

바깥 테두리 대신 선택된 이름의 무게와 작은 표식으로 현재 상태를 구분합니다.

촬영 문의

촬영 의뢰대관 안내

문의는 프레임의 오른쪽 위를 절개한 실루엣을 사용합니다. 아이콘 이동이나 과한 확대 대신 색과 안쪽 표식만 반응합니다.

03

글자의 역할

Project / 44–66Singles.
Section / 23–29촬영을 위한 준비.
Body / 14–16

사진을 살펴보고, 다음 촬영의 방향을 함께 이야기해 주세요.

Label / 12–13

Beauty · 12 photographs

Archivo 가변 서체와 기존 한글 서체를 사용합니다. 전용 조판 규칙이며 새로 만든 폰트라고 부르지 않습니다. 헤더·작품명·본문에 다른 서체를 섞지 않고, 숫자는 같은 폭으로 맞춥니다.

04

조작의 기본

입력

비활성 상태

48px 조작 영역, 보이는 키보드 초점, 색 외의 선택 표시를 유지합니다. 움직임 축소 설정에서는 장식 전환을 멈춥니다.