본문바로가기

웹 디자인
포트폴리오

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

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

반갑습니다,
아카데미정글입니다 😃
웹 디자인 포트폴리오 수업일정 및 공지사항을 확인해주세요!

교육일정

2024.05.14 - 2024.06.18

교육시간

화,목 19:00 - 21:50 (주 2회)

교육장소

아카데미정글 (강남 신논현)

수 강 료

총 66만원

결제방법 준 비 물

개인 노트북(권장)

🔊 강의 관련 공지사항

  • 오프라인 현장 교육

    아카데미정글 강의는 오프라인 대면 수업으로 진행됩니다.

  • 영상과 수업 자료 공유

    수업 복습 및 결석 대비 수업 관련 영상과 자료를 제공해 드립니다.

  • 1:1 크리틱 진행

    1:1 크리틱을 통해 완성도 높은 개인 포트폴리오를 제작해요.

🎁 강의 수강생 특전

웹 디자인 포트폴리오 강의
수강생에게 드리는 특전

이력서 및 자기소개서 작성시, 상담 실장님이 첨삭해 드립니다!
궁금하신 점은 아카데미정글로 문의 주시기 바랍니다📞

🔉 강의 구성 안내

지금 보고 있는 웹 디자인 포트폴리오 과정은
웹 퍼블리싱 스페셜리스트의 디자인 파트(커리큘럼 상 Part 01, 02) 과정과 동일해요.

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

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

웹 디자인을 배우고 싶다면?
웹 사이트 디자인 포트폴리오 제작까지, 웹 디자인 포트폴리오 과정을 소개합니다👏

  • 프로젝트
    OVERVIEW
  • 웹 사이트 디자인
  • 웹 사이트 포트폴리오 제작

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

웹 디자인을 배우는 과정, 왜 아카데미정글일까요?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

강사
김혜영

현) 엔게디캠퍼스 대표 전) 계원예술대학교 디지털미디어디자인 전임교수
전) 서울대학교, 홍익대학교, 건국대학교, 경희대학교 출강 홍익대학교 인터랙션디자인(석사)

  • 프로젝트
  • 산업인력공단 웹사이트 리뉴얼
  • 힐링잼 모바일 UI 디자인
  • 한국사이버대학교 이러닝 콘텐츠 디자인 & 개발
  • 프라임정보통신(테크노마트) 이벤트 게임 개발
  • KOREA 2007 FIFA U-17 World Cup Korea 개발
  • 한국 산업안전공단 E-러닝 교육 컨텐츠 디자인 & 개발
  • 존슨앤존슨 의료콘텐츠 개발

👨‍🏫 강사님이 이야기하는
"웹 디자인 포트폴리오를 꼭 수강해야 하는 이유"

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

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

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

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

디자인을 기초부터 배우는 웹 디자인 포트폴리오 과정에서는
다음과 같은 내용을 배우고 프로젝트를 수행합니다.

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

웹 디자인

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

수강생들이 제작한 포트폴리오를 소개합니다.

  • 권O민 수강생 포트폴리오
    샤넬 반응형 웹사이트 리디자인 권O민 수강생 포트폴리오
    닫기
  • 이O석 수강생 포트폴리오
    한국 오피셜 웹사이트 리디자인 이O석 수강생 포트폴리오
    닫기
  • 윤O원 수강생 포트폴리오
    닥터마틴 웹사이트 리디자인 윤O원 수강생 포트폴리오
    닫기
  • 배O희 수강생 포트폴리오
    YBN 전화·화상 웹사이트 리디자인 배O희 수강생 포트폴리오
    닫기
  • 마O영 수강생 포트폴리오
    니베아 웹사이트 리디자인 마O영 수강생 포트폴리오
    닫기

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

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

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

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

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

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

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

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

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

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

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

웹 디자인 파트

웹 퍼블리싱 파트

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

  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
    • 12강
      • 반응형 웹사이트 개인 포트폴리오 디자인 제작 5

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

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

  • 01

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

  • 02

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

  • 03

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

  • 04

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

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

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

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

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

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

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

아카데미정글은 9호선, 신분당선 신논현역 9번 출구에서 도보 약 3분 거리입니다.
신논현역 9번출구에서 교보타워 후문 반대편 1층 컴포즈 커피가 위치한 건물 3층입니다.
수강생 분들은 주차장 이용이 불가하오니 대중교통을 이용해주시길 바랍니다.

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

웹 디자인 포트폴리오 30기

  • 웹 디자인

  • 교육일정
    2024.05.14 - 2024.06.18
    교육시간
    화,목 19:00 - 21:50 (주 2회)
    교육장소
    아카데미정글 (강남 신논현)
    수 강 료
    총 66만원
    • - 온라인 카드 결제시 2~6개월 무이자 할부 가능
    • - 계좌이체, 방문(내사카드)결제 가능
    준 비 물
    개인 노트북(권장)

TOP