• 강좌
  • 템플릿
    • 앱 UI 템플릿
    • 웹 UI 템플릿
    • 상세페이지 템플릿
  • 자료
    • 무료 소스
    • 무료 폰트
  • 콘텐츠
    • 북마크
    • 디자인 사전
    • 매거진
  • 도구
    • 웹 그리드 시스템 계산기
    • 그라데이션 생성기
    • 팔레트 비주얼라이저
멤버십
  • 전체
  • 멤버십 전용 멤버십 전용
  • 포토샵 포토샵
  • 일러스트레이터 일러스트레이터
  • 애프터 이펙트 애프터 이펙트
  • 미드저니 미드저니
  • UXUI UXUI
  • 웹 디자인 웹 디자인
  • 피그마 피그마
  • 크리에이티 크리에이티
  • 스케치 스케치
  • XD XD
  • 프로토파이 프로토파이
  • 제플린 제플린
  • 웹 코딩 웹 코딩
  • 워드프레스 워드프레스
  • Lottie Lottie
  • Three.js Three.js
이번 주 인기 검색어 (07.28 - 08.03)
  • 1 -6GQBMCG0BAC7RIM3B0293收起
  • 2 반응형
  • 3 피그마
  • 4 paint
  • 5 아이콘
  • 6 app icon
  • 7 블로그
  • 8 1
  • 9 x = 1

피그마38

전체보기
피그마 Glass 효과
피그마 #38

Figma Glass 효과로 Liquid Glass 스타일 적용과 주의사항 – 피그마 강좌 4-9

Figma MCP
피그마 #37

Figma MCP 완전 정복: 디자인을 코드로 자동 변환하는 방법 – 피그마 강좌 4-8

피그마 Make
피그마 #36

Figma Make 기능으로 기획부터 코드 생성까지 한 번에 – 피그마 강좌 4-7

멤버십 전용
피그마 인터렉션 설정
피그마 #35

Figma Site 인터렉션 활용해서 퀄리티 높이기 – 피그마 강좌 4-6

멤버십 전용

UXUI50

전체보기
UXUI #50

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

멤버십 전용
UXUI #49

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

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

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

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

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

멤버십 전용

미드저니27

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

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

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

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

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

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

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

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

멤버십 전용

워드프레스54

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

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

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

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

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

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

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

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

멤버십 전용

크리에이티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

애프터 이펙트12

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

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

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

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

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

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

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

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

프로토파이24

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

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

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

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

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

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

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

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

멤버십 전용

웹 디자인15

전체보기
웹 디자인 #15

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

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

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

웹 디자인 #13

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

웹 디자인 #12

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

웹 코딩32

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

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

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

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

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

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

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

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

Lottie13

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

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

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

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

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

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

로티파일즈
Lottie #10

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

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 강의

멤버십 전용

스케치29

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

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

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

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

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

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

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

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

멤버십 전용

멤버십 전용138

전체보기
피그마 Make
피그마 #36

Figma Make 기능으로 기획부터 코드 생성까지 한 번에 – 피그마 강좌 4-7

멤버십 전용
피그마 인터렉션 설정
피그마 #35

Figma Site 인터렉션 활용해서 퀄리티 높이기 – 피그마 강좌 4-6

멤버십 전용
피그마 라이브러리 스왑
피그마 #29

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

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

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

멤버십 전용
상세페이지 템플릿 판매

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

전문가를 향한 첫걸음

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

멤버십 보러가기

파트너쉽, 강의 등 제안

designbasekorea@gmail.com

유튜브 채널 바로가기

www.youtube.com/c/designbase

오픈카톡방 참여하기

참여코드 dgoing12

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

Courses

강좌 목록 멤버십 전용 강좌

Resources

템플릿 및 에셋 무료 폰트 무료 소스 디자인 도구

Content

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

About

디자인베이스 소개 멤버십 소개 문의하기
© Designbase All rights reserved.
  • 개인정보 처리방침
  • 이용약관
  • 공지사항