설계 기준

UI는 Go 재작성과 함께 OSS Browser를 재설계한 것입니다. Design v2가 시각 및 상호작용 기준입니다. 아래 이미지는 디자인 목업이며 완료된 네이티브 기능의 스크린샷이 아닙니다.

승인된 UI 개편이 아래 배치 세부 사항을 대체합니다. 208px 작업 공간 사이드바, 40px 객체 행, 264px 상세 패널과 별도 전송 페이지를 사용합니다. 원본 이미지는 이전 목업으로 보존합니다.

작업 공간

목표 배치는 네이티브 제목 표시줄, 218px 탐색 사이드바, 경로 및 작업 표시줄, 간결한 객체 행, 280px 상세 패널, 펼칠 수 있는 전송 영역을 사용합니다.

연결 및 설정

공통 디자인 토큰

토큰	밝은 테마 설계
본문	#343942
캔버스	#f4f5f7
구분선	#e3e5e9
주요 동작	#2979ed
선택 배경	#e7effc
컨트롤 모서리 반경	6px
주 화면 설계 크기	1420 × 900
연결 화면 설계 크기	980 × 760
행／헤더 높이	35px / 30px

기반은 시스템 네이티브 글꼴을 사용합니다. 보조 텍스트는 가독성을 위해 더 어둡게 표시합니다. 어두운 테마 색상은 theme.go에 구현하며 플랫폼 배율과 글꼴 메트릭이 네이티브 크기를 결정합니다.

출처와 범위

디자인 소스는 oss-browser-mygo-design 번들의 design-v2 디렉터리에 있으며, 전체 스크린샷은 그 안의 previews/all 디렉터리에 있습니다. 대표 이미지 세 장은 docs/public/design에 등록되어 있어 디자인 번들 없이도 사이트를 빌드할 수 있습니다.

설계에 기록된 업스트림 기준은 aliyun/oss-browser의 922153a이며 MyGo 기준은 0.4.8입니다. 설계 묶음의 장면 카탈로그, 커버리지 표, 네이티브 대응표는 이후 기능 작업의 참고 자료입니다.

프로토타입 데이터, 모의 작업, 브라우저 전용 컨트롤은 실제 제품 동작이 아닙니다. 네이티브 P01, P03, P04는 AccessKey／STS 연결과 탐색을 다룹니다. P06은 펼칠 수 있는 하단 패널에서 설정 가능한 전송 대기열, 영속 파일 전송 복구, 방향 필터를 제공합니다. 패널을 숨겨도 전송은 멈추지 않습니다. 연결 페이지는 별도 980 × 760 배치와 224px 저장된 연결 사이드바를 사용합니다. 작업 공간은 56px 제목 표시줄, 46px 탐색 및 작업 표시줄, 35px 교차 배경 표 행, 280px 상세 패널을 사용합니다. 객체 도구는 미리 보기, 메타데이터, ACL, 공유, 변경 확인에 네이티브 대화상자를 사용합니다. 고급 장면 그룹도 실제 서비스 어댑터와 크기가 제한된 목록／그리드／상세 썸네일을 갖춘 네이티브 진입점을 제공합니다.검토 후속 작업은 독립 자동 저장 설정, 객체 상세, 구조화된 메타데이터, 저장 시 편집 가능한 Diff, 확인과 일괄 결과, 원본 변경 복구, RAM 결과, 진단 제어, 자동 업데이트 다운로드 준비 등 아홉 그룹의 완료를 기록합니다.110개 장면 기록은 구현, UI 고정 데이터, 서비스 테스트, 미완료 실제 환경 검증을 구분합니다. 정확한 시각적 일치 여부는 네이티브 배치와 플랫폼 검토가 필요합니다.