그래픽디자이너 오바나 다이스케 Details
소개 영상
그래픽 디자이너, 오바나 다이스케
“브랜딩 사이트와
포트폴리오 사이트 등
디자인 중점의 유니크한
웹 사이트를 만드는 비결을
알려드리겠습니다.”
색다른 디자인을 가미한
매력적인 웹 사이트 제작법
단순히 보기 좋은 사이트가 아닌,
매력을 극대화해주는 사이트를
만들고 싶으신가요?
스토리와 컨셉을 살려
더욱 차별화된 웹사이트를 만드는 비결을
그래픽 디자이너
오바나 다이스케가 알려드립니다.
이번 클래스에서는
웹 사이트의 역할과
Adobe XD의 사용법 등
웹 디자인 기초부터 탄탄히 다진 후,
브랜드 웹사이트와
포트폴리오를 위한 사이트까지
직접 개설해 보며
실전 스킬을 다집니다.
콜로소 일본 사이트 베스트셀러 등극!
오바나 다이스케만의
아트 디렉션 웹 사이트 제작 비결을
콜로소에서 확인해 보세요.
클래스 정보
영상 22회
강의 시간: 한 회차당
약 30분 내외
난이도: 초·중급
평생 시청
동영상 정보
온라인 VOD
오디오: 일본어
자막: 한국어
클래스 혜택
1. 예제 사이트 2개 완성
2. 강의 자료 PDF 파일
3. 과제용 JPG, 로고 AI 파일 등
4. 완성판 디자인 XD 파일
브랜드의 매력과 세계관을 최대한 끌어내는
오바나 다이스케의 포트폴리오
그래픽 디자이너 오바나 다이스케의
클래스가 특별한 이유
매체에 구애받지 않는
디자인 노하우 대공개
이번 클래스에서는
그래픽 디자인과 웹 디자인,
두 분야를 모두 섭렵한
'일본' 그래픽 디자이너 오바나 다이스케의
웹 사이트 제작 노하우가 공개됩니다.
인쇄 매체에서 출발해 웹 사이트까지,
다양한 디자인 경험을 통해
매력 넘치는 웹 사이트를
제작해 볼 기회!
틀에 박히지 않은
유연한 사고를 바탕으로
웹 디자인의 전반적인 실무 능력을
다지는 것은 물론, 웹 디자이너로서의
경쟁력까지 확보해 보세요.
실용적인 단계별 예제를 통해
웹 디자인의 흐름과 스킬을 익힙니다.
-
모방 사이트
(메인 페이지) -
브랜딩 사이트
(PC용 메인 페이지) -
브랜딩 사이트
(PC용 서브 페이지)
-
브랜딩 사이트
(모바일용 메인 페이지) -
포트폴리오 사이트
(PC용 메인 페이지) -
포트폴리오 사이트
(PC용 서브 페이지)
* 위 예제는 해당 클래스에서 실제로 제작하게 될 예제입니다.
오바나 다이스케
그래픽 디자이너
안녕하세요,
그래픽 디자이너
오바나 다이스케입니다.
2010년부터 도쿄를 거점으로
프리랜서로 활동하며
웹 사이트 기획과 디자인, 정보 설계를 중심으로
VI/CI 및 브랜드 기획 제작, 판촉물 제작 등
그래픽 디자인 관련
직종에 종사하고 있습니다.
또한 2017년부터는
쿠와사와 디자인 연구소의 시간제 강사로서
웹 디자인 강의도 담당하고 있습니다.
웹 제작 회사와
디자인 사무소를 세워 독립했고,
그 경험을 살려 평면 디자인의
'만능 해결사'처럼 일하고 있습니다.
매체에 구애받지 않고 소재를 살리는
섬세한 디자인을 추구하고 있습니다.

오바나 다이스케
현) 그래픽 디자이너
클래스 특징
기초부터 배우는
웹 디자인과 Adobe XD
웹 사이트의 역할과 디자이너에게 요구되는 역량, Adobe XD 사용법 등 기본기를 확실히 다지고, 기획부터 런칭까지의 웹 사이트 제작의 흐름을 익힙니다.
인쇄 매체를 다루듯
틀에 얽매이지 않는 발상법
인쇄 매체와 웹, 두 디자인 분야에서 활동하는 오바나 다이스케의 경험을 토대로 각각의 차이점을 알아보고, 실습을 통한 디자인을 구상법을 학습합니다.
컨셉을 명확하게 전달하는
아트 디렉션
브랜딩의 이미지 보드와 같은 역할을 하는 웹 사이트의 메인 페이지에 대해 알아보고, 상품과 서비스에 대한 첫인상을 좌우하는 핵심적인 디자인 노하우도 함께 배워봅니다.
클래스 구성
이런 것을 배웁니다
-
웹 디자인 기초 지식웹 사이트의 역할과 사이트 제작 과정, 웹 디자이너에게 필요한 지식 등 제작에 필요한 기본적인 내용을 간결하게 설명합니다. -
인쇄 매체와 웹의 차이전혀 다른 성질을 띠고있어 서로에게 영향을 받으며 진화하고 있는 '인쇄 매체'와 '웹'. 각각의 차이점과 제작 방법의 차이를 알아봅니다. -
디자인 툴 Adobe XD의 기본 조작 방법처음 Adobe XD를 사용해 보는 분도 쉽게 이해할 수 있도록 텍스트와 도형, 사진 배치 등 실용적인 작업을 중심으로 디자인 제작에 필요한 기능을 익힙니다.
-
세계관을 고려한 비주얼 소재 준비웹 사이트의 인상을 좌우하는 가장 중요한 부분은 사진과 동영상 등의 비주얼 요소입니다. 클라이언트의 의뢰를 받고 소재를 결정하는 과정을 배웁니다. -
실무의 흐름을 반영한 제작 프로세스현실적인 조건을 가정해 실제 실무와 같이 디자인 과정을 설명합니다. 그저 보기 좋은 사이트를 만드는 게 아니라 업종과 목적에 맞춰 디자인하는 방법 등 실무에 도움이 되는 기술을 소개합니다. -
개성 있는 사이트 제작을 위한 디자인조미료를 첨가하듯 약간의 위화감과 흥미를 돋우는 표현을 넣어 주면 개성이 되어 다른 사이트와의 차별화로 이어집니다. 그저 알기 쉽게 만드는 게 아니라 특별하고 독특한 매력이 있는 사이트 제작을 목표로 합니다.
- 평생 수강
- 최저가
한번 구매로, 평생 시청하세요.
12.31 (토) 가격이 인상됩니다.
조만간 가격이 인상될 예정입니다.
지금 구매하세요!
커리큘럼
커리큘럼을 보여드려요
SECTION 01. 오리엔테이션
01. 연사 소개
- 업무 소개
- 디자인 업무에서 중요한 점
- 강의 개요
- 자주 하는 질문
SECTION 02. 웹 디자인 기초
02. 웹 디자인 기초 지식
- 웹 사이트의 역할이란
- 웹 디자이너에게 필요한 역량과 지식
03. 웹 사이트 제작의 흐름
- 웹 사이트 제작 과정
- 와이어 프레임에 대한 개념
- 스마트폰과 앱에 관한 해설
- UI, XD 디자인의 역할
04. 인쇄 매체와 웹 디자인의 차이
- 본질의 차이
- 제작 방법의 차이
05. 이미지에 관한 지식
- 확장자, 이미지 데이터의 기초 지식과 이점
- 일러스트, 사진 소재 확보 하는 법
SECTION 03. Adobe XD 기본 조작법
06. Adobe XD의 기본 조작법 01
- 항목 훑어보기
- 도구 알아보기
07. Adobe XD의 기본 조작법 02
- 강의에서 사용하는 기능
- 디자인 따라해 보기
SECTION 04. 브랜딩 사이트 메인 페이지 디자인
08. 브랜딩 사이트 메인 페이지 디자인 제작 01
- 과자 브랜딩 사이트 메인 페이지 제작
- 요소와 구성 확인
- 목적과 요소와 타겟층
- 사이트 구성
09. 브랜딩 사이트 메인 페이지 디자인 제작 02
- 와이어 프레임 제작
- 와이어 프레임의 중요성
10. 브랜딩 사이트 메인 페이지 디자인 제작 03
- 소재 확인하기
- 폰트와 배색 설정
- 방향성 설정
11. 브랜딩 사이트 메인 페이지 디자인 제작 04
- 사진 배치하기
- 텍스트 배치하기
- 기타 소재 배치하기
12. 브랜딩 사이트 메인 페이지 디자인 제작 05
- 첫 화면의 외관 조절하기
- 여백과 문자 크기 조절하기
- 배색과 레이아웃 조절하기
13. 브랜딩 사이트 메인 페이지 디자인 제작 06
- 깔끔한 레이아웃이란
- 의도적인 위화감을 넣는 요령
14. 브랜딩 사이트 메인 페이지 디자인 제작 07
- 다른 패턴안 만들기
- 타이포그래피를 사용한 케이스
- 레이아웃을 자유롭게 설정한 케이스
SECTION 05. 브랜딩 사이트 기타 페이지 디자인
15. 브랜딩 사이트 서브 페이지 디자인 제작
- PC용 메인 페이지를 토대로 서브 1페이지를 제작
16. 모바일 사이트 메인 페이지 디자인 제작
- 스마트폰용과 태블릿용 디자인을 PC용 메인 페이지를 토대로 만들기
- 반응형 웹 디자인에 관한 간단한 설명
- 제작 과정이 거꾸로 될 가능성
17. 피드백과 수정
- 프로토타입 공유
- 클라이언트 혹은 다른 멤버와의 확인 작업
- 피드백을 받을 때 중요한 점
SECTION 06. 포트폴리오 사이트 디자인
18. 포트폴리오 사이트 디자인 제작 01
- 매력적인 포트폴리오 사이트 만들기
- 요소와 구성 확인하기
- 흐름 알아보기
- 목적과 요소 및 타겟층
- 사이트 구성 확인하기
19. 포트폴리오 사이트 디자인 제작 02
- 와이어 프레임 만들기
- 소재 확인하기
- 폰트와 배색 설정하기
- 방향성 설정하기
20. 포트폴리오 사이트 디자인 제작 03
- 소재 배치하기
- 간단한 레이아웃 알아보기
21. 포트폴리오 사이트 디자인 제작 04
- 전체적인 디자인 채우기
- 목록 페이지(TOP)에 맞추어 작품 페이지 디자인하기
SECTION 07. Outro
22. 마무리
- 웹 디자인의 전망
- 강의 총평
- 웹 디자이너로서의 조언
인터뷰
그래픽 디자이너
오바나 다이스케
해당 분야를 공부할 때 가장
어렵게 느끼는 부분은 무엇이며,
이 강의를 통해 그 부분을 어떻게
해결할 수 있을까요?
코딩과 그래픽 디자인 지식을 배울 수 있는 온라인 강의는 있습니다만 실전을 통해 웹 디자인을 학습할 기회는 적은 것 같습니다. 본 강의에서는 와이어 프레임부터 디자인을 시작하여 마무리 단계까지 과정을 통해 실제로 손을 움직이며 제작 흐름을 익힙니다. 웹 디자인 입문자에게는 제작 방법을 알기 쉽게 배울 수 있는 강의이며, 실무자에게는 아이디어의 폭을 넓힐 수 있는 강의입니다.
그래픽 디자인, 웹 디자인을 공부하게 된
계기를 가르쳐 주세요.
학창 시절에 음악 활동을 했는데, 이때 라이브 홍보 포스터나 DM 등을 제작하면서 재미를 느껴 디자인의 길로 빠지게 되었습니다. 그 무렵에는 폰트 하나를 고르려고 꼬박 이틀이 걸리기도 했어요. 그럼에도 전혀 질리지 않고 오히려 열중하게 되었습니다. 그 후 전문학교에서 플래시 시대의 웹 제작에 관심을 가졌고, 웹과 인쇄 매체 디자인을 모두 다루는 사무소에서 근무했습니다.
그래픽 디자인, 웹 디자인 분야의
시장성과 전망에 대해 말씀해 주세요.
그래픽 디자인(인쇄 매체)과 웹 디자인 업계가 조금 더 가까워지지 않을까 싶습니다. 기술적 측면이든 정신적 측면이든 양쪽 다 작업할 수 있는 디자이너는 현업에서 중요시 여겨지며, 다양한 분야를 이해하고 실무 능력이 뛰어난 아트 디렉터는 전반적인 브랜드 구축의 중심이 될 것입니다.
디자인을 구현하실 때 가장 중요하게
생각하시는 포인트는 무엇인가요?
'균형'이 중요하다고 생각합니다. 예술성과 기능성, 필요와 욕구, 의뢰인과 제작자, 예산과 품질 등 디자인 작업을 진행할 땐 다양한 부분의 밸런스를 맞추는 능력이 필요합니다. 좋은 디자인이란 여러 조건 속에서 기적적인 밸런스로 조화를 이룬 상태라고 생각합니다.
사용 프로그램
안내드립니다.
본 강의는 Adobe XD 51 프로그램으로 진행되며,
원활한 수강을 위해 Adobe XD 51 버전 이상 사용을 권장합니다.
*프로그램 및 준비물은 별도로 제공하지 않습니다.
추천 클래스
당신이 놓치지 말아야 할
추천 클래스
