검색 결과

/docs/creative/premiere/frame-design

/docs/creative/figma/figma-styleguide

/docs/creative/uxui/color-foundation

/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

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

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

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

/docs/creative/Illustrator/hierarchy-calendar

디자이너를 위한 Figma Variables 교안

/docs/creative/figma/figma-01

/docs/devtools/git/git-2

/docs/creative/video/광고영상만들기

/docs/creative/video/다빈치리졸브

/docs/html-css/css/배경

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

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

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

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

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

/docs/creative/figma/피그마란

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

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

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

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

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

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

/docs/react/basics/컴포넌트-전략

/docs/react/resume/바이브코딩

/docs/react/resume/시작하기

React + Vite + Tailwind CSS로 영화 웹앱 만들기 - 환경 구축편

/docs/react/movie-app/project-setup

/docs/ai/tools/vibe

/docs/ai/tools/figma-mcp-guide