목록디자인 (5)
개발자 블로그
시크릿 모드를 표현해야 하는데 Material Design - Icons에는 적절한 아이콘이 없더라.그래서 직접 만들어봤다. 디자이너가 아니라서 좀 허접하긴한데,, 뭐 이정도면 어쨌든 의미 전달은 충분하지 않나.. 하는 개인적인 생각이다.필요하신 분은 마음껏 사용하시길.. 상업용 가능, 변경 가능, 출처 표시 안해도 됨.512x512px, 투명 배경 PNG 이미지.
일반적으로 윈도우에서는 TTF, 맥(Mac)에서는 OTF 폰트를 쓴다는건 익히 알려져있지만 안드로이드 기기에서는 무슨 폰트를 써야 되는지 명확한 설명을 찾아보기 어려웠다. 각 포맷 자체에 대한 설명, 곡선을 그리는 방식의 차이에 대한 글은 봤지만,, 일반 사용자 입장에서는 별로 와닿지 않는 내용일테고. 정작 중요한건 "기기에서 어떻게 보이느냐?"가 아닐까 싶다.시간이 없는 바쁜 분들을 위해서 결론부터 말하면, 안드로이드에서는 OTF 폰트를 사용하기를 추천한다. 안드로이드 테스트를 하기 전에 먼저 윈도우에서 TTF, OTF 두 폰트를 비교해보자. 아래 사진 중 위에가 TTF, 아래가 OTF 폰트다.글자 크기가 큰 텍스트는 차이가 거의 없어보이지만, 크기가 작은 텍스트는 확실히 TTF 폰트가 더 보기 좋아보..
기획자, 디자이너의 도움없이 개발자 혼자서 앱을 만든다는건 참 어려운일 같다. 아니 정확하게는 앱을 만드는건 어렵지 않은데, 이쁘게 만든게 어려운 것 같다. 근데 이 "이쁘게"가 절대적으로 중요하다. 기능이 아무리 뛰어나다고 해도 일단 디자인이 구리면, 사용자들은 아예 설치 조차 안한다. 나 역시 나홀로 개발자라서 디자인 관련된 작업들도 모두 혼자서 다 하고 있는데, 지금까지 몇 개의 프로그램을 만들면서 도움받았던 디자인 관련 사이트들을 정리해봤다. 나 처럼 디자이너 없이 혼자 고군분투하면서 앱을 개발하고 있을 나홀로 개발자들에게 도움이 되었으면 좋겠다.총 21개의 사이트를 소개하려고 한다. 단순 나열하기에는 좀 많은 것 같아서 아래처럼 카테고리를 나눠봤다.색 관련아이콘 관련이미지 관련디자인 가이드기타 ..
사용자에게 앱 기능 사용방법을 안내하기 위해서 만든 아이콘(이라기 보다는 이미지라고 하는게 적당하겠다.)동작을 설명하기 위해서는 정적인 이미지보다는 애니메이션으로 실제 움직임을 표현하는게 더 효과적이긴 하겠지만, 스와이프 동작이 이제는 어느정도 널리 알려진 표준 동작이지 않나 싶어서 - 특히 아이폰에서는 더욱 - 그냥 간단하게 PNG이미지로 만들었다. (이미지를 클릭하면 확대 됩니다.)원본 이미지 사이즈는 1343 x 911px.pixabay에서 다운로드 받은 손가락 이미지를 적절히 수정해서 만들었다. 아래는 아이폰에서 실제로 사용한 모습.tint를 적용하면 원래의 컬러는 무시되고 tint color로 적용됨.