이번 주제는 Direct Messaging을 디자인하는 것이다
▶︎ 채팅 UI나 1:1 메시지 기능
이번엔 다크/라이트 모드 두가지 버전을 해봐야겠다❗️
최대한 깔끔하고 심플한 디자인을 목표로 불필요한 요소는 과감히 제거하고 꼭 필요한 기능만 담았다 !
색상은 처음에 파랑과 초록을 고민했지만 파랑(🔵)은 금융·신뢰 이미지가 강해 상대적으로 친화적인 느낌의 초록색(🟢)을 선택했다
✔️ 새 채팅 기능도 보통은 아이콘만 사용하는 경우가 많지만 더 직관적으로 보이도록 텍스트를 함께 넣어 이해를 돕고자 했다
✔️ 알림 표시도 복잡하지 않게 프로필 하단에 작은 초록 원으로 표현해 최소한의 시각적 강조를 주었다 (접속중 표시 아님 😅)
✔️ 채팅 화면 역시 불필요한 기능 없이, 송금, 사진, 이모티콘, 전송 버튼만 간결하게 배치해 사용자가 원하는 핵심 기능만 빠르게 사용할 수 있도록 설계했다
오랜만에 베리어블 작업을 하다 보니 처음엔 조금 헷갈렸지만... 하다 보니 감을 잡아서 다음에는 NAME 명칭도 좀 더 깔끔하게 정리하며 수월하고 쉽게 작업할 수 있을 것 같다
라이트/다크모드 완성 - 🙌
24살 프로덕트 디자이너 취준생