본문내용 바로가기
MD의선택 무료배송 이벤트 사은품

모바일 앱 프로토타이핑 Framer를 활용한 인터랙션 디자인

TECH@NHN 시리즈 14
김정민 , 오경식 지음 | 위키북스 | 2017년 03월 27일 출간
  • 정가 : 22,000원
    판매가 : 19,800 [10%↓ 2,200원 할인]
  • 제휴할인가 : 18,810 교보-KB국민카드 5% 청구할인(실적무관) 카드/포인트 안내
  • 통합포인트 :
    [기본적립] 1,100원 적립 [5% 적립] 안내 [추가적립] 5만원 이상 구매 시 2천원 추가적립 [회원혜택] 우수회원 5만원 이상 구매 시 2~3% 추가적립
  • 추가혜택 :
    naver네이버페이 결제 시 무조건 1% 추가 적립 payco페이코 결제 시 최대 1만원 적립 okcashbag 실 결제 금액의 0.5% 적립 안내
  • 배송비 : 무료 배송비 안내
  • 배송일정 : 서울특별시 종로구 세종대로 기준 지역변경
    11월 23일 출고 예정 배송일정 안내
  • 바로드림 : 인터넷으로 주문하고 영업점에서 직접 수령 안내
행사도서 포함, 5만원이상 구매시 택 1 (라지 3000P, 스몰 2000P 차감)
닫기
  • 스무 살 패브릭 포스터 증정 O tvN 어쩌다 어른 X 교보문고 단독혜택
  • 어린이 가을독서 추천도서전
  • 가을입맛 사로잡기
  • 행사도서 포함, 5만원이상 구매시 택 1 (라지 3000P, 스몰 2000P 차감)
  • 유아/어린이/가정육아 이달의 기대신간
  • 올재 클래식스 100권 완간! 시리즈의 정수만 모은, 올재 셀렉션즈 단독 판매
  • 자기계발 메인이벤트
  • 경제경영 메인이벤트
  • 행사도서 포함, 2만원이상 구매시 택 1 (1500P 차감)
  • 나만의 경쟁력, 동양고전 김원중 명품고전 독서대 증정
  • 비모 벽시계

이 책의 이벤트 해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.

  • 동료 개발자들의 책장을 살펴보세요 :)
    2017.08.31 ~ 2018.12.31
  • #리드잇 페이스북 페이지 팔로우 하시고, 신간소식 빠르게 받아보..
    2017.06.22 ~ 2025.07.31
  • 설문참여 시 매월 5명 추첨통해 선물을 드립니다.
    10. 14 ~ 12. 31
상품상세정보
ISBN 9791158390587(1158390580)
쪽수 256쪽
크기 174 * 236 * 20 mm /568g 판형알림

책소개

이 책이 속한 분야

디자이너가 머릿속에서 완성한 인터랙션을 개발자에게 정확하게 전달하기는 생각보다 쉽지 않다. 자신이 생각한 디자인을 완벽하게 구현할 수 있는 사람은 디자이너 본인뿐이다. 디자이너가 움직이는 프로토타입을 직접 만들 수 있다면 완제품과 디자인 사이의 괴리를 스스로 줄여 나갈 수 있다.

이 책은 실제 네이버 앱에 적용된 다양한 인터랙션을 대표적인 프로토타이핑 도구인 Framer를 이용해 만드는 방법을 설명한다. 이 책의 예제를 하나씩 따라 하다 보면 어느새 새로운 인터랙션 디자인의 세계에 눈뜨게 될 것이다.

이 책의 총서

상세이미지

모바일 앱 프로토타이핑(TECH@NHN 시리즈 14) 도서 상세이미지

저자소개

저자 : 김정민

저자 김정민은 네이버와 SK커뮤니케이션즈에서 여러 디지털 제품을 만들었다. 2017년 현재 네이버 앱 프로덕트 디자이너로 일하고 있다. 디지털 제품, 인터랙티브 디자인과 관련된 커뮤니티에서 종종 활동한다.

저자 : 오경식

저자 오경식은 2008년부터 네이버에서 여러 가지 웹 서비스를 만들었다. 2017년 현재 네이버 PC/모바일 메인 개발자로 일하고 있으며 프로토타이핑을 비롯한 새로운 기술에 관심이 많다.

목차

▣ 1장: 왜 프로토타이핑인가
프로토타이핑이란
- 인터페이스, UX 디자인에서의 프로토타이핑
- 하이피델리티 프로토타이핑
하이피델리티 프로토타이핑 도구의 등장
- 인터페이스 디자인 도구의 혁신
- 나에게 맞는 프로토타이핑 도구 선택하기
Framer를 이용한 프로토타이핑
- 왜 Framer인가
- 디자이너가 Framer를 배워야 하는가
- 네이버에서는 Framer를 어떻게 활용하는가

▣ 2장: 프로토타이핑 시작하기
프로토타이핑 도구 준비
커피스크립트 이해하기
- 코드 기본 문법
- 오류 찾기
- 변수
- 조건문
- 배열과 반복문
- 함수
- 객체
- 유효범위
이미지 리소스 준비하기
- 디자인 파일 불러오기
- 불러온 레이어에 이름 붙이기
- 뷰어 설정하기
- 기기/브라우저로 확인하기
레이어 개념 이해하기
- Framer의 레이어 개념 이해
- 속성
- 위치와 크기
- 계층 관계
정리

▣ 3장: 이벤트와 애니메이션을 이용한 인터랙션 만들기
애니메이션
이벤트
머티리얼 디자인 인터랙션 만들기
플로팅 액션 버튼 인터랙션 만들기
애니메이션 저장하기
정리

▣ 4장: 사이드 메뉴가 있는 인터페이스 만들기
상태
- 상태 추가
- 상태 전환
- 상태 삭제 및 덮어쓰기
좌우 사이드 메뉴가 있는 네이버 앱 구조 만들기
정리

▣ 5장: 퀵 메뉴 만들기
드래그
- 제한 범위
- 오버드래그, 바운스, 모멘텀
- 드래그 이벤트
- 드래그 애니메이션
네이버 앱 퀵 메뉴 만들기
편집 모드의 순서 편집 기능 만들기
정리

▣ 6장: 브라우저 스크롤 인터랙션 만들기
스크롤
- 스크롤 컴포넌트
- 콘텐츠인셋
- 래핑
- 스크롤 이벤트
- 스크롤 애니메이션 이벤트
스크롤해서 바 숨기기 인터랙션 만들기
스크롤해서 내비게이션 디자인 바꾸기
정리

▣ 7장: 좌우 페이지 인터랙션 만들기
페이지
- 페이지 컴포넌트
- 페이지 추가하기
- 래핑
- 포커스와 페이지 순서
- 페이지 인디케이터
네이버 앱 페이지 구조 만들기
워크스루 만들기
정리

▣ 8장: 스크롤하면 크기가 변하는 헤더 만들기
모듈레이트
스크롤 위치에 따라 요소가 변하는 헤더 만들기
정리

▣ 9장: 스티키 헤더 인터랙션 만들기
체인지 이벤트
스티키 헤더 만들기
정리

▣ 10장: 슬라이더로 미디어 플레이어 조정하기
슬라이더 컴포넌트
비디오 플레이어 만들기
정리

▣ 11장: 스틸컷 디자인에서 인터랙션까지
네이버 앱 콘셉트 디자인
네이버 앱 콘셉트 프로토타입 만들기

▣ 12장: 마치며

출판사 서평

이 책에서는 다음과 같은 내용을 다룬다.

◎ 프로토타이핑은 무엇이며 왜 필요한지 설명하고, 다양한 프로토타이핑 도구 중에서 Framer를 선정한 이유를 소개한다.
◎ Framer를 사용할 때 필요한 커피스크립트의 기초 개념을 소개한다.
◎ 네이버 앱에 적용된 다양한 인터랙션을 만들어 본다.
ㆍ 이벤트와 애니메이션을 이용한 인터랙션 만들기
ㆍ 사이드 메뉴가 있는 인터페이스 만들기
ㆍ 퀵 메뉴 만들기
ㆍ 브라우저 스크롤 인터랙션 만들기
ㆍ 좌우 페이지 인터랙션 만들기
ㆍ 스크롤하면 크기가 변하는 헤더 만들기
ㆍ ... 더보기

북로그 리뷰 (0) 쓰러가기

도서 구매 후 리뷰를 작성하시면 통합포인트를 드립니다.
결제 90일 이내 작성 시 300원 / 발송 후 5일 이내 작성시 400원 / 이 상품의 첫 리뷰 작성 시 500원
(포인트 적립은 작성 후 다음 날 혹은 해당 도서 출고 후 익일에 적립됩니다.
외서/eBook/음반/DVD/GIFT 및 잡지 상품 제외)
안내
  • 해당도서의 리뷰가 없습니다.

Klover 평점/리뷰 (0)

교환/반품/품절안내

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

교환/반품/품절안내
반품/교환방법 마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환신청 ,
[1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900)

※ 오픈마켓, 해외배송주문, 기프트 주문시 [1:1상담>반품/교환/환불]
    또는 고객센터 (1544-1900)
반품/교환가능 기간 변심반품의 경우 수령 후 7일 이내,
상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내
반품/교환비용 변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
반품/교환 불가 사유
  • 소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
    (단지 확인을 위한 포장 훼손은 제외)
  • 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    예) 화장품, 식품, 가전제품(악세서리 포함) 등
  • 복제가 가능한 상품 등의 포장을 훼손한 경우
    예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집
  • 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서)
  • 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우
  • 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
  • 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에
    해당되는 경우
(1) 해외주문도서 : 이용자의 요청에 의한 개인주문상품으로 단순변심 및 착오로 인한 취소/교환/반품 시 ‘해외주문 반품/취소 수수료’ 고객 부담 (해외주문 반품/취소 수수료 : ①양서-판매정가의 12%, ②일서-판매정가의 7%를 적용)
상품 품절 공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는
이메일과 문자로 안내드리겠습니다.
소비자 피해보상
환불지연에 따른 배상
  • 상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
    소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨
  • 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
    소비자 보호에 관한 법률에 따라 처리함

이 분야의 베스트

더보기+

이 분야의 신간

더보기+

바로가기

  • 우측 확장형 배너 2

최근 본 상품