http://developer.android.com/preview/material/index.html

에 나온 내용들을 중심으로, 디자이너들이 알아두면 좋을 내용들을 추려본다.


* The Android L Developer Preview supports drawable tinting: you can define bitmaps as an alpha mask and tint them using a color resource. You create these assets only once and color each instance to match your theme. Drawables also now support specifying most XML properties as theme attributes.
Tinting을 위한 컬러 리소스로 비트맵 이미지를 활용할 수 있게 됐다. 기존에는 컬러값을 코드로 지정하고, 그것을 불러다 사용했는데, 이제 비트맵 이미지에 투명도나 컬러를 입혀서 그걸 가지고 Tinting 작업을 할 수 있다(전체적인 브랜드 컬러를 유지하는게 가능). 옐로우톤으로 유지하던 전체 디자인을 비트맵 이미지 하나 바꿈으로써 그린톤으로 바꿔버릴 수 있다는 얘기.

*Bitmap -> Primary color libraryThe Android L Developer Preview Support Library includes a color extraction library that lets you automatically extract prominent colors from a bitmap image.
예전에 어떤 앱에서, 앨범아트의 가장 주된 색상을 뽑아다가 앨범 제목 텍스트에 입히는 것을 보았는데, 대략 그런 내용이다. 비트맵이미지에서 가장 대표적인 색을 하나 뽑아내주는 라이브러리가 탑재됐단 얘기. 

* Specify the elevation of your views to cast appropriate shadows.
material 디자인에 깊이(depth 라고 쓰지만 정확하게는 높이가 더 맞지 싶다?)개념이 들어왔다는 얘기는 익히 도는 소문대로. 근데 이 깊이를 지정하면 그림자 모양이 조금씩 달라져서, 화면에서 멀고 가깝고의 느낌이 달라짐.

*Rounded corner

<shape xmlns:android="http://schemas.android.com/apk/res/android"       android:shape="rectangle">    <solid android:color="#42000000" />    <corners android:radius="5dp" /></shape>

css의 border-radius 처럼 Round corner 값을 지원(이건 이미 있었음).


*outline
You can also create outlines in your code using the methods in the Outline class, and you can assign them to views with the View.setOutline method.
역시 css의 border  속성처럼 outline 도 지원하기 시작한다는 거. 

이렇게되면, 왠만한 카드타입, 박스타입의 디자인들은 비트맵으로 구성된 나인패치 없이도 그려낼 수 있게 됨. css의 초기버전쯤 지원한다는 얘기?

*Cliping views
Clip a view to its outline area using the View.setClipToOutline method (round, rounded rect)
이미지 클리핑 역시 지원되는데, 사각형(이걸 클립핑이라고 봐야하나?), 원형, 둥근모서리 사각형 등등을 지원한다고 함.


저작자 표시 비영리 변경 금지
신고