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

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

TECH@NHN 시리즈 14
김정민 , 오경식 지음 | 위키북스 | 2017년 03월 27일 출간
  • 정가 : 22,000원
    판매가 : 19,800 [10%↓ 2,200원 할인]
  • 제휴할인가 : 18,810 교보-KB국민카드 5% 청구할인(실적무관) 카드/포인트 안내
  • 통합포인트 : 1,100 적립 [5% 적립]
  • 추가혜택 :
    naver네이버페이 결제 시 무조건 1% 추가 적립 payco페이코 결제 시 최대 1만원 적립 okcashbag 실 결제 금액의 0.5% 적립 안내
  • 배송비 : 무료 배송비 안내
  • 도착예정일 : 서울특별시 종로구 세종대로 기준 지역변경
    지금 주문하면 내일(21일,목) 도착 예정 도착 예정일 안내
  • 바로드림 : 인터넷으로 주문하고 영업점에서 직접 수령 안내
인터넷교보문고 20주년 특별선물 증정
닫기
  • 꼬마 흡혈귀 머그컵 증정
  • 가격은 빼고, 혜택은 곱하고 2017년 2학기 대학교재전
  • 유아/어린이/가정육아&요리 신학기 추천도서
  • 14회 책과함께 KBS 한국어능력시험
  • 유아/어린이/가정육아 이달의 기대신간
  • 인터넷교보문고 20주년 생일파티 스무살 인교
  • OO을 잘 아는 세 남자
  • 추천도서 1권 투표, 매일 선착순 1천명 1천원 e-교환권 증정
  • 추석선물 이벤트
  • 비즈앤굿즈

이 책의 이벤트 해외주문/바로드림/제휴사주문/업체배송건의 경우 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, 환불, 품질보증 및 피해보상 등에 관한 사항은
    소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨
  • 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
    소비자 보호에 관한 법률에 따라 처리함

이 분야의 베스트

더보기+

이 분야의 신간

  • 김영우
    18,000원
  • 정종필(대마왕)
    35,100원
  • Blizzard Entert...
    22,500원
  • 허팝
    13,500원
  • 권용진
    14,400원
더보기+

바로가기

  • 우측 확장형 배너 2

최근 본 상품