웹디자인

웹 아이콘을 고를 때는 모양의 예쁨보다 기능 전달, 화면 통일성, 접근성, 사용 허가를 함께 확인해야 합니다. 선 아이콘과 면 아이콘의 차이, 파비콘 제작 시 주의점, 실제 적용 순서와 흔한 실수를 살펴봅니다.

웹 색상의 헥스 코드와 색 이름부터 웹 접근성, 인쇄 색상과의 차이까지 실제 디자인에 적용할 때 확인할 기준과 실수 사례를 설명합니다.

웹 글꼴을 고를 때는 디자인뿐 아니라 한글 지원 범위, 파일 크기, 로딩 방식, 사용권을 함께 확인해야 합니다. 실제 적용 순서와 자주 하는 실수까지 살펴봅니다.

웹 화면 구성은 헤더와 본문을 나누는 데서 끝나지 않습니다. 방문자의 목적에 맞는 메뉴, 레이아웃, 반응형 배치와 실수 점검 기준을 사례와 함께 알아봅니다.

웹 접근성은 장애가 있는 사람뿐 아니라 다양한 환경의 사용자가 웹사이트를 이용할 수 있게 만드는 설계 원칙입니다. 키보드 이동, 대체 텍스트, 색 대비, 입력 오류 안내를 실제 점검 순서와 사례로 살펴봅니다.

랜딩 페이지와 홈페이지의 차이부터 방문자를 행동으로 이끄는 웹페이지 구성, 모바일 점검 기준, 제작 후 확인할 지표와 실수 사례까지 실제 작업에 필요한 기준을 소개합니다.

쇼핑몰 디자인은 예쁜 첫 화면만 만드는 일이 아닙니다. 템플릿과 맞춤 제작의 차이, 모바일 화면과 상세페이지 점검법, 견적 전 확인할 항목과 자주 생기는 실수를 실제 운영 기준으로 살펴봅니다.

모바일 웹 디자인은 컴퓨터 화면을 줄이는 작업이 아니라 휴대전화에서 읽고 누르고 이동하는 흐름을 다시 설계하는 일입니다. 반응형 레이아웃 선택 기준부터 버튼, 글자, 입력창 점검법과 자주 생기는 실수까지 살펴봅니다.

반응형 디자인은 화면 크기에 따라 웹페이지의 구조와 요소가 바뀌도록 설계하는 방법입니다. 모바일과 데스크톱의 차이, 적응형 디자인과의 비교, 제작 순서와 실수 사례를 통해 홈페이지 점검 기준을 살펴봅니다.

웹페이지 구성은 디자인보다 먼저 방문자의 목적과 이동 순서를 정하는 일입니다. 원페이지와 여러 페이지의 차이, 메뉴 설계, 모바일 점검, 제작 과정과 실수 사례를 실제 기준으로 살펴봅니다.