Pixel & Process 픽셀의 디테일과 과정의 기록

  • 홈
  • 태그
  • 방명록

2026/05/01 1

클릭을 부르는 상업용 띠배너 시각적 위계 & 프롬프트 가이드

안녕하세요, 디자인 공부를 하고 있는 단미입니다.오늘은 이커머스와 웹 환경에서 즉각적인 메시지 전달과 클릭(CTA)을 유도해야 하는'띠배너' 디자인 8종의 작업 과정을 기록해 보려 합니다.이번 작업의 핵심은 기존 스톡 이미지가 주지 못하는 브랜드 맞춤형 질감을생성형 AI(Firefly, Gemini)로 직접 렌더링하거나, 기존 에셋의 매력을 극대화하는 레이아웃을 짜는 것이었습니다.웹 표준인 860x200px 규격과 모바일 팝업을 고려한 600x200px 규격 안에서,각 인더스트리(뷰티, F&B, IT, 게임 등)의 타겟층을 어떻게 시각적으로 설득했는지 그 과정을 공유합니다.🎨 1. POZE (뷰티 / 코스메틱)💡 [제작 배경]코스메틱 브랜드 'POZE'의 신규 고객 유치를 위한 5,000원 웰컴 쿠폰..

디자인 2026.05.01
이전
1
다음
더보기
프로필사진

Pixel & Process 픽셀의 디테일과 과정의 기록

지원의 디자인 & 코드 보관함

  • 분류 전체보기 (25)
    • 디자인 (11)
    • 작업 (5)
      • 작업기록 (2)
    • 공부기록 (5)

Tag

웹디자인기능사실기, 웹디실기 정리, 웹디자인기능사 정리, 웹디자인기능사코드, 오토레이아웃, 웹디자인기능사독학, 웹디실기코드, 웹디자인, 피그마실습, 피그마연습, 웹디실기 핵심, 웹디실기, 웹디실기js, 웹디자인기능사, 웹디독학, 웹디실기유형, 베리언트, 디자인, 웹디자인기능사 실기코드, 웹디실기css,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/05   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바