• 강좌 목록
  • 북마크
  • 디자인 사전
  • 무료 폰트
  • 무료 소스
  • 매거진
  • 도구
  • UI 템플릿
    • 앱 UI 템플릿
    • 웹 UI 템플릿
멤버십
  • 전체
  • 멤버십 전용
  • 포토샵
  • 일러스트레이터
  • 애프터 이펙트
  • 미드저니
  • UXUI
  • 웹 디자인
  • 피그마
  • 스케치
  • XD
  • 프로토파이
  • 제플린
  • 웹 코딩
  • 워드프레스
  • Lottie
  • Three.js
이번 주 인기 검색어 (05.05 - 05.11)
  • 1 피그마
  • 2 그리드
  • 3 1
  • 4 목업
  • 5 예제
  • 6 효과
  • 7 포토샵
  • 8 그래피
  • 9 로고

크리에이티5

크리에이티 #5

AI로 저해상도 이미지를 고해상도로! Creatie 기능으로 웹 UI 디자인 완성하기 – Creatie 강좌 1-5

크리에이티 예제
크리에이티 #4

Creatie로 APP UI 디자인 실습하기 – Creatie 강좌 1-4

크리에이티 매지콘
크리에이티 #3

생산성 높여주는 Creatie.ai의 스마트 기능들 (Magicon, Image enhancer, Style Guide, Audit) – Creatie 강좌 1-3

크리에이티
크리에이티 #2

Wizard로 빠르게 생성하는 UI (Figma import) – Creatie 강좌 1-2

Creatie
크리에이티 #1

새롭게 뜨는 Creatie ai 알아보기 – Creatie 강좌 1-1

UXUI50

전체보기
UXUI #50

사용자 인터페이스 디자인을 위한 10가지 사용성 휴리스틱 – UXUI 디자인 강좌 5-16

멤버십 전용
UXUI #49

데이터드리븐 UX 찍먹하기 – UXUI 디자인 강좌 5-15

멤버십 전용
인지편향
UXUI #48

인지 편향: 확증 편향, 직렬 위치 효과, 기준점 편향, 권위에의 호소 편향, 허위 합의 효과, 밴드왜건 효과, 생존자 편향 – UXUI 디자인 강좌 5-14

멤버십 전용
인지심리학
UXUI #47

인지 심리학 03 : 도허티의 임계, 파레토 법칙, 미적 사용성 효과 – UXUI 디자인 강좌 5-13

멤버십 전용
인지심리학
UXUI #46

인지 심리학 02 : 힉의 법칙, 포스텔의 법칙, 목표 그라데이션 효과, 피크엔드 법칙 – UXUI 디자인 강좌 5-12

멤버십 전용

애프터 이펙트12

전체보기
날아다니는 꿀벌 애니메이션
애프터 이펙트 #12

꿀벌 날아다니는 효과 – 애프터이펙트 강좌 2-6

움직이는 웨이브 만들기
애프터 이펙트 #11

움직이는 웨이브 만들기 – 애프터이펙트 강좌 2-5

움직이는 그라데이션 배경 예시
애프터 이펙트 #10

움직이는 그라데이션 배경 만들기 – 애프터이펙트 강좌 2-4

에프터이펙트 움직이는 포스터 예시
애프터 이펙트 #9

움직이는 포스터 만들기 – 애프터이펙트 강좌 2-3

눈 내리는 마을 예제
애프터 이펙트 #8

눈 내리는 마을, 카메라로 공간감까지 – 애프터이펙트 강좌 2-2

워드프레스54

전체보기
워드프레스 고급 강의 마무리
워드프레스 #54

워드프레스 강좌 마무리 – 워드프레스 강좌

멤버십 전용
워드프레스 고급 강의 - 구글 애드센스
워드프레스 #53

워드프레스에 구글 애드센스로 광고 넣는 방법 – 워드프레스 강좌

멤버십 전용
워드프레스 고급 강의 - 구글 애널리틱스
워드프레스 #52

웹사이트에 몇명이 보는지, 어떤 검색어로 들어왔는지, 사이트의 속도는 어떤지 파악하는 방법 – 워드프레스 강좌

멤버십 전용
워드프레스 고급 강의 - 웹사이트 최적화
워드프레스 #51

웹사이트 최적화하는 방법 – 워드프레스 강좌

멤버십 전용
워드프레스 고급 강의 - seo 최적화
워드프레스 #50

검색 엔진 최적화 하는 방법 – 워드프레스 강좌

멤버십 전용

피그마29

전체보기
피그마 라이브러리 스왑
피그마 #29

피그마 라이브러리 스왑 기능 활용하기 – 피그마 강좌 3-9

멤버십 전용
디자인시스템 라이브러리를 활용해서 템플릿 제작
피그마 #28

피그마로 제작한 디자인 시스템 활용해서 템플릿 제작하기 – 피그마 강좌 3-8

멤버십 전용
피그마 라이브러리로 UI 컴포넌트 만들기
피그마 #27

디자인시스템 컴포넌트 라이브러리 생성 – 피그마 강좌 3-7

멤버십 전용
피그마 라이브러리로 스페이싱 & 사이징 적용하기
피그마 #26

디자인시스템 Spacing & Sizing 라이브러리 생성 – 피그마 강좌 3-6

멤버십 전용
피그마 라이브러리로 아이콘셋 등록하기
피그마 #25

디자인시스템 아이콘 라이브러리 생성 – 피그마 강좌 3-5

멤버십 전용

미드저니27

전체보기
제품, 인물 사진 활용
미드저니 #27

UI 디자인에 제품, 인물 사진 활용하기 – 미드저니 강좌 4-5

멤버십 전용
미드저니로 만든 후디 목업 이미지
미드저니 #26

목업 이미지 만드는 방법 – 미드저니 강좌 4-4

멤버십 전용
미드저니 그래픽 에셋 제작
미드저니 #25

미드저니로 다양한 그래픽 에셋 만드는 방법 – 미드저니 강좌 4-3

멤버십 전용
미드저니로 생성한 캐릭터 디자인
미드저니 #24

미드저니로 캐릭터 만드는 방법 – 미드저니 강좌 4-2

멤버십 전용
미드저니로 로고 만들기
미드저니 #23

미드저니로 로고 만드는 방법 – 미드저니 강좌 4-1

포토샵58

전체보기
포토샵 기초 강좌 - 폰트 및 타이포그래피예시
포토샵 #58

타이포그래피 지식을 바탕으로 텍스트 레이어 사용하기 – 포토샵 강좌 입문 2022

포토샵 일러스트레이터 불러오는 방법
포토샵 실전 #19

일러스트 고퀄리티로 쉽게 만드는 방법(feat. illustrator) – 포토샵 강좌 실전

포토샵 배경에 맞게 합성 방법
포토샵 실전 #18

Displace를 활용해서 배경에 맞춰 자연스럽게 합성하는 방법 – 포토샵 강좌 실전

포토샵 기본 도형 예제 예시
포토샵 #55

기본 도형 이 영상 하나로 끝내기 – 포토샵 강좌 입문 2022

포토샵 캔버스 사이즈 조절
포토샵 #54

도큐먼트 생성과 캔버스 사이즈 조절 – 포토샵 강좌 입문 2022

일러스트레이터43

전체보기
일러스트레이터 꿀벌 일러스트 예제
일러스트레이터 입문 #27

귀여운 꿀벌 일러스트 쉽게 만드는 방법 – 일러스트레이터 기초 강좌

freeform 그라데이션
일러스트레이터 입문 #26

프리폼 그라디언트로 5초 만에 부드러운 그라데이션 배경 만드는 방법 – 일러스트레이터 기초 강좌

일러스트레이터 반복작업 예시
일러스트레이터 입문 #25

반복 작업을 효과적으로 하는 방법 – 일러스트레이터 기초 강좌

일러스트레이터 롱쉐도우 효과
일러스트레이터 입문 #24

1분 만에 롱쉐도우 만드는 방법 – 일러스트레이터 기초 강좌

그레인효과 입힌 고양이 일러스트 예제
일러스트레이터 실전 #15

감성 한 방울을 더 해주는 Grain 효과 – 일러스트레이터 강좌

웹 디자인15

전체보기
웹 디자인 #15

레이어와 에셋 정리하는 법 (Feat. Zeplin) – 웹디자인 입문 강좌

웹디자인 모바일 예제
웹 디자인 #14

웹디자인 실습 모바일 서브 페이지(Feat. 스케치 심볼의 힘) – 웹디자인 입문 강좌

웹 디자인 #13

웹디자인 실습 모바일 메인 페이지 – 웹디자인 입문 강좌

웹 디자인 #12

시선강탈 웹 메인 배너 만드는 방법(feat. 포토샵) – 웹디자인 입문 강좌

웹 디자인 #11

웹디자인 실습 PC 카테고리 페이지 – 웹디자인 입문 강좌

웹 코딩32

전체보기
구글애널리틱스 화면
웹 코딩 #32

구글 애널리틱스 웹사이트에 연결하는 방법 – 웹 코딩 강좌

디자인베이스 - 웹코딩 강좌 웹서버에 파일 올리기
웹 코딩 #31

완성된 코드 웹 서버에 올리기 – 웹 코딩 강좌

디자인베이스 - 웹코딩 강좌 슬라이드 만들기
웹 코딩 #30

3분 만에 웹 슬라이더 만들기 – 웹 코딩 강좌

디자인베이스 - 웹코딩 강좌 반응형 헤더 만들기
웹 코딩 #29

쉽게 반응형 헤더 만들기 – 웹 코딩 강좌

jQuery 이용해서 만든 모달 팝업 예제
웹 코딩 #28

jQuery로 모달 팝업 만들기 – 웹 코딩 강좌

멤버십 전용

Lottie13

전체보기
로티파일즈 완성 예제
Lottie #13

04. Lottie interactivity로 애플 웹사이트 따라하기 – LottieFiles 강좌

로티파일즈-피그마 UI 활용
Lottie #12

03. Figma에 LottieFiles 사용하는 방법 – LottieFiles 강좌

로티파일즈 - 에텍에서 출력하는 방법
Lottie #11

02. 에프터이펙트에서 작업한 모션을 로티로 적용하는 방법 – LottieFiles 강좌

로티파일즈
Lottie #10

UI 내 모션은 이미 대세, 로티 파일즈를 소개해드릴게요! – LottieFiles 강좌

Lottie #9

쉬운 예제 제작부터 출력까지 – Lottie.js 강좌

멤버십 전용

Three.js20

전체보기
three.js 강의 클릭시 슬로우모션 적용 예제
Three.js #20

움직이는 라인에 마우스 클릭시 슬로우 모션 추가 – Three.js 강의

멤버십 전용
three.js 강의 스크롤에 따른 애니메이션 예제
Three.js #19

스크롤에 따른 3D 인터렉션(회전, 카메라 이동) – Three.js 강의

멤버십 전용
three.js 강의 마우스 위치에 따른 회전 예제
Three.js #18

마우스 위치에 따라 회전시키기(파티클 추가) – Three.js 강의

멤버십 전용
three.js 강의 Raycaster 예제
Three.js #17

마우스 위치에 따라 애니메이션 추가(Raycaster 응용) – Three.js 강의

멤버십 전용
three.js 강의 Raycaster 예제
Three.js #16

Raycaster 이용해서 3D 오브젝트 마우스 오버시 움직임 조절하기(Gsap)

프로토파이24

전체보기
프로토파이 스티키 오브젝트 예시
프로토파이 #24

24. 스크롤 시 특정 위치에 고정되는 스티키 메뉴 만들기 – 프로토파이 강좌

멤버십 전용
프로토파이 무한루프 슬라이더 만들기
프로토파이 #23

무한 루프 슬라이더를 만드는 방법 – 프로토파이 강좌

프로토파이 uxui 클론 예제 02
프로토파이 #22

프로토타이핑 실습 예제 02 – 프로토파이 강좌

멤버십 전용
프로토파이 uxui 클론 예제 01
프로토파이 #21

프로토타이핑 실습 예제 01 – 프로토파이 강좌

멤버십 전용
프로토파이 스크롤 인터렉션
프로토파이 #20

스크롤 인터렉션 구현하기 – 프로토파이 강좌

스케치29

전체보기
스케치 클론 UI 예제 완성
스케치 #29

유튜브 UI 클론 디자인 실습 예제 2 – 스케치 강좌

멤버십 전용
스케치 ui 클론디자인 예제 실습 1
스케치 #28

유튜브 UI 클론 디자인 실습 예제 1 – 스케치 강좌

멤버십 전용
스케치 플러그인 3가지 - 애니마, rename it, distributor
스케치 #27

스케치 플러그인 추천 – 스케치 강좌

멤버십 전용
스케치 내보내기
스케치 #26

스케치 에셋 내보내기 – 스케치 강좌

멤버십 전용
스케치 리사이징 예시
스케치 #25

스케치에서 프로토타입 만드는 방법 – 스케치 강좌

멤버십 전용

XD24

전체보기
XD클론예제-02
XD #24

유튜브 UI 클론 디자인 실습 예제 2 – 어도비 XD 강좌

멤버십 전용
XD클론예제-01
XD #23

유튜브 UI 클론 디자인 실습 예제 1 – 어도비 XD 강좌

멤버십 전용
XD 작업물 공유
XD #22

작업물 공유하기 – 어도비 XD 강좌

멤버십 전용
어도비XD 프로토타입 예제
XD #21

XD 프로토타입 & 디바이스 미리보기 – 어도비 XD 강좌

멤버십 전용
어도비 xd 내보내기 하는 방법
XD #20

결과물 내보내기- 어도비 XD 강좌

멤버십 전용

제플린3

제플린 강좌 예제 - 은근 모르는 기능 소개
제플린 #3

결과문 보기 및 공유하기(Feat. 은근 모르는 기능들 소개) – 제플린 강좌

멤버십 전용
제플린 강좌 예제 - 스케치,피그마,xd 임포트
제플린 #2

스케치, 피그마, XD 각각에 맞는 제플린 사용법 – 제플린 강좌

멤버십 전용
제플린 강좌 예제
제플린 #1

제플린 플러그인 설치 방법 – 제플린 강좌

멤버십 전용

인비전3

인비전 #3

스케치에서 인비전을?! Craft 플러그인 – 인비전 프로토타이핑 툴 강좌

인비전 #2

인비전의 장점과 사용법 5분으로 끝내자 – 인비전 프로토타이핑 툴 강좌

인비전 강좌 오픈 메인 이미지
공지 #4

인비전 강좌 오픈

멤버십 가입하고 무제한 강의 시청

전문가를 향한 첫걸음

멤버십 회원만 볼 수 있는 고급 강좌 영상들과
예제 파일을 통해 효율적으로 학습해 보세요

멤버십 보러가기

파트너쉽, 강의 등 제안

designbasekorea@gmail.com

유튜브 채널 바로가기

www.youtube.com/c/designbase

오픈카톡방 참여하기

참여코드 dgoing12

프로 독학러를 위한 디자인 강좌 플랫폼

Courses

강좌 목록 멤버십 전용 강좌

Resources

앱 UI 템플릿 웹 UI 템플릿 무료 폰트 무료 소스 디자인 도구

Content

디자이너 북마크 디자인 용어 사전 매거진

About

디자인베이스 소개 멤버십 소개 문의하기
Simplify Design Learning Beyond Basics Skill-to-Job Simplify Design Learning Beyond Basics Skill-to-Job
Simplify Design Learning Beyond Basics Skill-to-Job Simplify Design Learning Beyond Basics Skill-to-Job
© Designbase All rights reserved.
  • 개인정보 처리방침
  • 이용약관
  • 공지사항