도리스 블로그

브런치 모바일앱 UI - Part 1 홈, 글목록, 글본문 브런치 홈상하 스크롤로 컨텐츠 사이를 이동한다. 이전, 다음 전환 시 기존 화면의 크기가 축소되면서 사라진다. 배경이미지와 텍스트는 시간차를 두고 등장한다. 웹사이트의 패럴랙스 스크롤처럼. File drawer, Card index, iOS safari 글본문읽기 상태로 돌입하면 글 내용과 관련 없는 요소들은 화면에서 사라진다. 최상단의 상태바까지 생략되는 넓은 화면. 내용을 읽다가 위로 스크롤 하면 화면 상단에 툴바가 나타난다. 티스토리 앱 메뉴좌측에서 메뉴가 나타나면서 기존 화면의 크기가 축소되면서 어두워진다. 검색 매거진 글목록 시작 화면에 매거진 제목, 작성자, 관련태그, 구독신청, 인기도 표시(구독수, 공유수)가 있다. 매거진 느낌을 살..

iPhone Screen Transition 아이폰 모바일앱 화면 전환 애니메이션 모음 01 1. Hostel World 호스텔 월드 버튼 탭과 스와이프 제스처 모두 부드럽게 반응한다. 2. Megabox 메가박스 메뉴 보기가 버튼 탭으로만 반응한다. 홈 화면의 포스터 스와이프 제스쳐와 구분되어야 해서 그런가? 3. 움직이는 기초영어 좌측 메뉴 펼치기와 우측 달성률 보기가 버튼 탭으로만 반응한다. 호스텔월드와 비교했을 때 움직임이 딱딱하다. 4. Voice Translator 모바일앱 버튼 탭, 스와이프 제스처 모두 반응한다. 하지만 좌측 언어선택 애니메이션이 진행중일 때는 홈 화면으로 전환은 안된다. 화면 전환을 할 때 좌우 스와이프 제스처가 확실해야 작동한다. 홈 화면이 대화창이라 세로방향 스크롤과 ..