다시 프론트 틀잡기 #4 프로토타이핑하기

Prologue

맨땅에서 무언가 만들어보자! 블로그 만들기는 예전부터 계속 하던 프로젝트인데 벌써 2번의 블로그를 만들었다가 맘에 안들어서 갈아 엎은 경험이 있다! 이번에는 예전보다 '낫게' 블로그를 만들어보자.

사이트 디자인하기

작은 회사의 프론트엔드는 프로토타이핑과 퍼블리싱 작업을 피해갈 수 없습니다.
간단하게 블로그를 만들기 위한 프로토 타이핑을 해봅시다.

툴

프로토타이핑 툴은 여러가지가 있는 걸로 아는데
제가 아는 유명한 툴은 Sketch, Adobe XD, Figma가 있습니다.

저는 이번에 Figma를 통해 프로토타입을 작업했습니다.

참고자료

프로토타이핑은 저도 잘 모르는 분야라

https://youtu.be/X18sPNdD8yw
https://youtu.be/Xd9ssYPOUGU
https://youtu.be/dRDtAf9JW_g

위에 있는 유투브 웹디자인 영상을 참고했습니다.
프론트엔드 개발자들은 웹디자인에 대해 잘은 몰라도 어느정도는 알면 좋다고 생각합니다.

결과

결과는 다음과 같이 나왔습니다.
(벨로그를 벤치마킹 읍읍...)

디자인은 노력한다고 느는 게 맞는지 모르겠습니다.
일단 이렇게 진행하겠습니다.