2023. 7. 6. 20:32ㆍ작업/UXUI 디자인
두번째는 완료했는데 개인적으로 좀 더 수정하고 싶어서 비공개 중
세번째는 계산기 페이지였는데 지원서 작성하느라 하지 못했다
네번째 미션
- 음악 재생 페이지 만들기
포함 필수 항목
- 음악 제목
- 음악가
- 음악 커버
- 음악 타임라인
- 랜덤 재생
- 반복 재생
- 뒤로 가기
- 앞으로 가기
음악 재생 페이지는 처음 만들어 보는데, 좋아하는 음악들을 넣어서 그런지 재밌었다.
참고한 레퍼런스는 많지 않았다. 보통은 앱을 일일이 다 다운 받아서 페이지를 확인하는데, 다른 작업도 해야해서 최대한 스크랩으로 찾아보기로 해서 참고 이미지가 적었다 ㅠㅜ
그래서 애플 뮤직 페이지를 따라하는 개념으로 진행했다.
다만, 애플 뮤직에서는 가사가 두 줄 밖에 안 나오고, 앨범 커버 밑에 나오는데
이 공간이 너무 작고 가사 부분이 답답함이 느껴졌다.
또한 가사가 바로 앨범 밑에 나와야 할 정도로 중요 정보로 생각되진 않았다.
가사는 필요에 따라 보는 경우가 많다고 생각되어서 가장 하단에 배치했다.
이번에는 기본적으로 다크 컬러가 기본인 컨셉으로 잡아봤다.
이 역시도 처음해본 것인데 꽤나 재밌었다.
다만, 내가 지정한 앨범 커버가 블랙이었기 때문에 앨범 커버가 잘 보이는 걸 고민하게 되었고,
결과적으로 앨범 커버의 가장 밝은 컬러가 바닥에 불투명하게 깔리는 형식으로 잡아 앨범 커버가 잘 보이도록 했다.
위 아래에 블랙 불투명을 주어 상 하단의 노래 제목, 가사가 잘 보이도록 했다.
바닥이 불투명 컬러가 깔리기 때문에 어떤 앨범이냐에 따라 백그라운드 컬러가 달라진게 된다.
그래서 전반적으로 폰트, 아이콘도 불투명으로 잡았다. (큰 차이는 없게 했지만)
재미있던 작업이었다.