모바일앱 탐구 - 네이버뮤직 앱 1편. 네이버뮤직 앱을 탐구하기 위해 구석구석 화면을 열어보고 기능을 실행해보면서 느낀 것은 '음악 앱일 뿐인데 참으로 많은 것을 담고 있구나. 복잡하다.' 나의 네이버뮤직 앱에 대한 경험은 웹사이트에서 월이용권을 결제하고, 스마트폰에서 앱을 실행시켜서 TOP100 듣기로 작업 중 무료함을 달래는 것이 전부이다. 그 과정에서 마주하는 화면은 1) 하단 플레이어 바 2) 재생목록 화면 정도이다. 이용하는 기능은 플레이어의 재생/정지 버튼. 간혹 한곡반복 이나 전곡반복 버튼 정도이다. 그밖에 이용하는 기능은 기껏해야 3) 음악 검색 4) 재생목록 추가. 귀찮아서 재생목록을 자주 바꾸지도 않는 편이다. 추가 재생목록을 만들어서 저장해두는 것도 1년에 1~2번 정도. 딱 아이팟 ..
아이폰용 디자인 시 이미지 해상도는 iPhone 6 plus 해상도인 1242x2208 사이즈로 만들고, 완성된 이미지를 750x1334과 640x1136 두 가지로 리사이징하여 사용한다. 단, 1242x2208 사이즈로 작업하되 화면구성은 iPhone 6를 기준으로 4.7인치 화면에서 클릭하기 쉬운 크기의 아이콘과 가독성을 고려한 폰트 크기를 사용한다. iPhone 6 plus 는 자동으로 1080x1920으로 크기를 줄여서 보여주기 때문에 실제보다 작게 보여 클릭과 가독성에 있어 차이가 없어지게 된다.
[사진] Nearsoft Inc 이전 포스팅에서 와이어프레임 스케치를 위한 스텐실 도구를 소개했는데요. 와이어프레임을 그리다보면 수많은 화면들을 그리게 되는데 그때마다 디바이스 모양의 사각박스를 반복해서 그리는 것은 비효율적이잖아요. 그 안에 그릴 내용에 집중을 해야 할텐데 말이죠. 그래서 모바일 와이어프레임 스케치를 위한 템플릿을 인쇄 책자 형태로 만들어 판매하기도 하더라구요. 그런데 찾아보니 무료 템플릿을 제공하는 고마운 분이 계시네요. UX Designer 'Matthew Stephens'의 웹사이트에서 '좋아요' 한 번 눌러주시면 다운로드 하실 수 있어요. iPhone 5, iPhone 5s, and iPhone 5c TemplatesiPhone 6 TemplateTemplates for iPho..
[사진] Todd Moy 모바일 디자인을 위한 와이어프레임 그리기. 와이어프레임 스케치에 도움을 주는 디지털 도구가 다양하게 있지만, 종이에 펜으로 그리는 것 나름의 장점이 있는 것 같습니다. 종이 스케치가 컴퓨터로 그리는 것보다 속도가 더디다고 생각할 수 있는데요. 저의 경우에는 컴퓨터에 그리다 보면 생각정리 없이 요소를 이것저것을 넣었다 뺏다를 반복하며 무조건 올려놓고 보는 식의 스케치가 되더라구요. 종이를 펼쳐놓고 손에 펜을 잡으면 오히려 손을 잠시 멈추고 윤곽을 어떻게 잡을지, 요소는 무엇을 쓸지, 비율은 어느 정도로 할지 머리속에서 몇 분간 생각을 하게 되고 그걸 선으로 옮기고 하다보면, 오히려 생각이 정리가 되면서 결과물을 만날 때까지의 전체적인 속도는 컴퓨터로만 작업하는 것보다 빠르기도 한 ..
내가 만든 모바일웹 또는 반응형웹 사이트가 다른 기기에서는 어떻게 뜰까? 굉장히 궁금한데요. 모바일웹 & 반응형웹을 PC에서 시뮬레이션 해볼 수 있는 웹사이트를 소개합니다. 다음커뮤니케이션의 웹표준 랩, 다룸 (Darum) 에서 제공하는 트로이 입니다. http://troy.labs.daum.net (1) 사이트에 접속한 첫 화면 입니다. 좌측에 제조사별 카테고리가 있고, 우측에 디바이스가 표시되어 있습니다. 디폴트가 갤럭시 노트4 네요. (2) 우측 상단에 3개의 아이콘이 있습니다. 설정 아이콘을 누르니 '시작 디바이스 설정' 이 나오네요. 저는 애플을 사용중이라 아이폰 6로 바꿨습니다. (3) 좌측 카테고리에서 애플 iPhone 6 Plus 를 클릭했더니, 우측에 디바이스가 추가됩니다. (4) 브라우..
- Total
- Today
- Yesterday
- 스케치앱
- 카카오페이
- 포토샵 CC 2015
- 댄새퍼
- 리스트뷰
- 피자주문
- 프로토타입
- 인비전
- 모바일앱
- 네이버뮤직
- UI 디자인 툴
- 북노트
- 오래가는 UX 디자인
- 모바일 스케치
- 벅스뮤직
- 모바일송금
- 원더리스트
- 토스
- 보헤미안 코딩
- 페이코
- 음악앱
- invision
- sketchApp
- 온라인 간편결제
- 도미노피자
- rindesign
- 디자인과 인간심리
- 마이크로인터랙션
- 와이어프레임
- UX 디자인 7가지 비밀
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |