공부하고 또 공부하는

나인패치(Nine Patch) 이미지란? ​ ​ 나인 패치는 안드로이드, iOS에서 이미지 리소스의 크기를 줄이기 위해서 꼭 필요한 절차입니다. 각 DP 별로 밀도와 크기가 모두 다르니 다른 이미지를 저장해주어야 하는데, 나인 패치를 이용하면 시스템 용량을 줄이고 하나의 이미지를 다양하게 사용할 수 있습니다. ​ 나인 패치는 쉽게 말해, 이미지를 9분할 하여 늘어나도 괜찮은 영역과 늘어났을 때 깨지는 부분을 구분해 저장하는 방식입니다. 이때 이미지 확장자는. 9.png가 됩니다. ​ 이걸 도표로 하면 이렇습니다. 모서리 부분은 늘어났을 때 깨지니, 늘어나지 않는 부분으로 적용해 주는 거죠. 버튼 UI나 타이틀 이미지 같은 곳에 많이 씁니다. 안드로이드는 기본적으로 이미지뷰를 할당한 뒤 이미지를 넣게 되면..

[개요] CSS 선택자에서도 AND 나 OR 과 같은 선택자를 비슷하게 사용할 수 있습니다. 태그이름#아이디 { 속성1:속성값; 속성2:속성값; } 태그이름.클래스명 { 속성1:속성값; 속성2:속성값; } .클래스명#아이디 { 속성1:속성값; 속성2:속성값; } 선택자 사이에 공백이 제거되는 경우 여러 선택자를 동시에 만족하는 태그에 스타일을 적용할 수 있습니다.(AND 연산) #아이디, .클래스명{ 속성1:속성값; 속성2:속성값; } 태그이름, .클래스명{ 속성1:속성값; 속성2:속성값; } 쉼표(,)를 통해 두 선택자 중 하나라도 만족시 적용되는 조건을 만들 수도 있습니다.(OR 연산) [사용법] div#m_box{ width:500px; height:150px; } div.box{ backgroun..

1. Google(구글) - www.google.co.kr Google www.google.co.kr #설정을 통해 무료 이미지 검색 가능 2. Unsplash(언스플레쉬) - http://unsplash.com Beautiful Free Images & Pictures | Unsplash Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos. unsplash.com #디자인시안 작업 시 유용한 사이트 3. Pixabay - https;//pixabay.com/ko/ #가장 대중적으로 알려진 무료 이미지 사이트 4. 모그파일(Morgu..

스큐어모피즘(skeuomorphism) 또는 스큐어모프(skeuomorph)란 대상을 원래 그대로의 모습으로 사실적으로 표현하는 디자인 기법으로 3차원적이고 사실주의적인임. [관련 참고 용어] Real-Life Metaphor 실세계의 모습과 현상, 사물의 형태나 상황을 다른 매체에 그대로 재현하는 방식으로 한국 디자이너들 사이에서는 '리얼메타포'라는 말로 사용되기도 함. 도구의 물질적인 형태형식을 모방한다는 스큐어모피즘에 비해 의미가 포괄적. Material Metaphor 실생활에서 쓰이는 도구의 모양,재질감 등을 다른 매체에 그대로 구하는 방식. Minimalism 쓸모없어진 요소의 잔재와 장식적 요소가 강조되는 스큐어모피즘과는 대척되는 디자인양식. [장점] 아날로그 감성이 있기에 제품에 대한 친밀..