깨작거리기

Daily UI #010 Social Share 뉴발란스에서 런칭캘린더를 리뉴얼했다. 공유 UI를 어떻게 할지 고민하다가 콘텐츠에 따라 구성이 달라지지 않을까. 고민을 했다. 뉴발란스에서는 게시판에서 이미지를 부각해 게시물 제목으로 런칭 날짜를 알려주고 있다. 시각적으로 확인이 어려워 캘린더로 날짜를 더 쉽게 인식하기 좋도록 리뉴얼했다. 상세 페이지 안에서 공유를 할 수 있도록 기능을 넣었다. 런칭일에 맞춰 알림을 받을 수 있도록 했다.

UIUX/D-100 2023. 8. 20. 23:57

Daily UI#009 Music Player 플레이 화면과 리스트 화면을 디자인했다. 앨범 커버와 이전 음악, 이후 음악을 시각적인 UI로 표현하고자 했다. 앨범 간의 크기와 더불어 층계에 대한 표현이 더 진행됐으면 아쉬움이 남는다. 리스트를 보기 위해서는 플레이 화면을 아래로 스와이프 하여 내리면 아래로 플레이 ui가 스몰버전으로 변화하도록 디자인했다. 색감, 앨범커버 디자인은 아쉬움이 남으니 다시 해봐야겠다.

UIUX/D-100 2023. 8. 17. 00:37

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

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

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

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