연습/UI 디자인
-
[#002] DailyUI_Material Design_Confirmation dialog연습/UI 디자인 2019. 6. 19. 14:25
작업 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. 생각보다 수치를 일일히 맞춰서 작업한다는게 쉽지 않음. 오히려 감각으로 디자인하는게 쉬운 일이었다는 걸 깨달음
-
[#001] DailyUI_Sign Up연습/UI 디자인 2019. 6. 19. 14:11
이미지 리소스 : https://www.humaaans.com/?fbclid=IwAR0Y6TqsbtQz0wXrKqIWf4p2qnGtubEKHxWnE4cti3hj7KuYSYvaeFUH_KE 의도 1) 회원 가입 시 꼭 수집해야 하는 정보가 있다면 이름과 이메일이라고 생각한다 보안이 필수적인 서비스를 제외하면 소비자에게 부담을 덜 수 있는 개인 정보의 레벨 수집한 이름과 메일은 뉴스레터 마케팅으로 활용 가능 2) Sign Up 텍스트 필드가 아래에 있는 이유는 사용자가 가장 자연스럽게 터치하는 영역이 하단 부분이기 때문 고민 지점 1. Sign Up 페이지를 디자인할 때, 어떤 도메인지를 먼저 고민해보면 좀 더 명확하게 그 용도를 정의할 수 있을 듯 싶다 2. 회원 가입을 할 때 필요한 정보에 대해 어느 정..