본문 바로가기

Log

DUOTONE 가끔 잊어버려서 메모하는 '듀오톤' 만드는 방법!!!! 듀오톤을 만들려면 그라디언트맵을 사용해야 합니다! 1) 레이어창 바닥에있는 이 아이콘을 클릭! 그러면!아래와 같이 메뉴바가 뜹니다! 2) 메뉴바에서 그레디언트 맵을 클릭!그리고 뜨는창에 원하는 색상값들을 입력하면 아래와 같이 된답니다 쨔라ㅏ라라란! 이제는 까먹지말자!
web typographic tip 1. 글꼴에 내장된 커닝(자간) 사용2. 문장의 최대길이를 정해놓아라3. 가독성을위해 폰트 크기를 너무 키우는건 x4. 텍스트 길이에따라 행간과 여백을 조절하라5. 제목, 본문, 인용구 성격에따라 폰트를 다르게 만들어라
마이뮤직테이스트를 통해 찾아보는 UI 용어 보호되어 있는 글입니다.
FONT 확장자 - OTF / TTF TTF ( true type font ) 주로 일반적인 작업용 폰트. 일반적인 문서작업이나 고화질을 요구하는 인쇄작업이 아닐때 사용됨. 웹 디자인은 ttf 사용. OTF ( open type font ) 고화질 출력용 폰트. 인쇄에 맞게 디자인된 폰트이기 때문에 확대했을 때 표면이 매끄럽지않음. 작은 사이즈에서는 둘 차이가 미미하기때문에 아무거나 써도 상관없음.
typography 구성
9-patch 나인패치 ---9.png 저용량의 안드로이드 비트맵 이미지로 늘어나는 영역을 정의.이미지의 원본을 유지하며 컨텐츠의 크기에 따라 대응해주는 방법. 쉽게 말하자면 일반적인 png 이미지에 늘어날수있는 영역을 지정하는것. 배경에 이미지가 들어가고 그 위에 글씨가 얹어지는 '버튼'과 '타이틀' 부분에 많이 사용됨. 나인패치 이미지 구조 늘어나는 스케일러블 영역과, 텍스트가 채워지는 영역으로 나눠져있음. 만들어 놓은 png 이미지에서 상하좌우를 1px씩 늘린다음 왼쪽과 상단부분에는 스케일러블 영역을 오른쪽과 하단부분에는 텍스트가 채워지는 영역을 표시함 * 다양한 사이즈 변화에도 라운드 각도가 고정됨. * 상하좌우 여백을 벗어나지않으면서 텍스트가 채워짐을 볼수있음. * 나인패치 제작시 늘어나는 영역은 최소 2px 이상 만..
DP 와 DPI 그리고 PX 안드로이드는 다양한.. 해상도와 화면을 지원함.어떤 해상도에서도 같은 크기를 보여주기 위해 dp 단위를 사용. * 디바이스 사이즈는 여기서 확인할수있음. ( https://design.google.com/devices/ ) DP=DIP (Device independent pixel)-DP=PX (density / 160) *160dpi 기준안드로이드에서 사용하는 독립적인 단위. DPI (Dot Per Inch)-1인치당 픽셀 수.물리적 단위인 1inch (=2.54cm)에 몇 픽셀이 들어가는 가를 나타내는 단위.DPI가 높아질수록 밀도가 높아진다. PX-스크린의 실제 픽셀 단위.실제 크기나 밀도와 상관이없으며 mdpi(160dip)에서 1dp=1px이다 DP / PX CONVERTER