깨작거리기

Daily UI #004 Calculation 계산기를 사용할 때, 아쉬웠던 부분은 기록이 남지 않아 같은 계산을 반복하는 것이다. 그래서 상단에 히스토리 아이콘을 사용하여 직전 계산을 볼 수 있도록 배치했다. 작업하며 신경 썼으면 하는 부분은 저시력자를 위한 명암대비다. 지금 작업한 컬러는 명암비가 약해서 더 연구가 필요해 보인다. 밞은 느낌을 위해 명도가 높은 색으로 선정됐지만 명암비를 위해서는 파란 계열보다 채도가 높은 계열의 컬러가 더 어울려 보인다.

UIUX/D-100 2023. 8. 8. 23:56

Daily UI #003 Landing page 랜딩페이지로 주제가 주어졌는데 한참을 고민했다. 어떤 주제의 랜딩페이지를 작업할 것인가.... 고민하다가 지금 읽고 있는 책인 출판사 홈페이지의 랜딩페이지를 작업해 보기로 했다. 추천사까지 내용을 담았지만, 책의 축약된 내용과 책의 대표 문장을 발췌하여 소개하는 부분이 필요해 보인다. 작가의 또 다른 책을 소개해도 좋을 것 같다. 최근 활동 내역도 담아도 좋을 것 같다. 들어갈 내용은 아직 많은데 짧은 시간 안에 작업하려니.. 아쉬움이 남는다. 특히 지금은 추천사 콘텐츠에서 arrow ui가 제일 눈에 거슬린다. 앞으로는 홈페이지의 UI 컴포넌트 디자인 컨셉을 미리 선정해서 작업하는 데 도움 될 것 같다. 미리 수집하고, Daily UI에서 주제를 주면 콘..

UIUX/D-100 2023. 8. 8. 00:34

Daily UI #002 Credit Card Checkout 요즘 잘 이용하고 있는 결제앱은 네이버페이와 페이북이다. 페이북에서 신용카드와 체크카드가 등록되어 있다. 이용하면서 편의를 느꼈던 부분은 쇼핑몰 결제창에서 신용카드를 선택하고 페이북 앱으로 전환돼서 다시 체크와 신용카드를 선택할 수 있다는 점이었다. 캐러셀 ui로 내가 등록한 카드와 페이북에서 쌓은 포인트 중 하나를 선택할 수 있고, 실물 카드 디자인이 작게 이미지로 표시되어 있어 인지하기 편했다. 반면 네이버 페이에서는 라디오 버튼으로 결제 수단을 선택할 수 있도록 디자인되어 있는데 계좌 간편 결제, 카드 간편 결제, Npay 머니 충전결제 텍스트가 세로로 나열되어 있는데 서로 간의 구분이 뚜렷하지 않아 처음에는 파악하기 쉽지 않았다. 시각..

UIUX/D-100 2023. 8. 6. 23:45

Daily UI 첫 미션 #001 Sign up 일상 블로그를 생각하며 연결고리 로고를 만들고 가입페이지를 디자인했다. 일상 블로그로 설정했지만 내가 요새 관심 갖고 있는 디자인은 서식테이블이라서 그 부분이 크게 반영되었다. 서식 테이블이 정보 입력하기에는 최상이라 생각된다. 입력 필드의 텍스트는 무채색으로 사용하여 구분 짓는다. 모바일 기기 특성으로 가로폭이 좁아 레이블과 입력 필드를 위아래로 배치하는 것이 개발자에게도 사용자에게도 최적이다. 다양한 연령대의 사용자를 대상으로 디자인한다면 이를 지켜야겠지만 일상 블로그니 젊은 층으로 연령대를 좁혔다. 시력이 건강한 2-30대를 대상으로 한다면 폰트 크기에 제약이 없어 레이블과 입력필드를 양옆 배치했다. 레이블을 보다 작은 폰트 크기로 상단 정렬하여 구분..

UIUX/D-100 2023. 8. 5. 23:50