나 홀로 안드로이드 앱 개발 - Color Tool

 

몇 년전만 해도 나 홀로 앱 개발을 하고 있을 때, 가장 어려웠던 것은 앱 디자인이었습니다.

어떤 색을 선택해야 할지 어떤 아이콘을 써야 할지,  좀 처럼 만만한 일이 없었습니다.

제 아무리 포토샵을 잘 한다고 해도, 아이콘을 직접 그리는 것도 만만치 않은 일이었고,

무료 사이트를 뒤져서 나온 괜찮은 아이콘을 썩 마음에 들지 않더라도 사용하는 것이 다반사였습니다.

 

구글이 이런 저의 마음을 어찌나 잘 알아주었는지 시간이 흐르면서 적당한 기능들을 만들어주고 있습니다.

 

그 첫 번째가 기본이 되는 색을 지정해 놓는 것 입니다.

아래 링크를 확인해 보면, 어떤 색을 지정할 경우, 이 색보다 약간 밝은 색과 약간 어두운 색을 알려줍니다.

https://material.io/resources/color/#!/?view.left=0&view.right=0

Color Tool - Material Design

 

예를 들어, 아래 그림과 같이 붉은 색을 선택했다면,...

 

 

아래와 같이 style.xml 과 color.xml 값을 지정해 놓고 시작하면 좋습니다.

<resources>    
        <!-- style.xml -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <item name="colorPrimary">@color/primaryColor</item>
        <item name="colorPrimaryDark">@color/primaryDarkColor</item>
    </style>
</resources>

<resources>
	<!-- colors.xml -->
    <color name="primaryColor">#b71c1c</color>
    <color name="primaryDarkColor">#7f0000</color>
</resources>