]

본문바로가기

웹 기획 & 웹 디자인
워크샵

  • 프로젝트 실습
  • 디자인 포트폴리오
  • 주 2회/11강

웹 디자인을 하는 방법론을 배우고 실제로 디자인을 하는 실무 과정으로, 프로젝트 overview를 토대로 아이데이션, 컨셉 도출 및프로토타입 제작을 통해 웹 사이트 기획과 디자인을 함께 배우는 과정입니다.

반갑습니다,
아카데미정글입니다 😃
웹 기획 & 웹 디자인 워크샵 공지사항을 확인해주세요!

교육일정

2021.06.22-2021.07.27

교육시간

화, 목 / 15:00 - 18:00 (주 2회)

교육장소

아카데미정글 (강남 신사)

수 강 료

총 60만원

결제방법
  • 1. 일반결제 - 온라인 카드: 2 ~ 6개월 무이자 할부 가능 (👉무이자카드 할부 안내) - 내사카드(방문결제) - 무통장 입금(계좌이체)
  • 2. 일반 후불제 👉후불제란? - 교육 종료 후 월 30만원씩 2개월 분할 납부(인증료 별도)
    👉 교육비 후불제 솔루션 '학생독립만세'에서 후불제 인증 심사를 통해 후불제 인증 획득 후 계약과 인증료를 납부해야 일반 후불제가 가능합니다.
준 비 물

개인 노트북(권장)

🔊 코로나 대응단계별 교육안내

본 강의는 사회적 거리두기 정부지침에 따라 교육이 진행됩니다.
정부지침 변경을 바탕으로, 정확한 수업 진행 방식은 개강 전 문자로 안내 드립니다.

  • 거리두기 격상 해제시오프라인 현장교육 진행
  • 거리두기 격상시온라인 원격교육 진행

🔉 아카데미정글은 코로나19 바이러스에 대응한 철저한 예방조치로, 학원 방역을 확대해 수강생들이 안전한 환경에서 학습할 수 있도록 노력하고 있습니다.
- 실내 마스크 의무 착용
- 매일 학원 내 소독 및 방역 진행
- 출입시 QR코드 전자출입명부 작성 및 발열 체크
- 손 소독제 비치
- 강의실 내 좌석간 간격 띄우기

🔉 강의 구성 안내

지금 보고 있는 웹 기획 & 웹 디자인 워크샵 과정은
웹 디자인 & 웹 퍼블리싱 스페셜리스트디자인 파트(커리큘럼 상 Part 01, 02) 과정과 동일해요.

웹 디자인 & 웹 퍼블리싱 스페셜리스트

웹 디자인 파트(Part 01, 02) 웹 퍼블리싱 파트(Part 03, 04)
👉 디자인부터 퍼블리싱까지 함께 배우고 싶다면, 본 강의가 포함되어 있는 웹 디자인 & 웹 퍼블리싱 스페셜리스트 과정을 추천드립니다.

웹 기획부터 디자인을 함께 배우고 싶다면?
웹 사이트 디자인 포트폴리오 제작까지, 웹 기획 & 웹 디자인 워크샵 과정을 소개합니다👏

  • 웹 사이트
    기획
  • 웹 사이트 디자인
  • 웹 사이트 포트폴리오 제작

프로젝트 overview를 토대로 아이데이션, 컨셉 도출 및 프로토타입 제작을 통해 웹 사이트 기획을 하고 웹 사이트 서체 운영 이해, 비주얼 요소 디자인 제작, 여백과 그리드, 아이콘 소스 활용 및 제작을 통해 웹 사이트 디자인을 하여 웹 사이트 디자인 포트폴리오를 제작합니다.

웹 기획부터 디자인까지 배우는 과정, 왜 아카데미정글일까요?

  • 기획부터 디자인 포트폴리오까지

    웹 사이트 기획부터 시작하여 디자인 하는 방법을 배워 디자인 기본 원리를 베이스로 디자인을 진행해요. 디자인 스타일 가이드에 대해 배우고, 가이드의 필요성을 바탕으로 디자인 스타일 가이드를 작성하여 반응형 웹 사이트 포트폴리오 디자인을 제작해요.

  • 실무를 반영한 프로젝트 실습

    실무 경험 다수의 강사님이 이론적인 디자인 스킬 뿐 아니라 실무에서 유용하게 사용할 수 있는 다양한 실무 팁과 실무에서 어떻게 응용할 수 있는지 알려드려요. 실무를 반영한 실습을 바탕으로 실무에서 빠르게 적용할 수 있어요.

  • 강사 크리틱을 통한 포트폴리오 제작

    디자인은 사용성에 기반을 두고 있으며, 실제적인 기술력을 바탕으로 디자인 되어야 해요. 내가 직접 웹을 기획하고 디자인 한 디자인 시안물을 강사님의 1:1 크리틱을 통해 탄탄한 기획을 바탕으로 한 웹 디자인 포트폴리오를 제작해요.

기획부터 웹 디자인 포트폴리오 제작까지.
실무자에게 배워 실무에 바로 적용 가능한 실무 스킬을 습득할 수 있습니다.

  • 😮 웹 디자인을 체계적이고 구체적으로
    배울 수 있나요?

    👉 이 과정은 웹 디자인을 처음 접하는 분들께도 도움이 되는 강의입니다. 강사님이 실무 경험을 바탕으로 디자인 기획부터 가이드라인, 디자인 시스템 등 웹 디자인을 하는데 있어서 꼭 알아야 할 시각 요소에 대한 이론을 바탕으로 실습을 진행합니다. 어도비 XD를 활용하여 화면을 설계하고 디자인을 완료하여 프로토타입을 제작 하게 됩니다.

  • 🤔 트렌드에 어울리는 스킬을 습득할
    수 있을까요?

    👉 기본적인 웹 디자인 가이드 라인과 사용성을 바탕으로 사용자 중심 디자인에 대한 이론을 바탕으로 웹 디자인을 하게 됩니다. 실무 경험의 강사님이 실무적으로 기획부터 디자인까지 어떻게 이루어지는지 알려드리기 때문에 웹 디자인의 처음 부터 끝까지, 현 트렌드에 어울리는 스킬을 바탕으로 웹 디자인 실무에 맞게 배우실 수 있어요.

  • 😶 수업은 어떻게 진행되고 어떤
    포트폴리오를 제작하나요?

    👉 프로젝트 개요를 시작으로 아이데이션, 컨셉 도출, 프로토타입 제작 등을 통해 디자인과 레이아웃에 대해 배울 수 있습니다. 이후 개인별 반응형 웹 사이트 디자인 포트폴리오 제작을 진행 하며, 강사님이 뒤쳐지는 수강생이 없도록 꼼꼼히 지도해 주시기 때문에 웹 디자인을 하고 싶지만 혼자 하기 막막하신 분이라면 포트폴리오 제작시 도움이 될 거예요.

강의를 이끌어주실
김혜영 강사님을 소개합니다 ✋

강사
김혜영

현) 엔게디캠퍼스 대표 홍익대학교 영상대학원 인터랙션디자인과 수료 계원예술대학교, 홍익대학교(세종캠퍼스), 공주대학교, 건국대학교, 서울대학교 출강 아카데미정글, 한국디자인진흥원 강의
LG 유플러스 어도비 세미나 특강

  • 프로젝트
  • 힐링잼 모바일 UI 디자인
  • 스마트로보틱스, 휴먼톡톡, 에듀알앤디 웹사이트 제작
  • KOFIH 이러닝 콘텐츠 웹표준 변환
  • 에듀알앤디 교재 북디자인
  • 다수 이러닝콘텐츠 개발

👨‍🏫 강사님이 이야기하는
"웹 기획 & 웹 디자인 워크샵을 꼭 수강해야 하는 이유"

  • 👉 첫번째, 스스로 할 수 있도록 가이드하고 훈련하는 과정

    디자인을 처음 배우는 분들이라면 웹 기획부터 디자인까지 함께 배워야 혼자 웹 디자인을 할 때, 각각의 개념을 정확히 이해하고 실무에서 적용할 수 있어요. 이 과정은 본인이 웹 사이트를 실무와 동일한 방식으로 기획부터 디자인을 진행하여 디자인 포트폴리오를 제작하는 과정으로, 실무 방법론을 통해 다양하게 응용할 수 있는 방법을 배웁니다.

  • 👉 두번째, 실무 위주의 실습을 바탕으로 포트폴리오 제작

    수업에서 진행되는 예제는 단순히 학습을 위한 예제가 아닌 실무에서 쓰이는 실무 예제 위주의 실습을 진행하기 때문에 실무 프로세스를 경험할 수 있어요. 실제 사이트를 기획부터 디자인까지 실습을 한 후, 이를 바탕으로 개인별 반응형 웹 디자인 포트폴리오 사이트를 디자인 하면서 실무에 필요한 내용들을 직접 경험해 볼 수 있어요.

웹 기획과 디자인을 함께 배우는 웹 기획 & 웹 디자인 워크샵 과정에서는
다음과 같은 내용을 배우고 프로젝트를 수행합니다.

과정을 통해 웹 디자인 결과물을 제작합니다.

웹 디자인

좋은 디자인을 하기 위해 컬러, 그리드, 타이포그래피, 레이아웃, 아이콘 등 기본적 시각 요소와 관련된 이론적 베이스를 바탕으로 실무 디자인을 해요.디자인은 어도비 포토샵이나 일러스트레이터의 툴을 활용하여 비주얼 작업을 하고, XD를 활용하여 화면을 설계하고 디자인을 완료하여 프로토타입을 제작하게 됩니다.
이때 기본적인 웹 가이드라인과 사용성을 바탕으로한 사용자 중심 디자인에 대한 이론을 바탕으로 디자인해요.
그리드에 대한 기본적인 이해, 레이아웃의 이해, 타이포의 이해, 컬러에 대한 이해를 실제 사례를 통해 이해하고 레퍼런스를 분석하는 방법을 통해 자신의 디자인의 퀄리티를 높이도록 학습해요.

이런 분들을 위한 강의로,
완강 후 여러분은
다음과 같이 성장할 수 있어요👍

  • 웹 디자이너가
    되고 싶은 분

    웹 기획과 디자인 기초부터 차근차근히 웹 디자인의 기본 개념과 트렌드, 실무를 반영한 디자인 실습을 바탕으로 실무에서 빠르게 적용할 수 있어요.

  • 논리적인 디자인 커뮤니케이션을
    하고 싶은 분

    웹 기획과 웹 디자인을 함께 배워 실무에서 발생하는 다양한 사례를 바탕으로 문제 정의를 통해 논리적인 디자인 방법론을 통한 디자인법을 학습해요.

  • 디자인 퀄리티를
    높이고 싶은 분

    그리드에 대한 이해, 레이아웃, 타이포그래피의 이해, 컬러에 대한 이해를 실제 실무 사례를 통해 이해하고 자신의 디자인 퀄리티를 높이도록 학습합니다.

  • 사용자 중심 디자인을
    배우고 싶은 분

    기본적인 웹 가이드 라인과 사용성을 바탕으로 한 사용자 중심 디자인에 대한 이론을 바탕으로 XD를 활용하여 화면 설계 및 디자인을 완료하여 프로토타입을 제작해요.

🤚 잠깐, 이 과정이 나에게 맞는 과정인지 아직 고민중이신가요?
아카데미정글 커리큘럼 로드맵을 통해 나에게 맞는 과정인지 확인해보세요! 커리큘럼 로드맵 보러가기

초급 중급 고급
UI/UX 기획 라이트브레인 UX 기획 아카데미
UI/UX School
UI/UX 디자인 웹 기획 & 웹 디자인 워크샵 UI/UX 모바일 앱
디자인 포트폴리오
UI/UX 디자이너
취업 아카데미
타잔스쿨
UI/UX 웹
디자인 포트폴리오
웹 디자인 & 웹 퍼블리싱 스페셜리스트

웹 디자인 파트

웹 퍼블리싱 파트

👇 11강으로 구성된 커리큘럼을 확인해보세요.

  1. PART 01_WEB DESIGN

    • 01강
      • 프로젝트 Overview
      • 1. 추천 사이트 및 레퍼런스 가이드
      • 2. 프로젝트 Brief 작성 : Project Overview
      • 3. 프로젝트 목표 및 문제 발견 : Project Goal
      • 4. Research 방법 & 실습 _ 사용자, 경쟁사, 콘텐츠
      • 5. 1차 Reference 조사 분석
    • 02강
      • IDEATION
      • 1. 기초데이터 수집 및 콘텐츠 구성
      • 2. 콘텐츠 수집 및 내용 분석
      • 3. 기초 정보 구성 설계 - 콘텐츠 분석 및 적용
      • 4. 차별화 전략 수립 - 차별화 전략과 아이덴티티 수립
      • 5. 2차 Reference 조사 분석
        - 차별화 전략을 통한 2차 레퍼런스 조사
      • 6. Ideation & 아이디어 스케치
      • 7. 마인드맵, 어피티니 다이어그램, 강제 연결법 등
    • 03강
      • 컨셉 도출
      • 1. 제작 및 컨셉방향 수립
        - Ideation을 통한 컨셉 방향 수립
      • 2. 컨셉 도출(무드보드) - 레퍼런스를 통한 컨셉 시각화
      • 3. Tone & Mannnner
        - 컬러 이미지맵(형용사) 등을 통한 컬러 가이드
      • 4. 정보구조설계(IA Information Architecture)
        - 사이트맵 작성
      • 5. 와이어프레임 & UI 개발(인터랙션 설계)
    • 04강
      • 프로토타입 제작
      • - 프로토타입 제작(UI설계&인터랙션)
    • 05강
      • 디자인과 레이아웃 1
      • 1. 웹사이트 서체 운영 이해
        - 자간, 행간, 타이포 시스템의 이해
        - 시스템 폰트, 이미지 폰트, 웹폰트
      • 2. 비주얼요소 디자인 제작
        - 메인 이미지, 배너 제작
      • 3. 디자인 구성 요소의 이해와 제작
        - 노리적 분석을 통한 콘텐츠 구조화 디자인 하기
        - 그룹화 요소의 이해, 레이아웃의 이해
      • 4. 여백과 그리드, 아이콘 소스 활용 및 제작
    • 06강
      • 디자인과 레이아웃 2
      • 1. 웹 화면과 반응형 사이트의 레이아웃 이해
      • 2. 사용자와 레이아웃의 이해
      • 3. F레이아웃과 Z레이아웃의 이해(아이트래킹)
      • 4. 스크롤 이벤트와 패럴렉스의 이해
      • 5. 반응형 & 모바일 디자인
        - 가변크기와 고정크기의 이해
      • 6. 미디어쿼리에 의한 레이아웃의 변화 이해
      • 7. 디바이스별 해상도 이해
    • 07강
      • 디자인과 레이아웃 3
      • 1. 논리 픽셀과 물리 픽셀의 이해
      • 2. 배율 디자인과 반응형 레이아웃의 이해
      • 3. 마이크로 인터랙션의 이해
      • 4. 디자인 스타일 가이드(style-tiles),
        가이드의 개념과 필요성
      • 5. 컬러, 타이포그라피, 이미지, 패턴 시스템
      • 6. 디자인 스타일 가이드(style-tiles) 작성
  2. PART 02_WEB DESIGN PROJECT

    • 08강
      • 반응형 웹사이트 개인 포트폴리오 디자인 제작 1
    • 09강
      • 반응형 웹사이트 개인 포트폴리오 디자인 제작 2
    • 10강
      • 반응형 웹사이트 개인 포트폴리오 디자인 제작 3
    • 11강
      • 반응형 웹사이트 개인 포트폴리오 디자인 제작 4

수강생들이 직접 작성한 수강후기를 통해 전반적인 수업 분위기를 확인해보세요.

수강 신청하기 전, 예비 수강생 여러분께 전합니다.

  • 01

    난이도는 처음부터 시작합니다. 과정의 끝은 중급 이상을 위해 달려갑니다. 초급자를 대상으로 하여 실무 웹사이트를 제작할 수 있도록 하는 과정입니다. 성실 하게 공부한다면 기대 이상의 결과물을 얻을 수 있을 것입니다.

  • 02

    이 과정은 스스로 할 수 있도록 가이드 하고 훈련하는 과정입니다. 웹 사이트를 기획부터 시작하여실무를 반영한 학습을 토대로제대로 디자인 해보고 싶은 분들이 꼭 들어야 하는 과정입니다.

  • 03

    강사님이 가지고 있는 지식을 전수하며, 가르침에 있어서는 친절하게 성심껏, 아낌없이 가르쳐 드릴 거예요. 그래서 학생들이 강사님과 수업하고나면 많은 것을 얻어가게 됩니다.

  • 04

    강의장에 공용 PC가 준비되어 있지만, 가급적 노트북을 가져오길 권장합니다. 강의장 PC에는 Adobe CS6 프로그램이 준비되어 있어, 과정을 수강하는데 불편할 수 있어요.

🙋 결제 방법에 대해 설명해드릴게요. 후불제란? > 후불제 신청 >

아카데미정글에서는 다양한 방법으로 수강료를 결제할 수 있어요. 👉 일반 결제를 선택할 경우 할부가 가능한 온라인 카드 결제, 월별로 나누어서 결제가 가능한 방문결제(내사 카드), 무통장 입금(계좌이체)로 수강료를 결제할 수 있어요. 👉 먼저 과정을 들은 후 정해진 기간내에 수강료를 납부하는 후불제로도 결제할 수 있는데, 학생독립만세를 통해 후불제 인증심사를 거쳐 후불제 인증을 획득한 후 진행 가능합니다.
01. 일반 결제
  1. 01. 온라인 수강신청

    과정 선택 후 수강 신청을 하시면, 결제 방법과 관련하여 선택하실 수 있어요.

  2. 02. 일반 결제
    • 일반 결제와 관련한 수강료 결제 방법은 다음과 같아요.
    • - 온라인 카드 결제 시 할부 선택이 가능해요.
      할부 관련 정보는 아카데미정글 홈페이지에서 확인 가능해요.
    • - 무통장 입금(계좌 이체), 방문 결제(내사 카드)는 분할 납부가 가능해요. 이와 관련해서는 아카데미정글로 개별 연락 주시면 도와드릴게요.
    • - 결제는 바로 하지 않으셔도 괜찮아요. 마이페이지에서 이어서 진행할 수 있어요.
  3. 03. 교육

    개강일에 맞추어 문자로 개별 연락이 갈 거예요.
    수강 신청한 강의를 일정에 맞추어 수강하시면 됩니다.

02. 후불제

아카데미정글학생독립만세

  1. 01. 온라인 수강신청

    과정 선택 후 수강 신청을 하시면,
    결제 방법과 관련하여 선택하실 수 있어요.
    아카데미정글은 교육비 후불제 솔루션 '학생독립만세'와 함께 교육 종료 후, 교육비를 후불, 분할 납부 하는 후불제 교육을 진행하고 있어요.

  2. 02. 후불제 인증 &계약

    수강료 결제 방법에서 후불제를 선택하시면
    후불제 인증 신청을 할 수 있어요.
    후불제 인증 심사를 통해 후불제 인증 획득 후 학생독립만세에서 후불제 계약과 인증료(교육비의 5% 별도 선납)를 납부해야 해요. 이 과정은 온라인으로 진행돼요.

  3. 03. 교육

    개강일에 맞추어 문자로 개별 연락이 갈 거예요.
    수강 신청한 강의를 일정에 맞추어 수강하시면 됩니다.

  4. 04. 결제

    후불제는 교육이 종료된 후, 계약 기간 내에 교육비를 납부 해야 해요.

다음기수 개강 알림문자 신청, 뉴스레터 신청

🙋 이번 기수는 듣지 못해
아쉬워하는 분들을 위해
준비했어요.

해당 강의의 정확한 다음 기수 강의 일정을 사전에 공지해 드리기 어려워요.

👉 대신, 다음 기수 개강 알림 문자를 신청하시면 새로운 기수 개강일과 관련한 문자를 보내 드릴게요. 👉 아카데미정글의 보다 다양한 강의 개강 일정이 궁금하시다면, 뉴스레터를 신청해주세요.
매주 발행되는 뉴스레터를 통해 아카데미정글의 강의 개강 일정을 메일로 보다 편리하게 확인하실 수 있어요.

다음 기수 개강 알림 문자 신청하기아카데미정글 뉴스레터 신청하기

🔎 오시는 길은 다음과 같아요.

아카데미정글은 3호선 신사역 5번출구에서 도보 약 3분 거리입니다.
신사역 5번 출구에서 뒤에 GS주유소를 오른편에 두고 큰 도로를 직진하셔서 JoyMG가 있는 건물(원능프라자) 2층으로 오시면 됩니다.
수강생 분들은 주차장 이용이 불가하오니 대중교통을 이용해주시길 바랍니다.

수강신청 전, 꼭 확인해주세요. 더보기

웹 기획 & 웹 디자인 워크샵 7기

  • 웹 기획 & 웹 디자인

    아카데미정글은 코로나19 바이러스에 대응한 철저한 예방조치로 학원 방역을 확대해 수강생들이 안전한 환경에서 학습할 수 있도록 노력하고 있습니다. (실내 마스크 의무 착용, 매일 소독 진행, 출입시 QR 코드 전자출입명부 작성, 발열체크, 손 소독제 비치)

  • 교육일정
    2021.06.22-2021.07.27
    교육시간
    화, 목/ 15:00 - 18:00
    교육장소
    아카데미정글 (강남 신사)
    수 강 료
    총 60만원
    • - 온라인 카드 결제시 2~6개월 무이자 할부 가능
    • - 월 30만원씩 2개월 후불제 가능: 교육 종료 후 2개월 분납(학생독립만세)
    준 비 물
    개인 노트북(권장)
  • 아카데미정글은 코로나19 바이러스에 대응한 철저한 예방 조치로 학원 방역을 확대해 수강생들이 안전한 환경에서 학습할 수 있도록 노력하고 있습니다.