version 2.3

This commit is contained in:
tom5079
2019-06-06 14:21:37 +09:00
parent 5097d92d27
commit 8cdf6b08d0
7 changed files with 33 additions and 17 deletions

Binary file not shown.

View File

@@ -10,46 +10,62 @@ title: Pupil v2.2 사용 설명서
# 1. 메인 화면
![메인 화면]({{ "assets/images/manual/main-colored.png" | absolute_url }})
![메인 화면]({{ "assets/images/manual/main.png" | absolute_url }})
1. <span style="color:rgb(34,177,76)">사이드 메뉴 열기</span>
2. <span style="color:rgb(255,127,39)">검색창</span>
3. <span style="color:rgb(0,162,232)">페이지 이동</span>
4. <span style="color:rgb(63,72,204)">설정</span>
5. <span style="color:rgb(255,201,14)">썸네일</span>
6. <span style="color:rgb(195,195,195)">제목</span>
7. <span style="color:rgb(127,127,127)">작가</span>
8. <span style="color:rgb(0,0,0)">갤러리 정보</span>
9. <span style="color:rgb(153,217,234)">태그</span>
- 태그를 누르면 검색됩니다
5. <span style="color:rgb(185,122,87)">다운로드 상태</span>
- 녹색: 다운로드 완료
- 적색: 다운로드 중
- 없음: 다운로드 안 됨
6. <span style="color:rgb(255,201,14)">썸네일</span>
7. <span style="color:rgb(195,195,195)">제목</span>
8. <span style="color:rgb(127,127,127)">작가</span>
9. <span style="color:rgb(0,0,0)">갤러리 정보</span>
10. <span style="color:rgb(153,217,234)">태그</span>
- 태그를 누르면 검색됩니다
## 1-1. 페이지 이동
## 1-1. 검색
검색창에 태그/검색어를 입력하면 검색이 됩니다
![추천 태그]({{ "assets/images/manual/search.png" | absolute_url }})
검색어를 덜 입력하면 추천 태그가 나옵니다
## 1-2. 페이지 이동
페이지 이동은 볼륨 버튼으로도 가능합니다
```
볼륨 상 -> 이전 페이지
볼륨 하 -> 다음 페이지
```
### 1-1.1. 다음 페이지
![다음]({{ "assets/images/manual/page-next.gif" | absolute_url }})
### 1-2.1. 다음 페이지
![다음]({{ "assets/images/manual/page-next.gif" | absolute_url }})
페이지 맨 아래에서 한 번 더 끌어주시면 됩니다
### 1-1.2. 이전 페이지
![이전]({{ "assets/images/manual/page-prev.gif" | absolute_url }})
### 1-2.2. 이전 페이지
![이전]({{ "assets/images/manual/page-prev.gif" | absolute_url }})
페이지 맨 위에서 한 번 더 끌어주시면 됩니다
# 2. 뷰어
![뷰어]({{ "assets/images/manual/viewer-colored.png" | absolute_url }})
![뷰어]({{ "assets/images/manual/viewer.png" | absolute_url }})
1. <span style="color:rgb(0,0,0)">제목</span>
2. <span style="color:rgb(163,73,164)">페이지 표시</span>
2. <span style="color:rgb(238,28,36)">hiyobi.me 사용 표시</span>
- hiyobi에서 이미지를 불러올 때 표시됩니다
3. <span style="color:rgb(163,73,164)">페이지 표시</span>
- 클릭 시 페이지 이동
3. <span style="color:rgb(255,127,39)">로딩 상태바</span>
4. <span style="color:rgb(255,127,39)">로딩 상태바</span>
- 다운로드 완료 시 사라짐
4. <span style="color:rgb(255,242,0)">백그라운드 다운로드 버튼</span>
5. <span style="color:rgb(255,201,14)">백그라운드 다운로드 버튼</span>
- 다운로드 문단에서 자세히
5. <span style="color:rgb(0,162,232)">전체 화면</span>
6. <span style="color:rgb(34,177,76)">갤러리 내보내기 버튼</span>
- 갤러리 내보내기 문단에서 자세히
7. <span style="color:rgb(0,162,232)">전체 화면 버튼</span>
## 2-1. 스크롤 모드