- 주문상품수량
- 개
- 예상적립금
P - 상품할인금
- 원
- 배송료
- 원
- 주문합계
- 원
네비게이션 실시간 인기 책
베스트
피그마 with AI UX/UI 디자인을 위한
- 신승희 저
- 길벗캠퍼스
- 2025년 08월 29일
-
정가27,000원
-
판매가24,300원 [10% 할인]
-
결제 혜택무이자
카드할인/포인트결제 안내
제휴카드
반디앤루니스 롯데카드 결제금액 최대 25% 청구할인 (1만원 이상 결제건에 한해 월 2회, 건당 최대 1만원 할인) 반디앤루니스 우리V카드 결제금액 10% 청구할인 포인트결제
OK캐쉬백 포인트 최소 10원부터 전액 사용 or 1% 적립 현대카드 M포인트 결제금액의 최대 10% 사용 가능 신한카드 포인트 결제금액의 최대 10% 사용 가능(일부카드) 하나(구.외환) 포인트 보유 한도 내에서 100% 사용 가능 씨티카드 포인트 결제금액의 최대 50% 사용 가능 할인카드
NH농협 TAKE5카드 20% 청구할인(Edu Pack) 채움 플래티늄 멀티카드 20% 청구할인 모바일 Tmoney 신한카드 10% 청구할인 신한카드 Shopping 10% 청구할인 NH농협 체크카드 10% 청구할인 NH20 해봄 신용카드 10% 청구할인 씨티 클리어 카드 7% 청구할인 NH20 해봄 체크카드 5% 청구할인 NH농협 LADY다솜카드 5% 청구할인 신한카드 큐브 5% 청구할인 신한카드 큐브 PLATINUM# 5% 청구할인 
무이자 안내
-
적립금1,350원 적립 [5%P]
추가 적립금 안내
[2천원 추가 적립]
총 주문금액 5만원 이상 구매 시 2,000원 추가 적립
도서(eBook포함)만 구매 시 적립 대상에서 제외업채배송상품 포함(기프트, 업체배송 등) 5만원[멤버십 추가 적립]
슈퍼루니 : 3% 추가 적립
골드루니 : 2% 추가 적립
실버루니 : 1% 추가 적립
단, 국내도서, eBook만 구매 시 적립 불가
-
배송료무료배송
-
출고예정일
출고예정일 안내
※ 출고예정일은 도서 재고상황에 따라 변동될 수 있습니다.
2025년 12월 31일(수)※ 출고예정일은 도서 재고상황에 따라 변동될 수 있습니다.
당일배송 가능지역 검색
“도로명주소”를 쉽게 찾아보세요
1. 도로명으로 검색하기 (예, “직지길” or “직지길+322”)
2. 건물명으로 검색하기 (예, “반디앤루니스빌딩”)
3. 동(읍/면/리) 으로 검색 (예, “인사동” or “인사동+43”)
4. 도로명주소를 모르실 경우 도로명주소 안내시스템(http://www.juso.go.kr)에서 확인해주세요.
시/도
시/군/구
회원리뷰
ISBN: 9791140715053
368쪽
699g
183 x 235 (㎜)
지금 이책은
- 판매지수 : 0
이 분야의 베스트셀러
-
마케터를 위한 구글 애널리틱스
조하준
19,800원
-
이기적 웹디자인기능사 필기 절대족보 (2021)
윤미선, 영진정보연구소
14,400원
-
UX 평가 및 분석의 이해
박재현
13,700원
이 책과 함께 구매한 책
-
UX/UI 디자이너를 위한 실무 피그마 (3판) 클레어 정 25,200원
-
데이터 삽질 끝에 UX가 보였다 이미진(란란) 23,400원
책 소개
이 책은
기초부터 실무 중심의 협업 프레젠테이션 구성
기본 드로잉부터 UI 자동화, 프로토타입 구성까지 AI 생성
피그마는 디자이너뿐 아니라, 팀 프로젝트를 수행하는 학생, 비주얼 기획이 필요한 실무자, 콘텐츠 제작을 담당하는 다양한 분야의 사용자에게 직관적이고 강력한 도구이며, 협업 중심의 워크 플로와 생산성을 극대화하는 기능을 갖춘 디자인 도구로서 실무 프로젝트에 즉시 적용 가능한 실질적인 역량을 기르기에 적합니다.
《UX/UI 디자인을 위한 피그마 with AI》는 디지털 디자인의 표준으로 자리 잡은 피그마를 이용하면서도 디자인의 본질은 손재주보다 설계력이 있으며, 이 도구를 통해 어떤 창의성과 문제 해결력을 이끌어 낼 수 있는 알려주는 책입니다.
피그마의 강력한 AI 기능을 바탕으로, 디자이너의 손을 덜어주고 머리를 더 쓰게 만드는 방법, 즉 ‘창의적인 고민’에 집중할 수 있는 환경을 만들어주는 도구로서의 피그마를 소개합니다.
이제 막 피그마를 시작하는 분도, 이미 사용 중인 분도, 《UX/UI 디자인을 위한 피그마 with AI》를 통해 한 걸음 더 나아갈 수 있습니다.
출판사 리뷰
UI/UX 입문부터 실무 디자인을 위한
피그마
피그마의 기본 개념부터 자동화 기능과 실무 활용까지 전반적인 내용을 한 권에 체계적으로 담았습니다. 협업 중심의 디자인 시스템 구축, 효율적인 프레젠테이션 제작 방법 등 실무 환경에서 바로 적용 가능한 실습 과정을 단계적으로 안내합니다. 특히 AI 기능의 프롬프트 기반의 시각화, 이미지 생성, 레이아웃 자동화, 스타일 추천 등 최신 기능을 활용한 실전 노하우를 통해 디자인 업무의 생산성과 창의성을 동시에 높일 수 있도록 구성하였습니다.
STEP1 피그마 핵심 기능 활용
STEP2 생성형 AI로 UI 자동화
STEP3 UX 디자인 시스템 & 실무 프로젝트 실습
STEP4 협업 프레젠테이션 제작 및 공유
저자 소개
한양여자대학교 빅데이터과(전 스마트 IT과) 겸임교수로서 UX/UI 디자인, 웹 디자인, 모바일 앱 기획 과목 등을 10년간 강의해 왔으며, 현재 ㈜더블에스텍 대표로 활동하고 있습니다.
주요경력
현재 : 플랫폼 개발 및 디자인 전문회사 ㈜ 더블에스텍 대표
이전 : 한양여자대학교 빅데이터과 겸임교수
학력
서강대학교 경영전문대학원 MBA 경영학(마케팅) 석사
숙명여자대학교 시각디자인과 학사
목차
WEEK 01 AI로 똑똑! 피그마 AI를 학습하기 전에
1.1 피그마, 왜 대세일까?
01 협업 디자인의 신세계, 클라우드 실시간 협업으로 팀플 걱정 끝!
02 다양한 플랫폼, 원활한 호환성 머릿 속 아이디어를 현실로!
03 UX/UI 디자인에 최적화된 워크 플로
04 AI와 커뮤니티, 플러그인의 강력한 생태계
05 발표 자료? 피그마 슬라이드로 뚝딱!
1.2 반가워! 피그마 AI 설치 가이드
01 피그마 요금 정책 알아보기
02 피그마 계정 만들기
1.3 피그마의 날개가 되어준 AI
01 AI 기능 살펴보기
02 AI 기능, 어떻게 활용할까
03 사용하면 유용한 AI 플러그인 Top 10
연습 문제
WEEK 02 피그마 인터페이스 한눈에 살펴보기
2.1 피그마 기본 화면 이해하기
01 피그마 홈 화면 살펴보기
02 피그마 작업 화면 살펴보기
2.2 툴바 이해하기
01 디자인 모드 툴바
02 드로우 모드 툴바
03 개발자 모드 툴바
2.3 작업창의 패널 완전 정복!
01 Left 패널: 파일과 에셋 관리하기
02 Right 패널: 디자인, 프로토타입, 인스펙트 기능 살펴보기
2.4 효율적인 작업을 위한 단축키 알아보기
01 유용한 단축키 알아보기
연습 문제
WEEK 03 기초 그리기부터 실전 편집까지! 오브젝트 드로잉
3.1 기본 도형으로 멋지게 시작!
01 사각형 도구 알아보기
02 선과 화살표 활용하기
03 원 도구 활용하기
04 다각형 도구 활용하기
3.2 펜 도구로 쇼핑백 디자인하기
01 라인 스타일 로고 디자인하기
02 조약돌 오브제 쇼핑백 디자인하기
03 조약돌 아트웍을 목업으로 활용하기
04 벡터 vs 비트맵 이해하기
3.3 플러그인을 활용하여 아이콘과 텍스트 버튼 만들기
3.4 AI 기능으로 아이콘 생성하기
연습 문제
WEEK 04 한눈에 보이는 프로젝트, 관리의 기술
4.1 프로젝트 관리: 작업 공간 만들기
01 페이지 생성으로 작업 공간 넓히기
02 화면 흐름을 한눈에 파악하는 워크 플로 구성하기
4.2 페이지를 연결하여 워크 플로 구성하기
01 간단한 버튼 아이콘과 페이지 연결하기
4.3 피그마 레이아웃 관리, 그리드 & 가이드
01 레이아웃 그리드 활용법
4.4 그리드 & 가이드 직접 실습해 보기
01 그리드 시스템 따라하기
02 팀 협업을 위한 레이아웃 그리드 저장하기
03 팀 라이브러리에 등록하기
04 저장한 레이아웃 그리드를 적용하기
05 팀원이 공유해준 레이아웃 그리드 파일 적용하기
06 가이드로 정확하게 정렬하기
4.5 UX 구조화: 레이어와 반응형 구조 설계
01 레이어를 체계적으로 관리하는 법
02 반응형 구조 설계를 위한 컨스트레인트
03 Rename layers로 자동 레이어명 바꾸기
연습 문제
WEEK 05 오토 레이아웃, 세상 편해지는 디자인
5.1 오토 레이아웃, 자동 정렬의 마법
01 프레임과 오토 레이아웃,
어떤 차이가 있을까?
5.2 오토 레이아웃 실습하기
01 오토 레이아웃을 활용한 상품 카드 만들기
02 쇼핑몰처럼! 상품 리스트 페이지 제작하기
03 그리드로 상품 페이지 레이아웃 구성하기
5.3 작업의 효율을 높이는 반응형 디자인 구현하기
01 반응형 디자인이란?
02 반응형 레이아웃을 위한 설정
03 AI를 이용한 콘텐츠 자동 변경
04 데스크톱부터 모바일까지, 중단점 실습
연습 문제
WEEK 06 컴포넌트와 베리언트, 일 잘하는 디자이너의 비밀
6.1 컴포넌트로 재사용 가능한 디자인 만들기
01 컴포넌트 이해와 필요성 알아보기
02 컴포넌트 활용 시 주의할 점 알아보기
6.2 간단한 컴포넌트 만들기
6.3 마스터 컴포넌트 & 인스턴스 활용법
01 마스터 컴포넌트와 인스턴스의 차이점 이해하기
6.4 인스턴스 자유롭게 바꾸기
6.5 컴포넌트 라이브러리 활용하기
6.6 인스턴스 분리와 컴포넌트 스왑 알아보기
6.7 베리언트로 효율적인 관리하기
01 베리언트 핵심 기능 익히기
6.8 다양한 상태의 버튼 디자인 실습
01 기본 버튼 만들기
02 호버 상태의 버튼 디자인하기
03 클릭 상태의 버튼 디자인하기
04 비활성화 상태의 버튼 디자인하기
05 같은 속성으로 정리하기
06 사이즈별 버튼 디자인하기
6.9 로그인 페이지에서 최종 테스트 및 활용
01 인터랙션 연결하기
02 로그인 페이지에 활용하기
03 발표 모드에서 테스트하기
연습 문제
WEEK 07 AI가 바꿔놓은 디자인씽킹
7.1 사용자 중심의 혁신! 디자인씽킹
01 왜 디자인씽킹이 필요한가
02 AI 시대, 디자이너의 역할
03 함께 작업할 팀 구성하기
7.2 디자인씽킹 프로세스 훑어보기
01 1단계: 공감(Empathize)
02 2단계: 문제 정의하기(Define)
03 3단계: 아이디어 내기(Ideate)
04 4단계: 프로토타입(Prototype)
05 5단계: 테스트(Test)
7.3 순환형 프로세스 이해하기
연습 문제
WEEK 08 실시간 협업, 피그잼으로 실습 스타트!
8.1 피그잼으로 아이디어 실현하기
01 실습 과정 알아보기
8.2 실시간 협업으로 팀워크 레벨업!
01 공유 보드에 팀원 초대하기
02 손풀기용 미션 진행하기
8.3 1단계: 공감, 사용자 목소리 시각화하기
8.4 2단계: 문제 정의, 진짜 문제 뽑아내기
01 공통 키워드 묶기
02 패턴 찾기 및 인사이트 도출
8.5 3단계: 아이데이션, 아이디어 팡팡!
연습 문제
WEEK 09 디자인 시스템으로 프로처럼!
9.1 프로젝트를 살리는 디자인 시스템!
01 디자인 시스템이 필요한 이유
02 디자인 시스템 구성 요소 이해하기
9.2 팀 라이브러리, 직접 만들어보자!
01 라이브러리가 중요한 이유
02 범정부 UI/UX 디자인 시스템
03 텍스트 스타일 정리하기
04 새로운 텍스트 스타일 설정하기
05 타이포그래피 설계 가이드
06 컬러 시스템 설계 가이드
07 컬러 팔레트 플러그인 설치하기
9.3 팀 라이브러리 퍼블리시 & 관리
01 팀 라이브러리 퍼블리시하기
02 새 파일에 팀 라이브러리 불러오기
연습 문제
WEEK 10 AI로 빠르게! 아이디어를 프로토타입으로
10.1 코딩 없이 만드는 피그마 사이트
01 피그마 사이트란?
02 피그마 사이트의 5가지 특징
03 피그마 사이트 인터페이스와 툴바 알아보기
10.2 AI 템플릿으로 스케치하기
01 스타일에 맞는 피그마 사이트 템플릿 찾기
02 모든 중단점에서 콘텐츠 동시 편집하기
03 반응형 웹페이지 테스팅하기
04 디바이스별 최적화! 중단점 설정하기
10.3 UX 블록 레이아웃 추가하기
01 레이아웃 구조용 블록 알아보기
02 내용 전달을 위한 블록 알아보기
연습 문제
WEEK 11 실전 UX 화면 설계 따라잡기
11.1 감각을 더한 디자인 톤 & 무드 설계하기
01 감성에 톤을 잡는 인스퍼레이션
02 디자인 톤 & 무드 스타일
03 무드보드 만들기
11.2 템플릿 없이, AI 프로토타입 바로 시작!
01 피그잼 아이디어 최종 정리
02 챗GPT로 프롬프트 만들기
03 AI로 프로토타입 초안 구성하기
04 프로토타입 스타일 수정하기
11.3 AI로 만드는 메인 비주얼, 더 빠르게 더 선명하게
01 챗GPT로 프롬프트 만들기
02 Google Image FX에서 이미지 생성하기
연습 문제
WEEK 12 몰입감을 높이는 인터랙션
12.1 클릭, 그 이상의 버튼 인터랙션
01 피그마 디자인을 피그마 사이트로 가져오기
02 페이지 제작 시 중요한 CTA 버튼
03 버튼 인터랙션 효과 적용하기
12.2 시선을 사로잡는 마이크로 인터랙션
01 화면에 등장하는 효과 적용하기
02 흘러가는 텍스트 효과 적용하기
03 타이핑 효과 적용하기
12.3 스크롤 애니메이션 인터랙션!
흐름을 이끄는 UX
01 공간감이 느껴지는 연출 효과 적용하기
02 자유롭게 변하는 인터랙션 적용하기
연습 문제
WEEK 13 흐름 있는 사용자 여정과 최종 발표
13.1 흐름이 살아있는 인터랙션 플로
01 슬라이드 오버레이 인터랙션 적용하기
02 창 닫기, 중앙에 뜨는 오버레이 인터랙션 적용하기
03 스왑 오버레이 인터랙션 적용하기
04 페이지 전환 인터랙션 적용하기
05 돌아가기 인터랙션 적용하기
06 인터랙션 플로 구성 시 주의사항
13.2 핵심을 전달하는 최종 발표 자료 구성하기
01 아이디어를 담는 틀 짜기
02 AI 기능으로 한번에 번역하기
03 피그마 프로토타입 연결하기
04 AI와 함께 발표 자료 준비하기
05 발표 준비 체크 리스트
연습 문제
찾아보기
1.1 피그마, 왜 대세일까?
01 협업 디자인의 신세계, 클라우드 실시간 협업으로 팀플 걱정 끝!
02 다양한 플랫폼, 원활한 호환성 머릿 속 아이디어를 현실로!
03 UX/UI 디자인에 최적화된 워크 플로
04 AI와 커뮤니티, 플러그인의 강력한 생태계
05 발표 자료? 피그마 슬라이드로 뚝딱!
1.2 반가워! 피그마 AI 설치 가이드
01 피그마 요금 정책 알아보기
02 피그마 계정 만들기
1.3 피그마의 날개가 되어준 AI
01 AI 기능 살펴보기
02 AI 기능, 어떻게 활용할까
03 사용하면 유용한 AI 플러그인 Top 10
연습 문제
WEEK 02 피그마 인터페이스 한눈에 살펴보기
2.1 피그마 기본 화면 이해하기
01 피그마 홈 화면 살펴보기
02 피그마 작업 화면 살펴보기
2.2 툴바 이해하기
01 디자인 모드 툴바
02 드로우 모드 툴바
03 개발자 모드 툴바
2.3 작업창의 패널 완전 정복!
01 Left 패널: 파일과 에셋 관리하기
02 Right 패널: 디자인, 프로토타입, 인스펙트 기능 살펴보기
2.4 효율적인 작업을 위한 단축키 알아보기
01 유용한 단축키 알아보기
연습 문제
WEEK 03 기초 그리기부터 실전 편집까지! 오브젝트 드로잉
3.1 기본 도형으로 멋지게 시작!
01 사각형 도구 알아보기
02 선과 화살표 활용하기
03 원 도구 활용하기
04 다각형 도구 활용하기
3.2 펜 도구로 쇼핑백 디자인하기
01 라인 스타일 로고 디자인하기
02 조약돌 오브제 쇼핑백 디자인하기
03 조약돌 아트웍을 목업으로 활용하기
04 벡터 vs 비트맵 이해하기
3.3 플러그인을 활용하여 아이콘과 텍스트 버튼 만들기
3.4 AI 기능으로 아이콘 생성하기
연습 문제
WEEK 04 한눈에 보이는 프로젝트, 관리의 기술
4.1 프로젝트 관리: 작업 공간 만들기
01 페이지 생성으로 작업 공간 넓히기
02 화면 흐름을 한눈에 파악하는 워크 플로 구성하기
4.2 페이지를 연결하여 워크 플로 구성하기
01 간단한 버튼 아이콘과 페이지 연결하기
4.3 피그마 레이아웃 관리, 그리드 & 가이드
01 레이아웃 그리드 활용법
4.4 그리드 & 가이드 직접 실습해 보기
01 그리드 시스템 따라하기
02 팀 협업을 위한 레이아웃 그리드 저장하기
03 팀 라이브러리에 등록하기
04 저장한 레이아웃 그리드를 적용하기
05 팀원이 공유해준 레이아웃 그리드 파일 적용하기
06 가이드로 정확하게 정렬하기
4.5 UX 구조화: 레이어와 반응형 구조 설계
01 레이어를 체계적으로 관리하는 법
02 반응형 구조 설계를 위한 컨스트레인트
03 Rename layers로 자동 레이어명 바꾸기
연습 문제
WEEK 05 오토 레이아웃, 세상 편해지는 디자인
5.1 오토 레이아웃, 자동 정렬의 마법
01 프레임과 오토 레이아웃,
어떤 차이가 있을까?
5.2 오토 레이아웃 실습하기
01 오토 레이아웃을 활용한 상품 카드 만들기
02 쇼핑몰처럼! 상품 리스트 페이지 제작하기
03 그리드로 상품 페이지 레이아웃 구성하기
5.3 작업의 효율을 높이는 반응형 디자인 구현하기
01 반응형 디자인이란?
02 반응형 레이아웃을 위한 설정
03 AI를 이용한 콘텐츠 자동 변경
04 데스크톱부터 모바일까지, 중단점 실습
연습 문제
WEEK 06 컴포넌트와 베리언트, 일 잘하는 디자이너의 비밀
6.1 컴포넌트로 재사용 가능한 디자인 만들기
01 컴포넌트 이해와 필요성 알아보기
02 컴포넌트 활용 시 주의할 점 알아보기
6.2 간단한 컴포넌트 만들기
6.3 마스터 컴포넌트 & 인스턴스 활용법
01 마스터 컴포넌트와 인스턴스의 차이점 이해하기
6.4 인스턴스 자유롭게 바꾸기
6.5 컴포넌트 라이브러리 활용하기
6.6 인스턴스 분리와 컴포넌트 스왑 알아보기
6.7 베리언트로 효율적인 관리하기
01 베리언트 핵심 기능 익히기
6.8 다양한 상태의 버튼 디자인 실습
01 기본 버튼 만들기
02 호버 상태의 버튼 디자인하기
03 클릭 상태의 버튼 디자인하기
04 비활성화 상태의 버튼 디자인하기
05 같은 속성으로 정리하기
06 사이즈별 버튼 디자인하기
6.9 로그인 페이지에서 최종 테스트 및 활용
01 인터랙션 연결하기
02 로그인 페이지에 활용하기
03 발표 모드에서 테스트하기
연습 문제
WEEK 07 AI가 바꿔놓은 디자인씽킹
7.1 사용자 중심의 혁신! 디자인씽킹
01 왜 디자인씽킹이 필요한가
02 AI 시대, 디자이너의 역할
03 함께 작업할 팀 구성하기
7.2 디자인씽킹 프로세스 훑어보기
01 1단계: 공감(Empathize)
02 2단계: 문제 정의하기(Define)
03 3단계: 아이디어 내기(Ideate)
04 4단계: 프로토타입(Prototype)
05 5단계: 테스트(Test)
7.3 순환형 프로세스 이해하기
연습 문제
WEEK 08 실시간 협업, 피그잼으로 실습 스타트!
8.1 피그잼으로 아이디어 실현하기
01 실습 과정 알아보기
8.2 실시간 협업으로 팀워크 레벨업!
01 공유 보드에 팀원 초대하기
02 손풀기용 미션 진행하기
8.3 1단계: 공감, 사용자 목소리 시각화하기
8.4 2단계: 문제 정의, 진짜 문제 뽑아내기
01 공통 키워드 묶기
02 패턴 찾기 및 인사이트 도출
8.5 3단계: 아이데이션, 아이디어 팡팡!
연습 문제
WEEK 09 디자인 시스템으로 프로처럼!
9.1 프로젝트를 살리는 디자인 시스템!
01 디자인 시스템이 필요한 이유
02 디자인 시스템 구성 요소 이해하기
9.2 팀 라이브러리, 직접 만들어보자!
01 라이브러리가 중요한 이유
02 범정부 UI/UX 디자인 시스템
03 텍스트 스타일 정리하기
04 새로운 텍스트 스타일 설정하기
05 타이포그래피 설계 가이드
06 컬러 시스템 설계 가이드
07 컬러 팔레트 플러그인 설치하기
9.3 팀 라이브러리 퍼블리시 & 관리
01 팀 라이브러리 퍼블리시하기
02 새 파일에 팀 라이브러리 불러오기
연습 문제
WEEK 10 AI로 빠르게! 아이디어를 프로토타입으로
10.1 코딩 없이 만드는 피그마 사이트
01 피그마 사이트란?
02 피그마 사이트의 5가지 특징
03 피그마 사이트 인터페이스와 툴바 알아보기
10.2 AI 템플릿으로 스케치하기
01 스타일에 맞는 피그마 사이트 템플릿 찾기
02 모든 중단점에서 콘텐츠 동시 편집하기
03 반응형 웹페이지 테스팅하기
04 디바이스별 최적화! 중단점 설정하기
10.3 UX 블록 레이아웃 추가하기
01 레이아웃 구조용 블록 알아보기
02 내용 전달을 위한 블록 알아보기
연습 문제
WEEK 11 실전 UX 화면 설계 따라잡기
11.1 감각을 더한 디자인 톤 & 무드 설계하기
01 감성에 톤을 잡는 인스퍼레이션
02 디자인 톤 & 무드 스타일
03 무드보드 만들기
11.2 템플릿 없이, AI 프로토타입 바로 시작!
01 피그잼 아이디어 최종 정리
02 챗GPT로 프롬프트 만들기
03 AI로 프로토타입 초안 구성하기
04 프로토타입 스타일 수정하기
11.3 AI로 만드는 메인 비주얼, 더 빠르게 더 선명하게
01 챗GPT로 프롬프트 만들기
02 Google Image FX에서 이미지 생성하기
연습 문제
WEEK 12 몰입감을 높이는 인터랙션
12.1 클릭, 그 이상의 버튼 인터랙션
01 피그마 디자인을 피그마 사이트로 가져오기
02 페이지 제작 시 중요한 CTA 버튼
03 버튼 인터랙션 효과 적용하기
12.2 시선을 사로잡는 마이크로 인터랙션
01 화면에 등장하는 효과 적용하기
02 흘러가는 텍스트 효과 적용하기
03 타이핑 효과 적용하기
12.3 스크롤 애니메이션 인터랙션!
흐름을 이끄는 UX
01 공간감이 느껴지는 연출 효과 적용하기
02 자유롭게 변하는 인터랙션 적용하기
연습 문제
WEEK 13 흐름 있는 사용자 여정과 최종 발표
13.1 흐름이 살아있는 인터랙션 플로
01 슬라이드 오버레이 인터랙션 적용하기
02 창 닫기, 중앙에 뜨는 오버레이 인터랙션 적용하기
03 스왑 오버레이 인터랙션 적용하기
04 페이지 전환 인터랙션 적용하기
05 돌아가기 인터랙션 적용하기
06 인터랙션 플로 구성 시 주의사항
13.2 핵심을 전달하는 최종 발표 자료 구성하기
01 아이디어를 담는 틀 짜기
02 AI 기능으로 한번에 번역하기
03 피그마 프로토타입 연결하기
04 AI와 함께 발표 자료 준비하기
05 발표 준비 체크 리스트
연습 문제
찾아보기
배송 시 유의사항
- 반디앤루니스에서 구매하신 도서는 물류 대행 위탁업체 웅진 북센을 통해 배송됩니다.
(배송 포장에 "웅진 북센"으로 표기될 수 있습니다.)
- 구매한 상품의 품질과 배송 관련 문의는 반디앤루니스로 문의 바랍니다.
- 천재지변 및 택배사의 사정에 따라 배송이 지연될 수 있습니다.
- 결제(입금) 완료 후 출판사 및 유통사의 사정으로 품절 또는 절판 되어 상품 구입이 어려울 수 있습니다. (별도 안내 예정)
- 도서산간지역의 경우 추가 배송비가 발생될 수 있습니다.
반품/교환
상품 설명에 반품/ 교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다)
반품/교환
-
반품/교환 반품/교환 방법 홈 > 고객센터 > 자주찾는질문 “반품/교환/환불” 안내 참고 또는 1:1상담게시판 반품/교환 가능 기간 반품,교환은 배송완료 후 7일 이내, 상품의 결함 및 계약내용과 다를 경우 문제발견 후 30일 이내에 신청가능 반품/교환 비용 변심 혹은 구매착오의 경우에만 반송료 고객 부담(별도 지정 택배사 없음) 반품/교환 불가 사유 - 소비자의 책임 사유로 상품 등이 손실 또는 훼손된 경우
- 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
- 복제가 가능한 상품 등의 포장을 훼손한 경우 : 예)만화책, 잡지, 화보집 등
- 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
- 전자상거래등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우
- 해외주문 상품(해외 원서)의 경우(파본/훼손/오발송 상품을 제외)
소비자 피해보상
환불지연에 따른 배상- 상품의 불량에 의한 반품, 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
소비자 분쟁해결 기준(공정거래위원회고시)에 준하여 처리됨 - 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
소비자 보호에 관한 법률에 따라 처리함
반품/교환 주소 경기도 파주시 문발로 77, 웅진북센(반디앤루니스)
