품목정보
발행일	2022년 11월 01일
쪽수, 무게, 크기	416쪽 \| 672g \| 17022517mm
ISBN13	9791169210461
ISBN10	1169210465

더보기

Part 1 피그마 활용하기 Chapter 1 피그마 시작하기 __Lesson 01 왜 피그마인가 ___피그마 소개 ___피그마를 활용한 디자이너의 하루 ___피그마를 활용한 기획자의 하루 ___피그마를 활용한 개발자의 하루 ___[디자인 노하우] 팀원들에게 피그마 도입을 설득하고 싶어요! __Lesson 02 피그마 설치와 기본 인터페이스 둘러보기 ___피그마 설치 ___메인 대시보드 ___상단 도구 모음 ___사이드바 ___공유와 뷰 세팅 ___[디자인 노하우] 디자인하기 전 알아야 하는 UI 기술 지식 __Lesson 03 작업 전 환경 설정 ___스케치 프로젝트를 피그마로 옮기기 ___폰트 ___안드로이드와 iOS UI 템플릿 다운로드 ___기본 레이어 스타일 설정 ___컬러 프로필 선택 ___캔버스 컬러 선택 ___Preference 설정 Chapter 2 그래픽 스타일과 라이브러리 __Lesson 01 그래픽 스타일과 벡터 ___패널 기능 알아보기 ___벡터 __Lesson 02 스타일과 라이브러리 ___스타일 만들고 편집하기 ___그룹 스타일과 정렬 ___라이브러리로 발행 ___팀 라이브러리 ___[실습] 스타일을 저장하고 라이브러리로 발행하기 Chapter 3 정렬과 레이아웃 __Lesson 01 정렬을 편리하게: 스마트 셀렉션 ___스마트 셀렉션 만들기 ___[실습] 특정 셀렉션 리사이징 ___[실습] 여러 셀렉션 리사이징 ___[실습] 오브젝트 복제 __Lesson 02 반응형 디자인을 위한 콘스트레인트와 레이아웃 그리드 ___콘스트레인트 ___[실습] 레이아웃 그리드 ___콘스트레인트와 레이아웃 그리드 함께 활용하기 Chapter 4 리소스, 컴포넌트, 오토레이아웃 __Lesson 01 리소스 - 컴포넌트, 플러그인, 위젯 ___리소스 ___컴포넌트 ___인스턴스 수정과 오버라이드 ___[실습] 컴포넌트로 UI 구성하고 라이브러리 만들기 ___플러그인 ___위젯 __Lesson 02 블록처럼 UI를 구성하는 오토레이아웃 ___오토레이아웃 ___리사이징 ___절대적 위칫값 ___[실습] 오토레이아웃 Chapter 5 디자인 시스템과 협업 __Lesson 01 진보한 디자인 시스템을 위한 베리언츠 ___베리언츠 ___[실습] 토글, 버튼 베리언츠 ___베리언츠 만들고 사용하기 ___프로처럼 베리언츠 활용하기 __Lesson 02 시스템을 정리하는 컴포넌트 프로퍼티 ___컴포넌트 속성 ___[실습] 리스트 컴포넌트에 컴포넌트 속성 적용하기 __Lesson 03 실제 화면처럼 시연하는 프로토타입 ___프로토타입 요소 ___인터랙션과 애니메이션 만들기 ___프로토타입 세팅 설정하기 ___프로토타입 화면 보기 ___[실습] 두 프레임을 오가는 프로토타입 만들기 __Lesson 04 실제처럼 작동하는 인터랙티브 컴포넌트 ___인터랙티브 컴포넌트 ___[실습] 버튼 인터랙티브 컴포넌트 ___[실습] 토글 인터랙티브 컴포넌트 ___[실습] 모달 팝업 인터랙티브 컴포넌트 ___[실습] 이미지 캐러셀 인터랙티브 컴포넌트 __Lesson 05 파일 관리가 필요 없는 버전 히스토리 ___버전 히스토리 확인하기 ___버전 확인하고 되돌리기 ___[실습] 이전 히스토리로 복원하고 새로운 히스토리 저장하기 Part 2 피그마로 디자인하기 Chapter 6 iOS 뉴스 앱 __Lesson 01 예제 설명 __Lesson 02 하단 내비게이션 __Lesson 03 카드와 리스트 __Lesson 04 상단 탭 메뉴와 아티클 페이지 __Lesson 05 페이지 전환 프로토타입 ___[디자인 노하우] 아이콘 활용 팁 Chapter 7 안드로이드 스포츠 클래스 앱 __Lesson 01 예제 설명 __Lesson 02 공통 레이아웃 __Lesson 03 메인 화면 __Lesson 04 클래스 상세 페이지 __Lesson 05 스크롤 프로토타입 ___[디자인 노하우] 다크모드의 디자인 요소 Chapter 8 반응형 패션 라이브 커머스 __Lesson 01 예제 설명 __Lesson 02 반응형 웹을 위한 레이아웃 그리드 __Lesson 03 아이콘 __Lesson 04 내비게이션 __Lesson 05 카드 UI __Lesson 06 패드 뷰와 데스크톱 뷰 __Lesson 07 가로 스크롤 프로토타입 __Lesson 08 슬라이드 프로토타입 __[디자인 노하우] 반응형 디자인의 이해 Chapter 9 디자인 시스템 __Lesson 01 예제 설명 __Lesson 02 시스템 원칙 __Lesson 03 컬러 시스템 __Lesson 04 타이포그래피 __Lesson 05 버튼 __Lesson 06 텍스트 인풋 __Lesson 07 토글과 태그 __Lesson 08 라디오 버튼과 체크박스 __Lesson 09 카드와 모달 __Lesson 10 페이지 구성 Chapter 10 글로벌 NFT 마켓 __Lesson 01 예제 설명 __Lesson 02 공통 컴포넌트 __Lesson 03 콘텐츠 영역 __Lesson 04 정보성 컴포넌트 부록 A 개발 전달과 파일 관리 __Lesson 01 개발 전달 ___디자인 에셋 내보내기 ___모든 이미지 한 번에 내보내기 ___[디자인 노하우] 디자인과 개발 화면이 다를 때 __Lesson 02 코드 확인 ___코드 변환 전 체크 요소 ___기본 인스펙터 ___플러그인 활용 __Lesson 03 브랜치로 파일 관리 ___브랜치 활용하기 ___브랜치 만들기 ___브랜치 리뷰 요청하기 ___메인 파일에 브랜치 머지하기 ___브랜치 관리하기 부록 B 단축키와 플러그인 __Lesson 01 단축키 ___헬프 버튼 ___필수 단축키와 선택 단축키 ___커스텀 단축키 ___자주 사용하는 Quick action __Lesson 02 플러그인 ___플러그인 시작하기 ___필수 플러그인 ___추천 플러그인 ___팀 플러그인

더보기

상세 이미지 상세 이미지 보이기/감추기

상품 이미지를 확대해서 볼 수 있습니다. 원본 이미지

더보기

저자 소개 (1명)

저 : 클레어 정 이동 관심작가 알림신청

출판사 리뷰 출판사 리뷰 보이기/감추기

협업에 특화된 UX/UI 디자인 도구 - 피그마 기능은 예제로 익히고, 실무 감각은 프로젝트로 스킬업 피그마는 글로벌 UX/UI 도구로 높은 성장을 하였습니다. 이 책은 피그마를 처음 시작하는 디자이너, 기 획자, 개발자를 위해 기본부터 응용까지 모두 담았습니다. 피그마 도구 설명과 디자인 개념을 안내하고 과정마다 예제로 실습합니다. 피그마를 제대로 사용하기 위해 필요한 기능을 익힌 뒤 프로젝트로 실무 역 량을 다집니다. 해상도, 아이콘 디자인 규칙, 다크모드 같은 좋은 디자인을 위해 고려해야 할 유용한 팁도 제시합니다. 풍부한 예제로 피그마를 익히고 실무 프로젝트로 디자인 역량을 높이세요. ● 피그마 설치 / 환경 설정 ● 벡터 / 스마트 셀렉션 / 오토레이아웃 ● 콘스트레인트 / 레이아웃그리드 ● 컴포넌트 / 라이브러리 / 프로토타입 ● 개발 전달 / 코드 확인 / 버전 히스토리 ● iOS 뉴스 앱 / 안드로이드 스포츠 클래스 앱 / 반응형 패션 라이브 커머스 ● 디자인 시스템과 B2B 솔루션 ● 글로벌 NFT 마켓 〈개정판 주요 사항〉 피그마의 주요 업데이트 내용을 추가하고 예제에 이를 반영했다. ● 다크모드: 데스크톱과 웹 모두 다크모드 지원 ● 오토레이아웃: 캔버스 컨트롤 가능 및 반응형 옵션 추가 ● 컴포넌트 속성: 컴포넌트 속성을 사용해서 베리언츠 개수 줄이기 가능 ● 스프링 애니메이션: 프로토타이핑에서 더 자연스럽고 부드러운 애니메이션 가능 ● 가변 폰트: 가변 폰트 사용 가능 ● 스포트라이트: 다른 사람이 내 화면에 집중하게 하는 기능 추가 ● 개별 스트로크: 사각형 도형에서 상하좌우에 각각 선 적용 가능 ● 브랜칭 리뷰 상태: 업데이트, 디자인 피드백, 변경 요청을 관리자가 승인 가능 ● 아웃라인: 아웃라인에서 스트로크의 굵기와 도형의 가장자리를 알려주는 바운딩 박스 표시 ● 패스워드 보안 링크: 파일과 프로토타입 공유 시 패스워드 지정 가능 ● 데스크톱 탭 업데이트: 탭을 고정하거나 드래그하여 분리 가능 ● 위젯 코드 제너레이터: 피그마 위젯을 플러그인처럼 만들고 커뮤니티에 배포 가능 〈예제 소스〉 figma.com/@uidesignguide

회원리뷰 (33건) 회원리뷰 이동

리뷰 쓰기

혜택 및 유의사항?

총 평점 9.8점 9.8 / 10.0

검색결과 정렬 옵션 삭제

회원리뷰 전체보기

한줄평 (9건) 한줄평 이동

한줄평 쓰기

혜택 및 유의사항?

총 평점 8.4점 8.4 / 10.0

구매 한줄평

한줄평 전체보기

배송/반품/교환 안내

배송 안내

반품/교환 안내에 대한 내용입니다.
배송 구분	예스24 배송 배송비 : 무료배송
포장 안내	안전하고 정확한 포장을 위해 CCTV를 설치하여 운영하고 있습니다. 고객님께 배송되는 모든 상품을 CCTV로 녹화하고 있으며, 철저한 모니터링을 통해 작업 과정에 문제가 없도록 최선을 다 하겠습니다. 목적 : 안전한 포장 관리 촬영범위 : 박스 포장 작업

반품/교환 안내

상품 설명에 반품/교환과 관련한 안내가 있는경우 아래 내용보다 우선합니다. (업체 사정에 따라 달라질 수 있습니다)

반품/교환 안내에 대한 내용입니다.
반품/교환 방법	고객만족센터(1544-3800), 중고샵(1566-4295) 판매자 배송 상품은 판매자와 반품/교환이 협의된 상품에 한해 가능합니다.
반품/교환 가능기간	출고 완료 후 10일 이내의 주문 상품 디지털 콘텐츠인 eBook의 경우 구매 후 7일 이내의 상품 중고상품의 경우 출고 완료일로부터 6일 이내의 상품 (구매확정 전 상태)
반품/교환 비용	고객의 단순변심 및 착오구매일 경우 상품 반송비용은 고객 부담임 직수입양서/직수입일서중 일부는 변심 또는 착오로 취소시 해외주문취소수수료 20%를 부과할수 있음 단, 아래의 주문/취소 조건인 경우, 취소 수수료 면제 오늘 00시 ~ 06시 30분 주문을 오늘 오전 06시 30분 이전에 취소 오늘 06시 30분 이후 주문을 익일 오전 06시 30분 이전에 취소 직수입 음반/영상물/기프트 중 일부는 변심 또는 착오로 취소 시 해외주문취소수수료 30%를 부과할 수 있음 단, 당일 00시~13시 사이의 주문은 취소 수수료 면제 박스 포장은 택배 배송이 가능한 규격과 무게를 준수하며, 고객의 단순변심 및 착오구매일 경우 상품의 반송비용은 박스 당 부과됩니다.
반품/교환 불가사유	소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우 : 예) 화장품, 식품, 가전제품, 전자책 단말기 등 복제가 가능한 상품 등의 포장을 훼손한 경우 : 예) CD/LP, DVD/Blu-ray, 소프트웨어, 만화책, 잡지, 영상 화보집 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우 eBook 대여 상품은 대여 기간이 종료 되거나, 2회 이상 대여 했을 경우 취소 불가 중고상품이 구매확정(자동 구매확정은 출고완료일로부터 7일)된 경우 LP상품의 재생 불량 원인이 기기의 사양 및 문제인 경우 (All-in-One 일체형 일부 보급형 오디오 모델 사용 등) 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우
소비자 피해보상	상품의 불량에 의한 반품, 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은 소비자분쟁해결기준(공정거래위원회 고시)에 준하여 처리됨
환불 지연에 따른 배상	대금 환불 및 환불 지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의 소비자 보호에 관한 법률에 따라 처리