Nwitter 화면 디자인은 피그마를 활용하여 우주 테마를 중심으로 만들어보았다.
디자인 설명
처음 디자인을 구성할때 원했던 느낌은 우주 배경이었으면 좋겠고 많은 사람들이 연결되어있는것을 느꼈으면 좋겠다는 생각이 들었다.
그래서 Nwitter에 우주 테마를 도입하여, 사용자들이 마치 은하수를 배경으로 우주에서 다양한 사람들과 연결되어서 소통하고 있는 듯한 느낌을 받을 수 있도록 만들었다. 이를 위해 화면 바탕 배경으로 은하수 이미지를 사용했으며, 더하여 친숙함과 연결성을 느끼게 하기 위해 맥북 화면 테마를 적용했다.
마치 인터넷으로 우주속에서 서로가 연결되어서 생각을 공유한다는 느낌이 들도록 디자인해보았다.
화면 구성
인증(Auth), 홈(Home), 프로필(Profile), 탐색(Explore), 북마크(Bookmark), 메시지(Message).
화면을 구성할때 전체적인 틀은 공유하였으며 각 페이지의 특징과 필요한 화면 구성에 따라 조금씩 변경하였다.
디자인 미리보기
실제 화면
'sns 프로젝트' 카테고리의 다른 글
백엔드 개발 환경 설치 과정(Nodejs, express, Sequelize), CORS해결 (0) | 2024.01.21 |
---|---|
개인 sns 프로젝트 'NWITTER' 소개 (0) | 2024.01.21 |
재사용 컴포넌트 분리하기 (0) | 2024.01.20 |
Nwitter 프로젝트 전체 진행과정 (0) | 2024.01.20 |
React-query Infinite queries 도입하기 (0) | 2023.06.06 |