본문 바로가기
안드로이드앱 디자인을 위한 나인패치(9patch) 이미지를 만들어 보자. 안녕하세요 키다리디자이너입니다. 오늘은 나인패치(9 patch)이미지에 대해 포스팅 할게요. 나인패치이미지란 안드로이드 환경에서만 사용하는 특수한 이미지 형식입니다.(거의 안드로이드 앱을 만들때 사용됩니다.) 이미지를 늘릴 때 늘어날 부분을 따로 지정할 수 있구요 그 안에 들어갈 내용에 대한 영역을 지정할 수도 있어요. 예를 들어 볼게요. 위와 같은 말풍선 이미지를 일반적인 방법으로 늘릴 경우 위처럼 보기 싫게 늘어나게 됩니다. 어떤가요? 두번째 이미지가 자연스럽게 가운데 부분만 늘어나서 더 보기가 좋죠 나인패치는 이런 특수한 경우를 위한 포맷입니다. 나인패치 이미지는 이런 형태로 만들어져 있습니다. 윗쪽과 왼쪽에는 1px의 검정 라인으로 늘어날 부분을 지정하고 오른쪽과 아랫쪽에는 마찬가지로 검정 라인으.. 더보기
CEO들의 흔한 착각과 실수_7가지 안녕하세요 날라리기획자 입니다. 얼마전 한 때 같이 일했던 기획자 한 분을 만나 이런저런 재미있는 이야기를 나누었습니다. 여러 이야기 중 CEO에 대한 여러 에피소드로 웃음 바다가 되었는데요, 재미는 있었으나... 아직 대한민국은 멀었구나~ 생각하며 블로깅을 다짐했던 그 이야기를 해보고자 합니다. 보시는 분들 중, '그럼 너는 잘하냐? 너라면 잘 하겠냐?' 라고 물으신다면 단연코 "네, 아직은 모르겠습니다. 아직 CEO가 아니라서요, 헌데 이제 해보려 노력 중이고 제가 잘 할 지는 그 때 지켜봐 주세요" 라고 이야기하고 싶습니다." 즉, 태클은 삼가해 달라는 말입니다. ㅎㅎㅎㅎㅎ 어떻게 보면 직원들의 푸념일 수 있으니까요. 1. 코스프레하면 비슷해질 줄 아는 착각 유치해서 정말 그럴 수 있을까?? 하는데.. 더보기
스타일시트로 애니메이션 효과를 낼 수 있어요 CSS Animation 안녕하세요 키다리디자이너입니다. 오늘은 jQuery나 자바스크립트 등을 이용하지 않고 CSS만으로도 간단한 애니메이션 기능을 구현할 수 있는 방법을 소개해 드리겠습니다. CSS3의 transition을 이용하면 지정된 시간과 속도로 단순히 CSS의 속성을 부드럽게 전환할 수 있는데요, animation은 이것보다 더 구체적이고 다양한 애니메이션 효과를 낼 수 있으니 잘만 사용하면 코딩할 때 개발자에게 아쉬운 소리 할 일도 적어지겠죠? 기본 규칙 CSS애니메이션은 ‘@keyframes 애니메이션이름(식별자)’를 사용하여 애니메이션이 수행되는 동안 정해진 지점에 속성을 줍니다. 그리고 'keyframes'식별자는 해당되는 CSS속성에 직접 영향을 미칩니다. 더 쉽게 말하자면 애니메이션이 10초간 재생되면 1.. 더보기

티스토리툴바