프로젝트 [자문자답 앱] - UI 디자인

유의선·2023년 11월 16일
0

앱의 기능은 다 구현했다 생각해 UI를 다듬었다.


우선 전체적으로 베이지색으로 테마를 설정하였다. 배경을 베이지색으로 설정하였고 버튼들을 그보다 연한 색으로 설정하였다.

제목의 폰트도 바꾸었고, 전체적인 색에 맞춰 상태바의 색도 theme.xml에서 colorPrimaryVariant를 바꿔 설정해주었다.

<resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Base application theme. -->
    <style name="Theme.Q_Self" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Primary brand color. -->
        <item name="colorPrimary">@color/purple_500</item>
        <item name="colorPrimaryVariant">#9F6E2E1A</item>

문제 리스트의 리사이클러뷰에 들어가는 뷰의 크기가 너무 큰거 같아서 사이즈를 조금 조정하였다.


이전까지는 문제의 정답을 보여주는 Dialog 창을 직접 만든걸 썻지만, 기본으로 제공되는 Dialog가 보기 쉬운것 같아 바꾸었다.


사실 책의 표지와 책의 페이지 이미지를 배경으로 사용해 책과 같은 느낌을 주고 싶었지만 적당한 이미지를 찾지 못하였고, 직접 디자인하려니 이런 쪽에 센스가 없어 이상한 결과물만 나와 간단하게 색만 바꿔주는정도로 완성시켰다.

0개의 댓글