• 강좌 목록
    • 멤버십 전용
    • 포토샵
    • 일러스트레이터
    • 웹 디자인
    • 웹 코딩
    • 스케치
    • 피그마
    • XD
    • 프로토파이
    • 프린서플
    • 인비전
    • Lottie
    • Three.js
    • 제플린
    • 방구석클래스
  • 매거진
  • 디자인 사전
  • 북마크
  • 무료 소스
  • 이모지 찾기
  • 반응형 웹 그리드 시스템 계산기
  • 그라데이션 생성기
  • 소개
  • 강좌 목록
  • 매거진
    • 디자인터뷰
    • 디자인스낵
  • 디자인 사전
  • 북마크
  • 무료 소스
  • 도구
    • 반응형 웹 그리드 시스템 계산기
    • 그라데이션 생성기
    • 이모지 찾기
멤버십
  • 멤버십 전용

Graphic

  • 포토샵
  • 일러스트레이터

UXUI 디자인

  • UXUI
  • 웹 디자인

UI Tools

  • 피그마
  • 스케치
  • XD
  • 프로토파이
  • 제플린

코딩

  • 웹 코딩
  • 워드프레스
  • Lottie
  • Three.js

워드프레스54

더보기
워드프레스 고급 강의 마무리

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

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

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

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

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

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

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

워드프레스, 멤버십 전용 #51

UXUI16

더보기
uxui 공통 - 상태

앱 UI 디자인 기본 : 상태(States) 이해하기 – UXUI 디자인 강좌

UXUI #16
uxui 공통 - 내비게이션

앱 UI 디자인 기본 : 내비게이션 이해하기 – UXUI 디자인 강좌

UXUI #15
uxui 공통 - 제스처

앱 UI 디자인 기본 : 알아두면 좋은 제스처 종류와 예시 – UXUI 디자인 강좌

UXUI #14
uxui 공통 - 썸존, 터치타깃

앱 UI 디자인 기본 : 알아두면 좋은 Touch Target과 Thumb zone 개념 – UXUI 디자인 강좌

UXUI #13

포토샵58

더보기
포토샵 기초 강좌 - 폰트 및 타이포그래피예시

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

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

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

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

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

포토샵 실전 #18
포토샵 기본 도형 예제 예시

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

포토샵 #55

일러스트레이터43

더보기
일러스트레이터 꿀벌 일러스트 예제

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

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

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

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

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

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

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

일러스트레이터 입문 #24

피그마18

더보기
피그마 - 컴포넌트 소개

컴포넌트 프로퍼티 마스터하기(Variant, Boolean, Instance swap, Text) – 피그마 강좌

피그마, 멤버십 전용 #18
피그마 - 컴포넌트 인스턴스 찾는 플러그인 소개

컴포넌트 인스턴스 빠르게 찾는 플러그인 소개 – 피그마 강좌

피그마 #17
피그마 구글 시트 싱크 사용 예시 이미지

구글 시트 데이터를 피그마 UI에 맞춰서 불러오는 극강의 효율 플러그인(google sheets sync) – 피그마 강좌

피그마 #16
figma 오토레이아웃 예시 이미지

15. 99%가 모르는 Auto layout 좋은 기능(Advanced layout) – 피그마 강좌

피그마, 멤버십 전용 #15

스케치29

더보기
스케치 클론 UI 예제 완성

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

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

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

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

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

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

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

스케치, 멤버십 전용 #26

XD24

더보기
XD클론예제-02

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

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

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

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

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

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

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

XD, 멤버십 전용 #21

프로토파이24

더보기
프로토파이 스티키 오브젝트 예시

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

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

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

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

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

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

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

프로토파이, 멤버십 전용 #21

웹 디자인15

더보기

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

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

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

웹 디자인 #14

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

웹 디자인 #13

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

웹 디자인 #12

웹 코딩33

더보기
구글애널리틱스 화면

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

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

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

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

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

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

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

웹 코딩 #30

Lottie13

더보기
로티파일즈 완성 예제

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

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

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

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

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

Lottie #11
로티파일즈

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

Lottie #10

Three.js20

더보기
three.js 강의 클릭시 슬로우모션 적용 예제

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

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

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

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

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

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

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

Three.js, 멤버십 전용 #17

제플린3

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

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

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

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

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

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

제플린, 멤버십 전용 #1

프린서플1

프린서플 강좌 오픈

프린서플, 공지 #1

인비전3

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

인비전 #3

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

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

인비전 강좌 오픈

공지, 인비전 #4

파트너쉽, 강의 등 제안

designbasekorea@gmail.com

메일 보내기

유튜브 채널 바로가기

www.youtube.com/c/designbase

유튜브

오픈카톡방 참여하기

참여코드 dgoing12

카톡방 참여

크롬 브라우저에 최적화되어있습니다.사이트가 이상하게 보이면 브라우저 설정에서 캐시를 삭제해주세요.

Youtube Instagram Pinterest Naver Blog

강좌 바로가기

포토샵 일러스트레이터 피그마 스케치 XD 프로토파이

강좌 바로가기

웹디자인 웹코딩 인비전 프린서플 Lottie Three.js

페이지 바로가기

소개 멤버십 매거진 디자인 사전 북마크 무료 소스 개인정보보호정책

© 2023 Designbase. All rights reserved.