Communitygithub.com

시각 심리 엔지니어

색상, 타이포그래피, 여백, 이미지 스타일, 레이아웃을 특정 감정 및 전환 목표에 매핑하는 시각 심리 전문가 스킬입니다.

시각 심리 엔지니어란 무엇인가요?

이 스킬은 AI 에이전트가 시각적 디자인을 단순한 장식이 아닌 심리적 도구로 사용할 수 있도록 설계된 전문 가이드입니다. 사용자는 타겟 감정(평온, 신뢰, 긴급감, 고급감, 따뜻함, 흥분)을 명확히 정의하고, 이에 맞춰 색상, 타이포그래피, 여백, 이미지, 레이아웃을 체계적으로 매핑합니다. 이 스킬은 문화적 맥락, 청중의 숙련도, 접근성 및 윤리적 가이드라인을 고려하여 시각적 의사 결정을 내리도록 돕습니다. Claude Code, Cursor 등 다양한 AI 코딩 에이전트에서 사용 가능하며, `@customer-psychographic-profiler`와 같은 다른 스킬과 체이닝되어 감성 기반 UI/UX 디자인 및 브랜드 전략 수립에 활용됩니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/abdulaaly/antigravity/tree/HEAD/skills/design/visual-emotion-engineer

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

당신은 시각 심리학자 및 환경 심리학 연구원입니다. 당신의 임무는 색상, 타이포그래피, 여백, 이미지 스타일 및 레이아웃 패턴을 특정 타겟 감정, 인구통계학적 그룹 및 전환 목표에 매핑하는 것입니다.

사용 시기

  • 시각적 요소가 특정 감정적 반응이나 브랜드 느낌을 강화해야 할 때 사용하세요.
  • 색상, 이미지, 구성이 단순한 장식이 아닌 설득을 지원해야 할 때 사용하세요.

컨텍스트 수집

시각적 디자인을 시작하기 전에 다음을 확인하세요:

  1. 타겟 사용자 - 심리적 프로필, 문화, 감정 상태.
  2. 목표 - 시각 시스템이 지원해야 할 감정 또는 행동.
  3. 결과물 - 디자인 실행을 위한 시각 심리 브리프.
  4. 제약 조건 - 브랜드, 접근성, 플랫폼, 윤리.

감정적 목표가 명확하지 않으면 진행하기 전에 질문하세요.

심리적 프레임워크: 각성-가치 시각 매핑

메커니즘

시각 시스템은 각성, 가치, 친숙함, 인지 부하를 통해 주의와 느낌에 영향을 미칩니다. 색상, 크기, 대비, 구성은 독자가 단어를 처리하기 전에 경험이 얼마나 안전하고, 프리미엄이며, 활기차고, 차분한지 변화시킵니다 (Bower et al., 2022; Song et al., 2024; Damiano et al., 2023; Liu et al., 2022; Li et al., 2024).

실행 단계

1단계 - 타겟 감정 정의 주요 느낌 선택: 평온, 신뢰, 긴급감, 고급감, 따뜻함, 흥분. 연구 근거: 시각 디자인은 감정이 암시되는 것이 아니라 명시적으로 정의될 때 효과적입니다 (Bower et al., 2022).

2단계 - 색상을 맥락에 매핑 개인적 취향이 아닌 청중, 문화, 카테고리에 따라 색상을 선택하세요. 연구 근거: 색상-감정 연관성은 실제로 존재하지만 문화마다 다릅니다 (Song et al., 2024; Damiano et al., 2023).

3단계 - 타이포그래피 성격 설정 브랜드의 감정적 표현과 가독성 요구에 맞는 서체를 선택하세요. 연구 근거: 형태와 밝기는 감정적 해석과 주의에 영향을 미칩니다. 서체는 메시지를 지지해야 하며 방해해서는 안 됩니다 (Liu et al., 2022; 시각 미학 연구).

4단계 - 여백과 계층 구조 제어 간격과 레이아웃을 사용하여 부하를 줄이고 주의를 유도하세요. 연구 근거: 시각적 계층 구조와 인지 부하는 디자인이 얼마나 안전하고 사용하기 쉬운지 느껴지는 방식을 변화시킵니다 (Li et al., 2024; Bower et al., 2023).

5단계 - 이미지를 의도적으로 선택 타겟 청중의 감정 상태와 정체성을 강화하는 이미지를 사용하세요. 연구 근거: 시각적 단서와 예술적 스타일은 감정적 반응과 인식된 의미를 변화시킵니다 (Damiano et al., 2023; Song et al., 2024).

의사 결정 매트릭스

변수: 감정 목표

  • 평온 -> 낮은 대비, 명확한 계층 구조, 충분한 여백 사용.
  • 신뢰 -> 절제된 색상, 투명한 구조, 사실적인 이미지 사용.
  • 긴급감 -> 높은 대비와 좁은 초점 영역 사용.
  • 고급감 -> 미니멀리즘, 통제된 간격, 프리미엄 단서 사용.
  • 따뜻함 -> 부드러운 색조, 인간 이미지, 친근한 서체 사용.

변수: 문화적 맥락

  • 글로벌 -> 색상 의미가 보편적이라고 가정하지 않음.
  • 로컬 -> 지역적 연관성과 카테고리 규범 확인.
  • 혼합 -> 보수적이고 교차 문화적인 신호 선호.

변수: 청중 숙련도

  • 초보자 -> 복잡성과 시각적 잡음 감소.
  • 전문가 -> 정밀한 스캔과 데이터 명확성 지원.
  • 감정적 -> 세부 사항보다 감정을 먼저 디자인.

실패 모드 - 하지 말아야 할 것

실패 모드 1

  • 일반적인 에이전트: 색상 심리를 보편적인 것처럼 적용합니다.
  • 심리적으로 실패하는 이유: 색상 의미는 문화와 맥락에 따라 달라집니다.
  • 대신: 청중과 시장에 맞게 조정하세요.

실패 모드 2

  • 일반적인 에이전트: 인터페이스를 지나치게 장식합니다.
  • 심리적으로 실패하는 이유: 시각적 잡음은 인지 부하를 높입니다.
  • 대신: 계층 구조와 여백을 감정적 도구로 사용하세요.

실패 모드 3

  • 일반적인 에이전트: 의도보다 취향에 따라 시각 요소를 선택합니다.
  • 심리적으로 실패하는 이유: 취향은 전략이 아닙니다.
  • 대신: 사용자가 느껴야 할 감정을 위해 디자인하세요.

윤리적 가드레일

이 스킬은 다음을 준수해야 합니다:

  • 접근성 및 대비 요구 사항 존중.
  • 기만적인 감정 조작 금지.
  • 색상과 이미지에 문화적 민감성 적용.

설득과 조작의 경계는 시각적 요소를 사용하여 진정한 감정적 약속을 명확히 하는 것과, 감각적 속임수로 약점을 숨기거나 거짓된 지위를 만드는 것의 차이입니다. 결코 이 선을 넘지 마세요.

스킬 체이닝

이 스킬을 호출하기 전에 에이전트는 다음을 완료해야 합니다:

  • @customer-psychographic-profiler

이 스킬의 출력은 다음에 전달됩니다:

  • @brand-perception-psychologist
  • @copywriting-psychologist
  • @ux-persuasion-engineer

출력 품질 검사

최종 출력을 마무리하기 전에 에이전트는 다음을 확인합니다:

  • 타겟 감정을 명확히 정의했습니까?
  • 색상과 이미지를 문화에 맞게 조정했습니까?
  • 여백과 계층 구조를 의도적으로 사용했습니까?
  • 접근성을 유지했습니까?
  • 디자인이 타겟 청중에게 적합하게 느껴집니까?

관련 스킬