ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [#002] DailyUI_Material Design_Confirmation dialog
    연습/UI 디자인 2019. 6. 19. 14:25

    스펙을 보고 따라 만든 Confirmation Dialog

    작업 

    1. 기본 스펙은 머테리얼 디자인을 따랐음

    2. 쉐도우 값은 KIT내 Confirmation dialog 값을 찾아서 적용

    3. Border

    위 : #FFFFFF / Opacity 22%

    아래 : #FFFFFF / Opacity 30%

     

    4. Shadows

    위 : #000000 / Opacity 22%

    아래 : #000000 / Opacity 30%

     

    배운 점

    1. 보더 값에도 컬러를 주고 투명도를 이 중으로 겹쳐 준다는 점

    2. 쉐도우 역시 마찬가지. 다만 아래 쉐도우에만 Y값 24을 주었다는 점이 다름

    3. 생각보다 수치를 일일히 맞춰서 작업한다는게 쉽지 않음. 오히려 감각으로 디자인하는게 쉬운 일이었다는 걸 깨달음

     

    '연습 > UI 디자인' 카테고리의 다른 글

    [#001] DailyUI_Sign Up  (0) 2019.06.19

    댓글

© Future UI/UX Design Blog