Base Design

[ing03201]

[Description] 디자인 기본 시스템 정리

• 폰트 / 컬러 / dimension 정의

• [ ] FontFamilly 정의

• Font Weight(Bold / Semi Bold / medium)

• Font Familly(현재 System Adaptive)

• [ ] Color Scheme 정의 UI Color Scheme

• material3 theme builder 사용 사진 프레임 color Scheme :question: 배경과 사진삽입부가 정반대의 색깔을 띄어야하므로

• 해당내용은 디자인 구현이 우선이므로 잠시 UI Scheme 임시 차용

• [ ] Dimension.kt 정의 GuideLine 정의

• 키오스크 화면 프레임에 맞게 UI 상하좌우 가이드라인(마진) 비율 설정

• 출력해야할 사진 프레임 aspectRatio 정의

• 촬영 사진 ratio 정의

• 출력 프레임 margin 정의

[ing03201]

primary : #00A3A6 secondary: #7D9595 tertiary: #8092AE error : #FF5449 neutral : #8E9191 neutral variant : #899292

[ing03201]

https://www.figma.com/design/ZUOyYsXdQbUvse1KtTi3wc/Material-Theme-Builder-playground-(Copy)?node-id=0-1&node-type=canvas&t=MRexC9XYVsgKdItL-0

[ing03201]

https://material-foundation.github.io/material-theme-builder/ 여기서 더 쉽게 생성할수있음 바로 Color / theme / font style 모두 가능

[ing03201]

• 사진의 면적은 인화지 크기의 30%
• 사진 비율 3:2(가로:세로) / 준철이 네컷사진 기준
• [ ] 인화지 4컷사진 출력해서 계산해보자

[ing03201]

@fetiu의 제안:

• [ ] 네컷 프레임 컬러 스킴 데이터를 따로 정의하는것이 좋아 보인다.
• [ ] 4x2 배열에 가운데에 절취선 (점선)을 그려주면 4x1 두개로 절단할 때 편할 것 같다.

[fetiu]

배경과 사진삽입부가 정반대의 색깔을 띄어야하므로

예리하긴한데, 사실 이건 디자인적으로 봤을 때는 그냥 사진 삽입부는 투명하게 비워두면 되는 일이기는 함. 그러면 뒷배경 색이 들어오니까? 안드로이드에서 그게 되는지는 나도 모르겠다.

[ing03201]

@fetiu 투명하게 두면 뒷배경이 기기 내 라이트 / 다크모드에 변경되어 뒷배경과 프레임 배경 컬러가 같을때 사진 프레임들이 안보이는 경우가 발생합니다

[fetiu]

@fetiu 투명하게 두면 뒷배경이 기기 내 라이트 / 다크모드에 변경되어 뒷배경과 프레임 배경 컬러가 같을때 사진 프레임들이 안보이는 경우가 발생합니다

사실 의도가 잘 이해는 안갔습니다. 그러면, 사진 삽입부를 투명하게 두지 않고 배경색으로 채우는 경우 프레임컬러와 같은 상황이 안벌어지는건가요?

혹시 배경색에 맞추어 프레임 컬러도 동적으로 변경된다는 의미인가요? 만약 그렇게 구현하는 경우 조금 어색하게 느껴지기는 하네요 🤔 UI테마에 의해서 프레임이 달라진다는게 뭔가 자연스러운 기능은 아닌 것 같아서요. 오해한거면 정정해주세요!