검색 결과

/docs/ai/tools/veo21

/docs/creative/figma/figma-styleguide

/docs/creative/figma/component-property

벤치마킹이 왜 필요한지(환경 분석·차별화)를 알고, 배포된 양식으로 웹사이트 한 곳을 6개 항목으로 살펴 보고서 1건을 만든다.

/docs/creative/uxui/benchmarking-report-v2

벤치마킹에서 찾은 차별화를 콘셉트 한 문장과 톤&매너로 옮겨, 만들 사이트의 디자인 방향성 시트 1건을 만든다.

/docs/creative/uxui/design-direction

사이트에 담을 내용을 카드소팅으로 묶고 메뉴 이름을 붙여, 홈 아래 대메뉴·하위 메뉴를 계층으로 그린 정보구조도 1건을 만든다.

/docs/creative/uxui/information-architecture

Google Stitch로 홈 화면을 생성해 Figma로 가져와 와이어프레임으로 정리하고, 화면 설계서(스토리보드) 1건을 만든다.

/docs/creative/uxui/wireframe-storyboard

와이어프레임에 톤&매너를 입혀 디자인을 마감하고, Stitch·Gemini로 반응형 웹 홈 화면 1개를 만든다.

/docs/creative/uxui/design-build

기획의 필요성부터 기획의 의미·목적, 디지털 콘텐츠 산업, 기획 프로세스 7단계, 기획자의 역할과 능력을 설명한다.

/docs/creative/uxui/digital-content-planning

유튜브·인스타·틱톡 상위 랭크 알고리즘 마케팅

/docs/creative/video/sns-marketing

그리드와 스냅 기능을 이용해 픽셀 단위로 정렬된 와이어프레임을 만든다.

/docs/creative/Illustrator/illustrator-grid

960×1500px 빈 대지를 만들고 작업 환경을 세팅한다.

/docs/creative/Illustrator/web-layout-1

색이론에 맞춰 5색 팔레트를 만들고 6:3:1 비율로 로켓 일러스트를 채색한다.

/docs/creative/Illustrator/color-palette-rocket

정보의 계층을 시각적 디자인 요소(크기·색·공간·굵기·위치)로 표현한 월간 달력을 일러스트레이터로 만든다.

/docs/creative/Illustrator/hierarchy-calendar

예제파일링크모음

/docs/creative/Illustrator/example

/docs/creative/design-foundation/typesgraphic

Gemini CLI나 Claude에게 프롬프트로 시켜서 잡코리아·사람인 크롤러를 직접 실행하는 방법을 배운다. 파이썬 가상환경 세팅부터 결과 Excel 확인까지 단계별로 따라간다.

/docs/backend/python-projects/job-crawler

디자이너를 위한 Figma Variables 교안

/docs/creative/figma/figma-01

Fork 기반 팀 협업 전략과 PR 자동 빌드 검증 가이드

/docs/devtools/git/git

/docs/creative/video/capcut

/docs/creative/premiere/3-자막만들기

/docs/creative/design-foundation/웹디자인-리뉴얼-제안서-작성

/docs/devtools/git/readme

/docs/html-css/css/레이아웃

/docs/html-css/css/배경

/docs/html-css/css/리퀴드글래스

/docs/html-css/css/문자

/docs/html-css/css/selector

/docs/html-css/css/form

Tailwind CSS v4의 반응형 기법, 컨테이너 쿼리, 접근성, 성능 최적화

/docs/html-css/tailwind/responsive

Tailwind CSS v4의 타이포그래피, 색상, 간격 커스터마이징

/docs/html-css/tailwind/typography-design

/docs/html-css/tailwind/tailwind

/docs/html-css/tailwind/at

와이어프레임 아이콘, Flow 제작, 오토레이아웃, 반응형 디자인(PC/태블릿/모바일) 레이아웃 설계를 알아봅니다

/docs/html-css/ui/인터페이스설계

피그마의 캔버스, 레이어, 좌측패널, 상단툴바, 우측패널 등 인터페이스 구성과 기본 사용법을 예제를 통해 알아봅니다

/docs/html-css/ui/인터페이스예제

클라우드 기반 디자인 툴 피그마의 개요, 프로토타입 툴 비교, 요금제, 공식 매뉴얼 링크를 알아봅니다

/docs/creative/figma/피그마란

디스플레이 해상도, 래스터화, 배율 디자인, 그리드 시스템, 반응형 그리드, 간격 시스템을 알아봅니다

/docs/html-css/ui/해상도와그리드시스템

일관성 있는 아이콘 세트를 만들기 위한 7가지 규칙과 아이콘 제작 가이드를 알아봅니다

/docs/html-css/ui/아이콘디자인이론

색상, 크기, 서체, 여백, 배열, 명암 대조를 활용하여 비주얼 체계(Visual Hierarchy)를 구축하는 6가지 규칙을 알아봅니다

/docs/html-css/ui/6가지비주얼체계규칙

디자인의 기본 조형요소인 점, 선, 면의 특징과 시각적 느낌을 알아봅니다

/docs/html-css/ui/조형요소

모바일 UI에서 버튼의 구조, 유형, 시각적 계층구조, 상태, 크기, 위치 등 버튼 디자인의 핵심 원칙을 알아봅니다

/docs/html-css/ui/모바일디자인버튼

디자인 스타일 가이드의 구성요소와 제작 방법을 알아봅니다

/docs/html-css/ui/스타일가이드만들기

웹디자인에서 텍스트의 가독성과 사용성을 향상시키는 타이포그래피 10가지 규칙을 알아봅니다

/docs/html-css/ui/타이포그래피10가지팁

색채 이론, 색상환, 색채 배합, 색상 의미, 컬러 프로파일을 이해하고 디자인에 어울리는 팔레트를 선택하는 방법을 알아봅니다

/docs/html-css/ui/색상을성공적으로고르는방법

아이트래킹의 개념과 F패턴, Z패턴을 활용한 웹디자��� 방법을 알아봅니다

/docs/html-css/ui/아이트래킹

멋진 웹사이트 레이아웃을 디자인하는 10가지 법칙과 실용 가이드

/docs/html-css/ui/10가지법칙

웹사이트 레이아웃의 종류와 잘 디자인하는 방법을 알아봅니다

/docs/html-css/ui/레이아웃기초

웹 타이포그래피의 가독성, 계층구조, 여백 등 핵심 원칙을 알아봅니다

/docs/html-css/ui/폰트와사이즈

디자인 현장에서 자주 사용하는 실무 용어를 알아봅니다

/docs/html-css/ui/디자인실무용어

디자인에서 황금비율을 적용하는 다양한 방법을 알아봅니다

/docs/html-css/ui/황금비율