피그마2 [#2 Contents] 박람회 플랫폼 세부 디자인 웹의 흐름 로직을 잘 세워 보았으니, 이제는 창 별 세부 디자인을 세울 것이다. 세부 디자인을 세우면서 꼭 포함될 필수적인 부분이 있다!! 1. 어떤 요소가 들어가야 하는지 2. 어디에 요소가 위치할지 3. 어떤 기능이 적용될지 등등... !! 이렇게 크게 큰 툴을 세우고, CSS로 구현할 대략적인 디자인을 기획했다. - 필수 요소 1) Welcome message + Fair Title 2) Enter Button 3) background img - 필수 기능 1) Moving Background -> 현장감 있게 2) Enter Button -> 클릭시 login.html 로 이동 - 세부 디자인 - 필수 요소 1) Welcome + Fair Title 2) Information form (이름, 신.. 2021. 11. 14. [#1. Logic] 박람회 플랫폼 개발 로직 본격 개발에 앞써, 창은 어떤 순서로 사용자에게 보여져야 하는지를 구체적으로 설계하는 과정인 개발 로직부터 세웠다. 로직을 설계함으로써 박람회 플랫폼의 흐름을 정확히 파악할 수 있고, 더 나아가 개발할 때의 역할 분담도 수월하기 때문에 필수적인 과정이다. 팀원들과의 논의 과정은 화이트보드 형식의 협업 툴인 피그마를 사용했다. # 로직세우는 순서 html 창 구상 -> 링크 연결 설계-> 흐름 점검 및 보수 # html 창 구상 - index.html 박람회 방문자들을 반기는 창 - login.html 이름과 신분의 정보를 얻을 로그인 창 - name-tag.html splash로 방문자의 이름과 신분을 띄우는 창 실제 박람회의 이름표를 모티브로 디자인 - main.html 전시회의 컨텐츠가 전부 담긴 창.. 2021. 11. 10. 이전 1 다음
