빠른 수강료 조회

운영 시간 내에는 3분 안에 연락 드리겠습니다.

230908_윙배너_인테리어
230908_윙배너_게임원화
230704_윙배너_OA컴활
230704_윙배너_디자인취업과정

★★★
입문과정
0원
-
환급
PASS
이벤트
-

바로 가기

국비 과정 ‘나도 들을 수 있을까?’
고민하지말고 문의하세요!

title

-

-

웹/편집/인테리어

UI/UX

웹사이트 디자인의 기획과 구성, 웹트렌드를 반영한 브랜딩을 만드는 과정!

사용자들의 편리함을 파악하여 UI 디자인, 디테일 아이콘 제작, 웹사이트의 기획과 구성, 브랜딩의 수업!

수업 소개

UI/UX 기획시안이란 무엇인가요?

기획시안은 웹 사이트 디자인에 필요한 필수 이론을 배우고 UI/UX의 개념을 익히는 수업입니다.
웹 디자인은 PC와 모바일 디바이스의 특징과 각 디바이스의 차이를 구분하고 이해할 줄 알아야 합니다.
단순히 사이트를 제작하는 것이 아닌 웹 해상도, 폰트 및 컬러 등을 고려하여 웹사이트를 기획하고 디자인하는 방법을 배울 수 있습니다.
실무 작업 방식을 따른 커리큘럼으로 구성되어 감으로 디자인하지 않는 탄탄한 기초와 기본기를 갖춘 논리적인 디자인을 배웁니다.

수업 목표

UI/UX의 수업 목표는 무엇인가요?

웹 디자인에 필요한 필수 이론을 익히고, 사이트 제작을 통해 웹 디자인 작업 방식과 스킬을 키울 수 있습니다.

수업 포인트

UI/UX의 수업 포인트는 무엇인가요?

  • 디자인 이론

    컬러, 폰트, 그리드 시스템에 대해 배웁니다.

  • 기획서 작성

    이론 내용을 토대로 컨셉을 서치하며 전체적인 디자인을 구상합니다.

  • PC 시안 작업

    그리드 시스템에 맞게 PC 웹 사이트 리뉴얼 합니다.

  • Mobile resizing

    Mobile 화면에 맞게 리사이징 하며 밸러스를 조정합니다.

수업 방식

UI/UX의 수업 방식은 무엇인가요?

  • 1

    실무 작업 방식을 통해 어떤 방법으로 웹사이트를 디자인하는지 다양한 예제를 통하여 실습하고 응용하는 과정입니다.

  • 2

    수업 과정을 초반 2주는 웹디자인 이론과 응용, 후반 2주는 자료수집부터 콘셉트 잡는 방법까지 실무작업으로 이루어집니다.

  • 3

    주제별로 개인 작업물을 만들고 피드백을 후 고퀄로 만들어지는 과정에서 레이아웃을 배우게 됩니다.

  • 4

    소스 준비를 철저히 하지 않으면 작업물이 나올 수 없기 때문에 수업 준비가 잘 돼야 합니다.

사전 준비 항목

UI/UX 수업의 사전준비 항목은 무엇인가요?

[ 준비 항목 ]

과제와 복습을 할 수 있도록 Adobe Photoshop CC, Adobe illustrator CC, PowerPoint 프로그램을 설치할 수 있는 컴퓨터

[ 선수강과목 ]

포토샵

일러스트

[ 사용 프로그램 ]

PowerPoint

Illustrator

Photoshop

취업분야 및 전망

UI/UX 수업의 취업분야 및 전망은 어떤가요?

웹 디자인은 온라인으로 통하는 세상에서 꼭 필요한 영역입니다.
전 세계의 웹 사이트 수는 이미 2억개를 넘어섰고 고용정보원에 따르면 향후 10년간 웹 및 멀티미디어 분야는 계속 증가할 것으로 전망하고 있습니다. 우리나라의 휴대전화의 보급률은 100%로 나타났고 이 가운데 스마트폰 사용자들은 95%로 세계 최고 수준입니다. 스마트폰 등의 IT 기기가 발전할수록 온라인에서 이용하는 각종 프로그램이나 모바일 웹/앱 디자인의 수요가 지속적으로 증가하고 있습니다. 웹디자인, 웹 기획자, 개발자, 프로그래머 등의 수요는 계속 증가할 것으로 유추합니다.

[ 수강 후 어떤 분야로 취업할 수 있을까요? ]

  • 시각 디자인
  • 웹 디자인
  • 앱 디자인
  • 웹 에이젼시
  • 광고 대행사
  • 기업 디자인팀

[ 수강 후 어떤 작업을 할 수 있을까요? ]

  • 웹 디자인
  • 모바일 디자인
  • 앱 디자인
  • 아이콘 디자인

포트폴리오

  • [웹포트폴리오] OOO 학생작품

  • [웹포트폴리오] 한O빈 학생작품

  • [웹포트폴리오] 최O우 학생작품

  • [웹포트폴리오] 정O우 학생작품

  • [웹포트폴리오] 김O석 학생작품

  • [웹포트폴리오] 김O기 학생작품

  • [웹포트폴리오] 권O진 학생작품

  • [웹포트폴리오] 정O우 학생작품

  • [웹포트폴리오] 선O진 학생작품

  • [웹포트폴리오] 최O은 학생작품

커리큘럼

브랜드컬러 / 시스템컬러 / 강조컬러 / 컬러배색 해상도 / DP 해상도

웹 컬러 이론인 브랜드 컬러, 인터렉션 컬러, 시스템 컬러 및 컬러의 중요도 및 PC해상도와 모바일 해상도의 차이와 단위에 대한 이론을 배웁니다.

그리드 시스템 / 8포인트 그리드 / 8배수 간격 폰트 선정 / 웹 폰트

웹사이트 레이아웃의 기본기인 그리드 시스템의 측정 방법을 익히고 추천 사이트를 이용하여 그리드 시스템을 다운로드합니다. 웹에서 작성되는 텍스트 활용 방법을 익힐 수 있습니다.

패턴 레이아웃 / 이미지 황금비율 / 그래픽 프로그래의 개요 디자인의 흐름 / 트랜드 파악

패턴 레이아웃, 이미지 황금 비율 등 기본적인 디자인론을 배워봅니다. 과거의 디자인 흐름과 현재의 디자인 트랜드를 파악할 수 있습니다.

아이콘 종류 / 키라인 / 제작 방법 웹 구조 파악 / 실습

아이콘 제작 이론과 일러스트에서 SVG파일 저장 방법을 배웁니다. 이미지를 저장하는 법, 폰트를 활용하는 법을 익혀 웹사이트 제작 실습을 진행합니다.

PC 웹 사이트 리뉴얼 프로젝트 진행

수강생별 1:1 피드백을 진행합니다. 피드백을 주고 받으며 리뉴얼 사이트를 수정하여 최종 PC 사이트를 완성합니다

모바일 웹 사이트 리뉴얼 프로젝트 진행

완성된 PC 사이트를 모바일 디바이스에 맞게 리사이징 합니다. 바이스별 해상도를 고려하고 피드백을 주고 받으며 최종 MOBILE 사이트를 완성합니다.

최종 밸런스 조정 / 산출물 보고서 작성

PC 웹사이트와 MOBILE 웹사이트의 밸런스를 최종으로 체크하며 보완 작업을 진행합니다. 기획서 내용을 기반으로 제작이 완료된 파일을 가지고 산출물 보고서를 작성합니다.

* 캠퍼스 상세 커리큘럼은 다를 수 있습니다.

웹/편집/인테리어

UI/UX

캠퍼스
이름
연락처
--