[SEB BE] 2022.08.24 HTML/CSS (2) - 레이아웃, 화면 설계

2022.08.24 레이아웃, 화면 설계

 

1. CSS Flex

 

 기존 레이아웃 설계에 있어서, 수동적이고 불편했던 부분을 혁신적으로 진행할 수 있게 해준 방식

 

 - Flex 기초적인 연습을 위한 페이지

 https://flexboxfroggy.com/#ko

Flexbox Froggy

 

헷갈릴 때 들어가서 틈틈히 레퍼런스 확인하기

 

2. 와이어 프레임 만들어보기

 

실제 페이지 제작에 앞서 와이어 프레임 및, 목업페이지 프로토타입 등 미리 제작할 페이지에 대한 설계 진행하기

 

- 와이어프레임 작성 툴 : 피그마, 미로, 오븐 등 여러 툴이 있으니 프로젝트 진행시에 가장 협업이 원활하고 사용하기 편한것으로 선정하여 진행

 

- Oven 을 이용한 와이어 프레임 실습 결과

https://ovenapp.io/view/nG49WihYY8f0P4TQk7Oy6r2nNk2PWjjF/fgtA7

Spotify Surport (1 of 1)

 

스토리보드를 제작하는 느낌으로 최대한 상세히 제작