저번에 디자인 했던 갤러리 메인페이지, 세부 페이지에 이어 포스팅 페이지를 디자인 해보겠습니다!!

 
 

## 📝 갤러리 포스팅 페이지 디자인하기
포스팅 페이지는 단순하고 편하게 사용할 수 있도록 UI를 구현하는 것에 집중했어요.
필요한 UI는 제목 입력 인풋, 내용 입력 인풋, 이미지 업로드 및 미리보기, 태그 추가, 날짜 입력 인풋 정도로 생각중입니다.

 

> 갤러리 포스팅 작성 전

![](https://imagedelivery.net/R2WiK4wfRK3oBXTwjgzQfA/0990e362-8ee5-4b4d-167f-a0c52c9d0c00/public)

>갤러리 포스팅 작성 후

![](https://imagedelivery.net/R2WiK4wfRK3oBXTwjgzQfA/1e2014af-3970-4772-0f9c-9bafffa36700/public)

이미지를 여러개 올리는 상황일 수 록 드래그를 통해 한번에 올릴 수 있게하는 UX가 정말 편하다고 생각해요. 그래서 이미지는 드래그앤드랍을 통해 편하게 한번에 여러장 추가할 수 있도록 디자인했고 추가된 이미지는 x모양의 아이콘을 눌러 쉽게 삭제할 수 있도록 했습니다. 그리고 업로드한 이미지가 어떻게 보일지 미리 알 수 있게 미리보기 슬라이더를 디자인했어요.
태그는 보통 한두개가 아닌 많은 수의 태그를 추가하기 떄문에 마우스에 손을 옮겨가지 않고 키보드만 이용해서도 여러개의 태그를 추가할 수 있도록 디자인했어요. 태그 폼에 추가 버튼을 눌러도 태그가 추가되지만 태그 작성 인풋에서 엔터만 눌러도 태그가 추가되고 인풋에 포커스가 남아있어서 계속해서 태그를 작성할 수 있도록 UX를 구현할 예정입니다.

저번에 디자인 했던 갤러리 메인페이지, 세부 페이지에 이어 포스팅 페이지를 디자인 해보겠습니다!!

 
 

## 📝 갤러리 포스팅 페이지 디자인하기
포스팅 페이지는 단순하고 편하게 사용할

[갤러리 만들기 #2] 포스팅 페이지를 디자인 해보자