간편결제, 신용카드 청구할인
PAYCO(페이코) 최대 5,000원 할인
(페이코 신규 회원 및 90일 휴면 회원 한정)
네이버페이 1%
(네이버페이 결제 시 적립)
북피니언 롯데카드 30% (13,860원)
(최대할인 3만원 / 3만원 이상 결제)
EBS 롯데카드 20% (15,840원)
(최대할인 3만원 / 3만원 이상 결제)
인터파크 NEW 우리V카드 10% (17,820원)
(최대할인 3만원 / 3만원 이상 결제)
인터파크 현대카드 7% (18,420원)
(최대할인 3만원 / 3만원 이상 결제)
Close

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

소득공제

2013년 9월 9일 이후 누적수치입니다.

판매지수 40
?
판매지수란?
사이트의 판매량에 기반하여 판매량 추이를 반영한 인터파크 도서에서의 독립적인 판매 지수입니다. 현재 가장 잘 팔리는 상품에 가중치를 두었기 때문에 실제 누적 판매량과는 다소 차이가 있을 수 있습니다. 판매량 외에도 다양한 가중치로 구성되어 최근의 이슈도서 확인시 유용할 수 있습니다. 해당 지수는 매일 갱신됩니다.
Close
공유하기
정가

22,000원

  • 19,800 (10%할인)

    1,100P (5%적립)

할인혜택
적립혜택
  • I-Point 적립은 출고완료 후 14일 이내 마이페이지에서 적립받기한 경우만 적립됩니다.
  • 추가혜택
    배송정보
    주문수량
    감소 증가
    • 이벤트/기획전

    • 연관도서(7)

    • 사은품(8)

    책소개

    Framer의 개념과 다양한 인터랙션 만들기

    디자이너가 머릿속에서 완성한 인터랙션을 개발자에게 정확하게 전달하기는 생각보다 쉽지 않다. 자신이 생각한 디자인을 완벽하게 구현할 수 있는 사람은 디자이너 본인뿐이다. 디자이너가 움직이는 프로토타입을 직접 만들 수 있다면 완제품과 디자인 사이의 괴리를 스스로 줄여 나갈 수 있다.
    이 책은 실제 네이버 앱에 적용된 다양한 인터랙션을 대표적인 프로토타이핑 도구인 Framer를 이용해 만드는 방법을 설명한다. 이 책의 예제를 하나씩 따라 하다 보면 어느새 새로운 인터랙션 디자인의 세계에 눈뜨게 될 것이다.

    출판사 서평

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

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

    추천사

    "This book gives you an insight into how NAVER uses Framer in their product design cycle. It's a great read for product designers looking to expand their skillset. Learn how to bring your ideas to life."
    "이 책은 네이버에서 제품을 디자인할 때 Framer를 어떻게 활용하는지 심도 있게 다룬다. 제품 디자이너로서 자신의 스킬을 넓히고 싶다면 좋은 자료가 될 것이다. 머릿속 아이디어를 실제로 구현하는 방법을 배워보자."
    - Benjamin den Boer / Framer Product Designer

    목차

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

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

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

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

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

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

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

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

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

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

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

    12장: 마치며

    관련이미지

    저자소개

    생년월일 -
    출생지 -
    출간도서 0종
    판매수 0권

    네이버와 SK커뮤니케이션즈에서 여러 디지털 제품을 만들었다. 2017년 현재 네이버 앱 프로덕트 디자이너로 일하고 있다. 디지털 제품, 인터랙티브 디자인과 관련된 커뮤니티에서 종종 활동한다
    저서 [iOS SDK를 이용한 앱 제어기술], [모바일 앱 프로토타이핑]

    생년월일 -
    출생지 -
    출간도서 0종
    판매수 0권

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

    이 상품의 시리즈

    TECH@NAVER 시리즈(총 15권 / 현재구매 가능도서 8권)

    이 책과 내용이 비슷한 책 ? 내용 유사도란? 이 도서가 가진 내용을 분석하여 기준 도서와 얼마나 많이 유사한 콘텐츠를 많이 가지고 있는가에 대한 비율입니다.

      리뷰

      0.0 (총 0건)

      기대평

      작성시 유의사항

      평점
      0/200자
      등록하기

      기대평

      0.0

      교환/환불

      교환/환불 방법

      ‘마이페이지 > 취소/반품/교환/환불’ 에서 신청함, 1:1 문의 게시판 또는 고객센터(1577-2555) 이용 가능

      교환/환불 가능 기간

      고객변심은 출고완료 다음날부터 14일 까지만 교환/환불이 가능함

      교환/환불 비용

      고객변심 또는 구매착오의 경우에만 2,500원 택배비를 고객님이 부담함

      교환/환불 불가사유

      반품접수 없이 반송하거나, 우편으로 보낼 경우 상품 확인이 어려워 환불이 불가할 수 있음
      배송된 상품의 분실, 상품포장이 훼손된 경우, 비닐랩핑된 상품의 비닐 개봉시 교환/반품이 불가능함

      소비자 피해보상

      소비자 피해보상의 분쟁처리 등에 관한 사항은 소비자분쟁해결기준(공정거래위원회 고시)에 따라 비해 보상 받을 수 있음
      교환/반품/보증조건 및 품질보증 기준은 소비자기본법에 따른 소비자 분쟁 해결 기준에 따라 피해를 보상 받을 수 있음

      기타

      도매상 및 제작사 사정에 따라 품절/절판 등의 사유로 주문이 취소될 수 있음(이 경우 인터파크도서에서 고객님께 별도로 연락하여 고지함)

      배송안내

      • 인터파크 도서 상품은 택배로 배송되며, 출고완료 1~2일내 상품을 받아 보실 수 있습니다

      • 출고가능 시간이 서로 다른 상품을 함께 주문할 경우 출고가능 시간이 가장 긴 상품을 기준으로 배송됩니다.

      • 군부대, 교도소 등 특정기관은 우체국 택배만 배송가능하여, 인터파크 외 타업체 배송상품인 경우 발송되지 않을 수 있습니다.

      • 배송비

      도서(중고도서 포함) 구매

      2,000원 (1만원이상 구매 시 무료배송)

      음반/DVD/잡지/만화 구매

      2,000원 (2만원이상 구매 시 무료배송)

      도서와 음반/DVD/잡지/만화/
      중고직배송상품을 함께 구매

      2,000원 (1만원이상 구매 시 무료배송)

      업체직접배송상품 구매

      업체별 상이한 배송비 적용