벅스뮤직 앱 탐구 1편!벅스 앱은 메뉴와 컨텐츠 영역 사이를 오고가는 UI가 신선하다. 세로형 슬라이드 메뉴 형태를 사용하지 않았다. 오히려 메뉴 영역은 고정이고 컨텐츠 영역이 축소 확장되는 모양을 취하고 있다. 보기도 좋으면서도 편리한 UI를 만나서 반값다. 스틸 이미지로는 느낌을 전달하기 어려워 GIF로 만들어 봤다. 벅스 앱의 디자인은 애플의 iOS 휴먼 인터페이스 가이드를 제대로 적용 시킨듯하다. 콘텐츠에 여백이나 테두리를 두는 대신 전체 화면을 채워 사용했고, 앱의 주요 화면에 반투명 효과를 폭넓게 사용했다. (상단 네비게이션 바, 하단 플레이어 바, 플레이어 화면 등) 플레이어 화면은 아이폰의 기본 음악 앱과 상당히 유사하다. 리스트 뷰 형태의 화면에서도 기능 버튼에 테두리 배제하고 버튼 타이..
모바일앱 탐구 - 네이버뮤직 앱 2편. 1편에서 네이버뮤직 앱의 시작화면과 상단 하단에 딸린 화면들에 대해 대략적으로 훌터보았다. 2편에서는 음악 앱에서 가장 중요한 기능이라고 생각되는 플레이어에 대해서 탐구해 보았다. 다음은 네이버뮤직 앱 하단의 모습이다. 재생목록이 없을 때, 있을 때, RADIO로 음악을 들을 때. 상황에 따라 표시되는 내용과 디자인이 다르다. 이 곳에서 노래제목 부분을 탭하면 플레이어 화면을 만날 수 있다. 오래 전에 네이버뮤직 앱을 처음 설치했을 때 사실 난 플레이어 화면의 존재를 모르는채로 며칠 동안이나 사용했었다. 앱을 설치하고 로그인 한 후 첫화면에 보이는 'TOP100 전체듣기'로 재생목록에 100곡을 추가시키고 재생/정지 버튼만을 사용해 며칠간 음악을 들었다. 음량조절도..
- Total
- Today
- Yesterday
- 원더리스트
- 벅스뮤직
- 네이버뮤직
- 모바일 스케치
- 모바일앱
- 토스
- 온라인 간편결제
- invision
- 모바일송금
- 피자주문
- 인비전
- 북노트
- 오래가는 UX 디자인
- 와이어프레임
- 페이코
- rindesign
- 도미노피자
- 음악앱
- UX 디자인 7가지 비밀
- 리스트뷰
- sketchApp
- 댄새퍼
- UI 디자인 툴
- 카카오페이
- 마이크로인터랙션
- 스케치앱
- 포토샵 CC 2015
- 디자인과 인간심리
- 프로토타입
- 보헤미안 코딩
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |