• 강좌
    • 멤버십 전용
    • 피그마
    • UXUI
    • 워드프레스
    • 포토샵
    • 일러스트레이터
    • 미드저니
    • 웹 코딩
    • 웹 디자인
    • Lottie
    • Three.js
    • XD
    • 애프터 이펙트
  • 템플릿

    UXUI 템플릿

    • 웹 & 앱 UI 템플릿 세트
    • 손쉽게 시작하는 웹 UI 디자인 치트키
    • 복붙으로 시작하는 고퀄리티 앱 UI 템플릿

    상세페이지 템플릿

    • 상세페이지 템플릿 세트
    • 상세페이지 템플릿 A타입
    • 상세페이지 템플릿 B타입
    • 상세페이지 템플릿 C타입 New

    상세페이지 템플릿 C타입 오픈

    감성적인 라이프스타일 상품에 바로 활용할 수 있는 상세페이지 구성입니다.

    템플릿 바로가기
  • 콘텐츠

    디자인 자료실

    • 무료 폰트 상업적 사용이 가능한 무료 한글·영문 폰트를 모아보세요.
    • 디자이너 북마크 디자이너에게 유용한 사이트와 참고 자료를 모아보세요.
    • 아이콘 라이브러리 디자인에 바로 사용할 수 있는 아이콘을 무료로 사용해보세요.
    • 무료 리소스 디자인 작업에 활용할 수 있는 무료 리소스를 찾아보세요.

    디자인 지식

    • 디자인 용어 사전 헷갈리는 디자인 용어를 쉽고 빠르게 확인해보세요.
    • 디자인 사이즈 가이드 웹, 앱, 배너, 상세페이지 제작에 필요한 사이즈를 확인해보세요.
    • 매거진 디자인 트렌드와 실무 인사이트를 가볍게 읽어보세요.
    • 디자인 툴 단축키 모음 피그마, 포토샵 등 자주 쓰는 단축키를 빠르게 찾아보세요.
  • 플러그인 & 도구

    피그마 플러그인

    • 한글 더미 디자인 시안에 자연스러운 한글 더미 텍스트를 빠르게 채워보세요.
    • Chart Generator 막대, 선, 원형, 파이, 레이더 등 다양한 차트를 손쉽게 생성해보세요.
    • Font changer 선택한 텍스트의 폰트를 한 번에 빠르게 변경해보세요.
    • Variable Doc 피그마 Variables를 문서화하고 구조를 한눈에 정리해보세요.
    • Face Dummy 프로필, 리뷰, 카드 UI에 사용할 얼굴 더미 이미지를 생성해보세요.
    • Table Generator 구글시트 데이터를 불러와 테이블 UI를 빠르게 만들어보세요.
    • Pixel Perfect 디자인 요소의 위치와 간격을 더 정교하게 맞춰보세요.
    • Detach Master 컴포넌트, 변수, 스타일, 오토레이아웃 등 빠르게 분리해보세요.

    디자인 도구

    • 웹 그리드 계산기 반응형 웹 디자인에 필요한 컬럼, 거터, 마진 값을 계산해보세요.
    • 로고 검색기 원하는 브랜드의 벡터 로고를 빠르게 찾아 활용해보세요.
    • 로고 SVG 자주 쓰는 브랜드 로고 SVG를 한곳에서 확인해보세요.
    • 컬러 배색 New 디자인에 어울리는 컬러 조합을 빠르게 찾고 적용해보세요.
    • 팔레트 비주얼라이저 컬러 팔레트를 시각적으로 미리 보고 조합감을 확인해보세요.
    • 그라데이션 생성기 원하는 색상 조합으로 부드러운 그라데이션을 만들어보세요.
    • 추상 그라디언트 생성기 감각적인 추상 그라디언트 배경을 손쉽게 만들어보세요.
    • ASCII 아트 이미지를 업로드하고 개성 있는 ASCII 아트 스타일로 변환해보세요.
    • 이모지 이모지를 빠르게 검색해보세요.

    라이브러리

    • Easy Chart New 다양한 차트를 쉽고 빠르게 만들 수 있는 데이터 시각화 라이브러리입니다.
    • Designbase Design System New 디자인베이스 UI 디자인 시스템을 기반으로, 실무에 바로 활용할 수 있는 스타일과 컴포넌트를 제공합니다. 새 창에서 열림

디자인 용어사전

  • 전체
  • UI
  • UX
  • 디자인 방법론
  • 기타
  • 마케팅
  • 개발

AMP (Accelerated Mobile Pages)

AMP란? AMP(Accelerated Mobile Pages)는 Google에서 개발한 오픈 소스 프레임워크로, 모바일 환경에서 웹 페이지의 로딩 속도를 극대화하는 데 중점을 둡니다. AMP를 적용한 웹 페이지는 훨씬 더 빠르게 로딩되어, 사용자…

AMP

CRUD

CRUD는 컴퓨터 프로그래밍에서 데이터의 기본적인 네 가지 기능을 뜻합니다: 생성(Create), 읽기(Read), 업데이트(Update), **삭제(Delete)**입니다. 이러한 기능은 데이터베이스와 상호작용하는 모든 시스템에서 필수적인 작업으로, 데이터 관리의 기본적인 방식을 제공합니다. CRUD의 개념이…

CRUD

가시화 (Visualization)

UX/UI 디자이너는 사용자가 정보를 쉽게 이해하고 해석할 수 있도록 다양한 가시화 기법을 사용합니다. 여기에는 도표, 그래프, 지도, 인포그래픽 등이 포함되며, 이러한 시각적 요소들은 복잡한 정보를 단순화하여 직관적으로 전달하는…

가시화 예시

개념 증명 (Proof of Concept, POC)

개념 증명(POC)은 Proof of Concept의 약자로, 신규 개발 제품, 서비스, 솔루션 등의 이론이나 아이디어가 실제로 실행 가능한 것을 보여주기 위한 시험, 테스트 또는 실험을 의미합니다. 그래서 어떤 아이디어나…

개념 증명 예시

딥링크 (Deep Linking)

딥링크(Deep Link)는 앱이나 웹사이트의 특정 페이지나 위치로 직접 연결해주는 URL입니다. 일반적인 링크는 웹사이트의 홈페이지로 연결되지만, 딥링크는 특정 콘텐츠나 페이지로 사용자를 즉시 이동시켜줍니다. 이를 통해 사용자는 불필요한 단계 없이…

딥링크

랜딩 페이지 (Landing Page)

랜딩 페이지(Landing Page)는 특정 목표(구매, 가입, 다운로드, 문의 등)를 달성하기 위해 설계된 독립적인 웹페이지입니다. 사용자는 디지털 광고, 이메일 캠페인, 검색 엔진, 소셜 미디어 링크 등을 통해 유입되며, 랜딩…

랜딩페이지

최소 기능 제품 (Minimum Viable Product, MVP)

MVP(Minimum Viable Product, 최소 기능 제품)은 제품이나 서비스를 개발할 때, 핵심 기능만을 포함한 최소한의 제품을 먼저 출시하여 사용자 피드백을 받고, 점진적으로 개선하는 전략입니다. 이는 시간과 비용을 절약하면서도 시장…

MVP

파레토 법칙 (Pareto Principle)

파레토 법칙(Pareto Principle)은 전체 결과의 80%가 원인의 20%에서 비롯된다는 경험적 법칙입니다.이는 19세기 이탈리아의 경제학자 빌프레도 파레토(Vilfredo Pareto)가 처음 제시한 개념으로,그는 이탈리아 사회의 부의 분포를 연구하던 중 상위 20%의…

파레토 법칙

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

전문가를 향한 첫걸음

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

멤버십 보러가기

파트너쉽, 문의하기

contact@designbase.co.kr

유튜브 채널 바로가기

www.youtube.com/c/designbase

오픈카톡방 참여하기

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

Courses

강좌 목록 멤버십 전용 강좌

Resources

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

Content

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

About

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