사용 가이드로 건너뛰기
Illustration Style작성자 Owl-Listener

Illustration Style 스킬.

의뢰했거나 반복 사용하는 일러스트레이션에 공통된 비주얼 언어와 인터페이스 안에서의 명확한 역할을 부여합니다.

  • UX
  • 디자인 가이드
소스 검토 · Illustration StyleSKILL.md
작업 UX 결과물 • 일러스트레이션 비주얼 언어 가이드 • 팔레트, 캐릭터, 재사용 요소 규칙 • 맥락별 적용 및 접근성 가이드 시작하기 전에 시각 레퍼런스, 제품 색상, 일러스트레이션이 표시될 화면과 크기를 확인할 수 있는 에이전트가 필요합니다.
편집 요약 · 소스 검토일 2026-10-07 · 생성된 예시가 아닙니다

01 기능 소개

Illustration Style: 비주얼 언어 정의하기

일러스트레이션 패밀리의 비주얼 스타일, 팔레트, 캐릭터, 제품 화면에서의 사용 방식을 정의합니다.

소스 기반 워크플로실행 벤치마크가 아닙니다

작업 방식

Illustration Style은 일러스트레이션 패밀리가 어떻게 보여야 하고 어디에 속하는지를 명시합니다. 기하학적 형태와 유기적 형태, 플랫과 입체 표현, 디테일 수준, 추상화, 선 스타일을 다룹니다.

소스는 이 비주얼 언어를 제품 색상, 선택적 캐릭터 규칙, 히어로 이미지·빈 상태·온보딩·오류 같은 다양한 맥락과 연결합니다. 또한 재사용 요소와 제작 가이드도 요구합니다. 이는 아트 디렉션 명세이며, 이미지 생성 모델이나 완성된 에셋 팩이 아닙니다.

예상 결과물

  • 일러스트레이션 비주얼 언어 가이드
  • 팔레트, 캐릭터, 재사용 요소 규칙
  • 맥락별 적용 및 접근성 가이드
예시 브리프 보기

브리프에서 검토까지

  1. 01
    스타일 축 정의

    구체적인 레퍼런스와 함께 형태, 입체감, 디테일, 추상화, 선 처리를 선택합니다.

  2. 02
    패밀리 규칙 설정

    팔레트를 제한하고 그림자나 그라데이션을 정의하며, 해당될 때만 캐릭터 가이드를 추가합니다.

  3. 03
    적용처 매핑

    히어로, 스팟, 빈 상태 등 일러스트레이션이 규모와 목적에서 어떻게 다른지 설명합니다.

02 활용 상황

사용 시점

시리즈를 의뢰하기 전이나 기존 제품 일러스트레이션에 일관된 비주얼 방향이 필요할 때 사용하세요.

적합한 경우

  • 시리즈 의뢰참여자들이 서로 관련된 작품을 만들 수 있도록 충분한 제약을 제공합니다.
  • 일관성 없는 제품 이미지모든 맥락을 동일한 구도로 강제하지 않으면서 일러스트레이션 패밀리를 정렬합니다.

확인할 한계

  • 이미지 생성기가 아닙니다문서화된 결과물은 가이드이며, 완성된 아트워크에는 별도의 제작 과정이 필요합니다.
  • 아이콘 표준이 아닙니다작은 상징적 UI 아이콘은 별도의 시스템 명세로 다룹니다.

준비할 입력 자료

  • 브랜드 레퍼런스제품 색상과 승인된 시각 예시를 제공하세요.
  • 적용처 목록아트워크가 표시되는 화면과 크기를 정리하세요.
  • 콘텐츠 요구사항개념, 캐릭터, 표현 요구사항을 파악하세요.

03 핵심 결정

중요한 결정

  1. 다양성 속의 일관성

    공통 언어는 같은 장면을 반복하지 않고도 여러 유형의 일러스트레이션을 뒷받침할 수 있습니다.

  2. 목적에 맞는 배치

    사용 규칙은 일러스트레이션이 도움이 되는 때와 불필요한 장식이 되는 때를 설명합니다.

04 예시 브리프

집중 브리프 시도하기

아래 예시 브리프는 테스트되지 않았습니다. 사용하기 전에 스킬의 설정을 확인하세요.

설정 검토

designer-skills 저장소의 이 작업용 SKILL.md를 에이전트가 지원하는 스킬 위치에 불러오세요. 진입 파일에는 범용 설치 명령이 정해져 있지 않습니다.

원본 소스 파일
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/ui-design/skills/illustration-style/SKILL.md

승인된 시각 레퍼런스와 일러스트레이션이 표시될 위치를 제공하세요. 이 스킬은 완성된 이미지가 아니라 아트 디렉션 가이드를 만듭니다.

하나의 결과물로 시작하기

스킬을 실행하기 전에 이 브리프의 범위, 소스 자료, 제약 조건을 상황에 맞게 조정하세요.

예시 브리프
illustration-style을 사용해 온보딩 및 빈 상태 아트워크용 가이드를 작성하세요. 형태, 입체감, 디테일, 선, 팔레트 규칙을 정의하고, 다크 변형과 캐릭터가 등장하는 경우의 표현 가이드를 포함하세요. 에셋이 생성되었다고 주장하지 말고, 표시 크기 점검과 대체 텍스트를 명시하세요.

결과 점검

실제 결과물을 다음의 관찰 가능한 기준과 비교해 확인하세요.

  • 스타일 결정이 다른 일러스트레이터가 따를 수 있을 만큼 구체적입니다.
  • 각 적용처에 크기와 목적에 대한 가이드가 있습니다.
  • 핵심 정보가 이미지에만 담겨 있지 않습니다.

OpenDesign은 코딩 에이전트를 위한 로컬 디자인 워크스페이스를 제공합니다. 이 목록이 스킬이 번들로 포함되어 있다는 뜻이거나 외부 도구, 자격 증명, 소프트웨어 종속성이 포함된다는 뜻은 아닙니다.

05 출처 및 라이선스

소스 및 라이선스

이 페이지는 아래에 링크된 고정 소스 리비전을 설명합니다. 업스트림의 동작과 요구사항은 변경될 수 있습니다.

소스 소유자
Owl-Listener
라이선스
MIT
검토한 스냅샷
2026-10-07 · 9a6930cf84a8
편집 소스 요약
일러스트레이션 패밀리의 비주얼 스타일, 팔레트, 캐릭터, 제품 화면에서의 사용 방식을 정의합니다.

링크된 소스를 바탕으로 OpenDesign이 작성한 원본 요약입니다. 저장소 스타는 특정 시점의 인기 지표이며 스킬 사용량이나 품질 점수가 아닙니다.

06 시작 전 질문

시작 전 질문

완성된 일러스트레이션을 생성하나요?

아니요. 스타일 가이드를 만들며, 완성된 일러스트레이션에는 별도의 제작 과정이 필요합니다.

모든 스타일에 캐릭터를 써야 하나요?

아니요. 캐릭터 규칙은 명시적으로 조건부입니다.

히어로와 빈 상태 아트는 동일해야 하나요?

같은 비주얼 언어를 공유하되 서로 다른 규모와 커뮤니케이션 요구사항을 따를 수 있습니다.

OpenDesign

다음 디자인 반복을 위한 여유를 만드세요.

브리프, 소스 자료, 디자인 작업을 로컬 워크스페이스에 함께 보관하세요. 워크플로에 추가하기 전에 스킬 자체의 설정을 확인하세요.

원본 소스 파일
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/ui-design/skills/illustration-style/SKILL.md