본문내용 바로가기
이벤트 무료배송

UX/UI 디자이너를 위한 스케치 완전정복 Sketch로 디자인하고 Zeplin, InVision으로 협업하기

조정옥 지음 | 한빛미디어 | 2017년 08월 15일 출간
  • 정가 : 23,000원
    판매가 : 20,700 [10%↓ 2,300원 할인]
  • 제휴할인가 : 15,520 교보-롯데카드 최대 25% 청구할인 카드/포인트 안내
  • 통합포인트 : 1,150 적립 [5% 적립]
  • 추가혜택 :
    naver네이버페이 결제 시 무조건 1% 추가 적립 payco페이코 결제 시 최대 1만원 적립 okcashbag 실 결제 금액의 0.5% 적립 안내
  • 배송비 : 무료 배송비 안내
  • 도착예정일 : 서울특별시 종로구 세종대로 기준 지역변경
    지금 주문하면 내일(20일,금) 도착 예정 도착 예정일 안내
  • 바로드림 : 인터넷으로 주문하고 영업점에서 직접 수령 안내
행사도서 포함, 5만원이상 구매시 선택 (북백 2000P, 북파우치 1500P차감)
닫기
  • 행사도서 포함, 5만원이상 구매시 선택 (북백 2000P, 북파우치 1500P차감)
  • 단독 나를 지키는 구급함 증정 강상중 사유의 여정을 만나다
  • 단독 유시민 사인 피크닉 매트 증정 생각의 피크닉, 유시민 읽기
  • 독서노트 + 스티커 세트 증정 가을이라, 쓰고 읽는다
  • 내맘같은 내인생
  • 재테크 슈퍼 그뤠잇
  • 세상 모든 것의 기원을 만나다 오리진 캐릭터 스티치 노트 증정
  • 스무 살 패브릭 포스터 증정 O tvN 어쩌다 어른 X 교보문고 단독혜택
  • 어린이 가을독서 추천도서전

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

  • 우리는 반드시 기억해야 합니다.
    2017.08.11 ~ 2017.11.30
  • 트래블워시백(청록색) 증정
    2017.08.10 ~ 2017.10.31
  • 설문참여 시 매월 5명 추첨통해 선물을 드립니다.
    10. 14 ~ 12. 31
상품상세정보
ISBN 9788968488689(8968488681)
쪽수 420쪽
크기 171 * 226 * 22 mm /661g 판형알림

책소개

이 책이 속한 분야

이 책의 주제어

UX/UI 디자인에 최적화된 Sketch! Sketch를 더욱 강력하게 보완해 주는 각종 Plugin을 한 권에 담았다.

이미 많은 회사에서 스케치의 장점을 알고 스케치 활용을 적극적으로 고려하고 있다. 하지만 이렇다 한 활용서가 없어 인터넷 동영상이나 블로그 자료를 찾아보는 것이 대부분이며, 이마저도 해외 자료가 많아 학습에 어려움을 겪고 있다. 이 책은 해외 파견 근무 이후 스케치를 접하고 그 매력에 빠진 저자가 사내 강의를 진행하게 되면서 쌓은 실무 경험을 함께 나누고자 시작되었다. 해외 사례가 아닌 국내 실정에 실질적인 도움을 될 수 있도록 현업 프로세스에 따라 디자인부터 프로토타이핑, 와이어프레임까지 직접 실습해 볼 수 있으며, 책 곳곳에서 저자의 다년간의 노하우를 엿볼 수 있다.

이 책은 하나의 저작 도구를 설명하는 매뉴얼이 아닌 UX/UI 실무자들의 업무 효율 개선을 위한 가이드라고 할 수 있다. 단순히 스케치를 소개하는 것이 아니라 스케치를 세계적인 UX/UI 도구의 최강자 반열에 올라올 수 있게 한 원동력인 각종 플러그인을 활용하여 업무 효율성을 높이는 방법을 소개하고 있기 때문이다. 스케치 기본 활용부터 제플린, 인비전 등 효율성을 극대화할 수 있는 다양한 플러그인 활용 방법을 이 책 한 권으로 끝낼 수 있다.

상세이미지

UX/UI 디자이너를 위한 스케치 완전정복 도서 상세이미지

저자소개

저자 : 조정옥

저자 조정옥은 누구나 편하고 쉽게 쓸 수 있는 감성적인 휴대폰을 만들고 싶다는 생각으로 홀린 듯 UX의 세계로 흘러들어 온 지 벌써 십여 년이 되었습니다. 서울대학교에서 인지과학으로 석사 학위를 받은 후 LG전자 단말연구소에서 주로 북미향 휴대폰의 사용자 경험을 디자인하였습니다. SK플래닛에서 시럽월렛과 OK캐쉬백 등 모바일 커머스 서비스 UX 디자이너로 다년간 일하였으며, 사내 강사 제도를 통해 스케치 강습을 진행해 왔습니다. UX 디자인은 머리와 손을 부지런히 움직여야 하는 힘든 과정이지만, 다양한 문제에 맞서 해결하는 과정에서 배움과 성취감을 얻을 수 있는 일이라 믿습니다.

목차

[Chapter 01 스케치, 시작 전 몸풀기]
Lesson 1 스케치, 왜 열광할까요?
Lesson 2 스케치 구입 및 설치하기
Lesson 3 스케치 화면 구성과 인터페이스
Lesson 4 스케치 기본 기능 익히기
파일 생성, 열기 및 저장하기
[간단 실습] 새로운 파일을 만들고 저장하기
Auto Save와 버전 컨트롤
Lesson 5 Page, Artboard, Layer
Page
Canvas와 Artboard
Layer
Lesson 6 선과 다각형 그리기
Ruler, Guide, Grid
직선 그리기
화살표 그리기
기본 도형 그리기
[간단 실습] 정삼각형 그리기
다양한 형태 그리기
Lesson 7 오브젝트 편집하기
Lesson 8 회전과 변형 및 정렬하기
회전하기 - Rotate
변형하기 - Transform
[간단 실습] 입체 표현을 위한 각 부위 만들기
정렬하기 - Arrange
Lesson 9 다양한 화면 해상도에 빠르게 대응하기 _ 89

[Chapter 02 스타일 입히기의 기본]
Lesson 1 스타일 적용하기
인스펙터 영역 길들이기
스타일을 추가하고 삭제하기
색상 값 조정하기
Blending
Lesson 2 오브젝트 채우기, Fill 옵션의 팝업 창 파헤치기
채우기 옵션 선택하기
그러데이션 채우기 사용하기
패턴 및 이미지 채우기 사용하기
텍스처 채우기 사용하기
Lesson 3 오브젝트 테두리, Borders 항목 파헤치기
테두리 기본 옵션 살펴보기
테두리 고급 옵션 살펴보기
Lesson 4 그림자 효과로 입체감 살리기
그림자 추가하기
Lesson 5 오브젝트 흐림 효과 적용하기
Lesson 6 텍스트 입력부터 스타일 적용까지
텍스트 오브젝트를 추가하고 내용 입력하기
텍스트 오브젝트의 인스펙터 영역 살펴보기
Lesson 7 스타일을 저장하고 활용하기
Shared Style 을 저장하고 적용하기
Text Style 을 저장하고 적용하기
Lesson 8 비트맵 이미지 다루기

[Chapter 03 앱 화면 디자인으로 본격 시작하기]
Lesson 1 작업에 필요한 재료 갖추기
[간단 실습] 디자인 템플릿 준비하기
[간단 실습] 폰트 설치하기
Lesson 2 앱 화면 기본 프레임 만들기
Google Material Design Guide 및 만들 화면 살펴보기
안드로이드 화면 프레임 만들기
상태 표시줄 추가하기
Lesson 3 Map 화면 만들기
Floating Search bar 만들기
Bottom bar 만들기
지도 배경 및 액션 버튼 만들기
Lesson 4 Store Detail 화면 만들기
Guide Line 및 상단 이미지 영역 만들기
매장 이름과 간단한 정보 영역 만들기
CALL / SAVED / SHARE / WEBSITE 버튼 영역 만들기
매장 소개 영역 만들기
매장 상세 정보 영역 및 마무리
Lesson 5 Store Detail의 스크롤 화면 만들기
기본 레이아웃 완성하기
카드 컴포넌트 만들기
카드 컴포넌트 채우기
카드 컴포넌트의 별점 개수 변경하기

[Chapter 04 앱 화면에 스타일 추가하기]
Lesson 1 스타일 적용하기
Map 화면에 색상 적용하기
Store Detail, Store Detail_ Scroll 화면에 색상 적용하기
Lesson 2 이미지 추가하기
Pattern Fill로 채우기
Symbol 이미지 채우기

[Chapter 05 디자인 공유하기:Design Guide&Asset]
Lesson 1 디자인 공유를 위한 Deliverable 파악하기
Lesson 2 디자인 Asset 생성의 기본
로컬 폴더로 Export하기
Export 상세 설정 변경하기
Slice 로 Export할 영역 지정하기
코드로 Export하기
Lesson 3 Zeplin으로 Design Guide 자동 생성하기
서비스 가입 및 설치하기
Export 및 Design Guide 생성하기
Export 후 Zeplin 화면 구성 살펴보기
화면별 가이드 살펴보기
컴포넌트별 디자인 가이드 확인하기
Lesson 4 Zeplin을 이용한 버전 관리 및 커뮤니케이션
Version Control 확인하기
Note로 커뮤니케이션하기

[Chapter 06 Prototype & Wireframe]
Lesson 1 InVision 사용 준비하기
서비스에 가입하고 InVision Sync 설치하기
스케치 파일을 저장하고 Asset 추출하기
InVision 웹 사이트에서 Sync 내용 확인하기
Lesson 2 InVision 웹 사이트에서 Prototyping하기
Prototyping 작업화면 구성 살펴보기
각 화면 Prototyping 설정하기
인터랙션 결과 확인하기
Lesson 3 InVision Craft로 모든 과정을 더욱 간단하게!
InVision Craft 설치 및 디자인 파일 연동하기
InVision Craft 로 빠르게 Prototyping 하기
Lesson 4 InVision에서 Design Guide 확인 및 커뮤니케이션하기
Design Guide 생성 및 버전 컨트롤
커뮤니케이션 및 프로젝트 매니지먼트
Comment 로 의견 교류하기
Work Flow로 프로젝트 매니지먼트하기
LIVESHARE 로 실시간 커뮤니케이션하기
Lesson 5 스케치 프로그램에서 Wireframe 작성하기
아트보드 재구성하기
Symbol 화면 배치하기
Flow & Description 표현하기
문서 서식을 만들고 Export하기
Lesson 6 디바이스 미리보기 및 실시간 공유
Mirror 기능으로 iOS 기기에서 미리보기
Local Sharing 으로 웹에서 미리보기

[Chapter 07 스케치 더욱 고급스럽게 활용하기]
Lesson 1 무궁무진한 확장 플러그인 사용하기
스케치 공식 플러그인 페이지
[간단 실습] Sketch Plugin Manager 설치하기
Plugins 메뉴 살펴보기
Sketch Plugin Manager 플러그인
Runner 플러그인
Sketch Measure 플러그인
BaseAlign 플러그인
Lesson 2 Craft by InVision 기능 파악하기
Library 기능
Data & Duplicate 기능
Freehand 기능
Stock 기능
Lesson 3 Preferences 창에서 작업 환경 설정하기
General 탭
Canvas 탭
Layers 탭
Presets 탭
Clouds 탭
Lesson 4 Pixel Perfect Design
Lesson 5 스케치 사용성을 높여 주는 다양한 고급 기능
File/Edit 메뉴 살펴보기
Layer 메뉴 살펴보기
View 메뉴 살펴보기
Lesson 6 작업 효율을 높여 주는 단축키

출판사 서평

① 현업의 업무 프로세스에 따른 프로젝트 실습
단지 스케치 기능을 배우는 것이 아니라 스케치의 주요 기능이 실제 현업에서 어떻게 사용되는지 파악할 수 있는 프로젝트 실습을 진행한다. 대표적인 글로벌 서비스인 구글 맵을 실습 대상으로 삼아 세 가지 화면을 디자인하고 스타일을 적용해 본다. 이어서 원활한 협업을 위한 디자인 가이드 생성, 와이어 프레임 제작까지 스케치를 활용한 업무 프로세스를 제대로 배울 수 있다.

② 기본 기능도 꼼꼼하게, 단계별 구성
스케치를 처음 접하는 디자이너, 혹은 이미 사용하고 있지만 인터넷 정보... 더보기

북로그 리뷰 (1) 전체보기 쓰러가기

도서 구매 후 리뷰를 작성하시면 통합포인트를 드립니다.
결제 90일 이내 작성 시 300원 / 발송 후 5일 이내 작성시 400원 / 이 상품의 첫 리뷰 작성 시 500원
(포인트 적립은 작성 후 다음 날 혹은 해당 도서 배송 출발 후 익일에 적립됩니다.
외서/eBook/음반/DVD/GIFT 및 잡지 상품 제외)
안내
  • [도서 리뷰] 혜성같이 등장한<UX/UI 디자이너를 위한 스케치 완전정복>         현재 UX/UI 디자인을 하는데 전 세계에서 가장 많이 사용되는 프로그램이 혹시 무엇인지 아시나요? 위에 표지를 보시면 아시겠지만 전 세계 196개국에서 약 4천명이 스케치를 많이 쓴다고 합니다. 거기뿐만 아니라 애플, 구글, 페이스북, 드롭박스 등  우리가 아는 유명한 IT회사들의 주요디자인 프로그램으로 사용되고 있다고 해요!! 그래서 우... 더보기

Klover 평점/리뷰 (0)

스토리K 1건의 스토리K가 있습니다.

    교환/반품/품절안내

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

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

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

    이 분야의 베스트

    더보기+

    이 분야의 신간

    • 길벗알앤디
      18,900원
    • 김진중
      19,800원
    • 이운희(땡글닷컴 쌍둥아빠)
      14,400원
    • 허팝
      13,500원
    • 김태영
      22,500원
    더보기+

    바로가기

    • 우측 확장형 배너 2

    최근 본 상품