웹 디자인 기초와 UI 설계 원리

웹디자인을 시작할 때 필요한 구조와 원리를 체계적으로 이해하는 강좌입니다. AI를 활용하면 웹사이트를 빠르게 만들 수 있는 시대가 되었지만, 결과물의 완성도를 결정하는 것은 여전히 디자인을 판단하고 개선할 수 있는 기준입니다. 이 강좌에서는 단순히 화면을 따라 만드는 것이 아니라 웹사이트가 어떤 구조로 구성되고, 각각의 UI 요소가 어떤 역할을 하는지 이해하는 것부터 시작합니다.

웹사이트 제작의 전체 흐름과 반응형·적응형 디자인, 모바일 퍼스트의 개념을 살펴보고, 웹사이트를 구성하는 주요 영역과 다양한 UI 컴포넌트의 역할을 배웁니다. 사용자 행동을 만드는 요소부터 피드백과 인터랙션, 콘텐츠를 보여주는 컴포넌트까지 실제 웹사이트에서 자주 사용하는 UI 구조를 체계적으로 이해합니다.

이후 그리드와 브레이크포인트, px·rem·%·vw·vh와 같은 웹 단위, 웹 환경에서 읽기 좋은 타이포그래피까지 학습하며 반응형 웹디자인에 필요한 기본적인 설계 기준을 익힙니다. 웹사이트를 단순히 예쁘게 만드는 것을 넘어, 왜 이렇게 설계해야 하는지 판단할 수 있는 웹디자인의 기본기를 만드는 것을 목표로 합니다.