Woopy 15.png

<aside> ▶️ 화면설계서 화면 설계서는 어플 만들기 위해 화면을 어떻게 표현할지를 그려놓은 와이어프레임과 기능을 구현하기 위해 작성하였던 기능 정의서를 합쳐놓은 것입니다. 하나의 화면을 그려보고, 그 화면에서 구현되는 기능을 기능 정의서에서 가져와서 기재합니다. 이를 통해 기획자가 구상한 앱의 화면이 어떠한 형태로 존재하는지를 디자이너에게 전달할 수 있고, 해당 화면은 어떠한 형태로 어떠한 동작을 수행하는지를 개발자에게 전달할 수 있습니다. 이를 전달받은 디자이너는 화면을 디자인하고, 디자인 한 내용을 개발자에게 전달하고, 개발자는 전달받은 이미지 위에서 동작하는 요소들을 설계하고, 배치함으로써 하나의 화면이 완성되는 것이죠. 화면을 만들어내기 위한 요소들을 모두 준비할 수 있는 문서이다 보니 화면 설계서는 기획의 꽃이라 불리기도 합니다.

</aside>

https://blogfiles.pstatic.net/MjAyMTEwMjJfMjQ4/MDAxNjM0ODc5MjQyMzU0.BWexUuEbr4zXyikm30J2-U4642T4PQ8p_gJs4VZEijgg.rMEFl1Zf5R4JdQp2cpwQsU9msGDeJ_L15rulUUsqKCwg.PNG.zikding/SE-b1b9b0af-5ea5-4051-b90e-17b88ddf2b2a.png?type=w1

어플만들기의 기초 '화면설계서' 작성 법