[android] 색상과 타이포그래피로 Material Design 구현하기

<color name="primaryColor">#3F51B5</color>
<color name="primaryLightColor">#C5CAE9</color>
<color name="primaryDarkColor">#303F9F</color>
<color name="accentColor">#FF4081</color>

색상 활용

뷰나 위젯에 선택한 색상을 적용하여 일관된 디자인을 구현합니다.

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Hello, Material Design!"
    android:textColor="@color/primaryColor" />

타이포그래피 구현하기

폰트 선택

Material Design에서 권장하는 폰트를 선택하여 프로젝트에 추가합니다.

텍스트 스타일 정의

res/values/styles.xml 파일에 텍스트 스타일을 정의합니다.

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="android:fontFamily">@font/roboto</item>
</style>

텍스트 스타일 적용

원하는 뷰에 적절한 텍스트 스타일을 적용합니다.

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Hello, Material Design!"
    style="@style/AppTheme" />

결론

Material Design의 색상과 타이포그래피를 안드로이드 앱에 구현하는 방법을 알아보았습니다. 일관된 디자인을 유지하면서 사용자 경험을 향상시킬 수 있습니다.

이제 안드로이드 앱을 디자인할 때 Material Design의 색상과 타이포그래피를 구현하는 방법을 알게 되었습니다. 구글의 Material Design 가이드를 참고하여 앱을 더 효과적으로 디자인할 수 있습니다.