[Compose] Design System 구축하기 - 3

[Compose] Design System 구축하기 - 2[Compose] Design System 구축하기 - 1Custom Design System Module를 구축하기 전에 Compose 내 테마 분석을 먼저 진행해보려고 합니다. Jetpack Compose의 테마는 여러 개의 하위 수준 구성과 관련 API로 이루어져 있moondev03.tistory.com이전 글에서는 Compose에서의 Custom DesignSystem에 대해서 정리했습니다.이번 글에서는 정리한 내용을 바탕으로 간단하게 DesignSystem Module를 작성해보려 합니다.  ColorSystem컬러 네이밍 방식에는 크게 3가지의 기본 범주로 나뉜다고 합니다.Definitive naming: 색상 자체를 설명하는 네이밍 (..

• format_list_bulleted [Android - Compose]/Compose Theme
• · 2024. 9. 14.

[Compose] Design System 구축하기 - 2

[Compose] Design System 구축하기 - 1Custom Design System Module를 구축하기 전에 Compose 내 테마 분석을 먼저 진행해보려고 합니다. Jetpack Compose의 테마는 여러 개의 하위 수준 구성과 관련 API로 이루어져 있습니다. 이러한 요소는 MaterialTmoondev03.tistory.com이전 글에 이어서 이번에는 Compose의 맞춤 디자인 시스템에 대해 작성하려고 합니다. Material Design은 구글이 추천하는 안드로이드 디자인 시스템이며, Jetpack Compose는 Material Design의 구현을 제공합니다. 하지만, 이 시스템을 반드시 사용해야 하는 것은 아닙니다. Material은 완전히 공개된 API를 기반으로 만들어졌..

• format_list_bulleted [Android - Compose]/Compose Theme
• · 2024. 9. 14.

[Compose] Design System 구축하기 - 1

Custom Design System Module를 구축하기 전에 Compose 내 테마 분석을 먼저 진행해보려고 합니다. Jetpack Compose의 테마는 여러 개의 하위 수준 구성과 관련 API로 이루어져 있습니다. 이러한 요소는 MaterialTheme의 소스 코드에서 확인할 수 있으며 맞춤 디자인 시스템에 적용할 수도 있습니다. Theme System Class일반적으로 테마는 공통된 시각적 개념과 동작 개념을 그룹화하는 여러 개의 하위 시스템으로 구성됩니다.이러한 시스템은 테마 설정 값이 있는 클래스를 사용하여 모델링할 수 있습니다. 예를 들어 MaterialTheme에는 아래와 같은 시스템들이 존재합니다.- ColorScheme(색상 시스템), - Typography(서체 시스템), - S..

• format_list_bulleted [Android - Compose]/Compose Theme
• · 2024. 9. 14.