[메인프로젝트] Figma로 프로토타입, 디자인 하기

🌿프로토타입

팀원들과 상의 후에 만들어진 프로토타입 화면의 일부분 입니다.

메인컬러를 팀 주제에 맞게 색상을 뽑아 골라달라고 하였고 투표 결과 2번, 6번 색상이 나와서 우리팀의 로고 또한 2번 색상으로 가기로 결정되었습니다.

 

로그인 했을 때와 하지 않았을 때의 헤더가 다른 부분, 각 페이지마다 어떤 화면이 들어올지를 대략적으로 구성하였습니다.

팀원 중 한 분이 상세게시물 페이지에서 수정/삭제 버튼을 통해 이어지는 새로운 화면을 저렇게 표시하였는데 시각적으로 이해가 잘 되어서 좋았습니다.

 

 

 

🌿초기 디자인

해당 프로토타입 화면을 바탕으로 디자인 입히기 작업을 했습니다. 

로고를 1) 삽 모양 2) 나뭇잎 모양 이렇게 두개를 작업했고

메인 컬러를 1)위에서 투표한 색상 2) 색 팔레트에서 가져온 색상 이렇게 두개로 작업해보았습니다.

 

헤더에 연필 아이콘도 넣고 나름대로 디자인해보았으나 영 성에 차지 않아서

디자인 업계에 종사하시는 아는 디자이너 분께 컨펌을 부탁 드렸습니다...

 

 

 

 

🌿컨펌 후 최종 디자인

컨펌 해주신 내용은 일단 로고가 너무 크다고 하셨으며, 자신이 한 번 만들어보겠다고 하시고

로그인하지 않았을때 메인 화면을 하나 만들어주셨습니다. 그래서 그 사진을 참고하면서 완전 동일하지는 않지만 비슷한 느낌으로 방향성을 잡았습니다.

 

주말 이틀을 갈아넣어서 만든 디자인입니다.

 

 

확실히 예뻐졌습니다........ 팀원들도 칭찬 많이 해주셔서 뿌듯했습니다. 

이제 이대로 구현하는 일만 남았습니다 !