본문내용 바로가기
무료배송 이벤트 사은품 소득공제

맛있는 디자인 어도비 XD CC: 기본편+활용편 웹디자이너를 위한 UX/UI 디자인 기초

임선주 지음 | 한빛미디어 | 2021년 04월 30일 출간
클로버 리뷰쓰기

이 책의 다른 상품 정보

  • 정가 : 24,000원
    판매가 : 21,600 [10%↓ 2,400원 할인]
  • 혜택 :
    [기본적립] 1200원 적립 [5% 적립] [추가적립] 5만원 이상 구매 시 2,000원 추가적립 안내 [회원혜택] 회원 등급 별, 3만원 이상 구매 시 2~4% 추가적립 안내 [리뷰적립] 리뷰 작성 시 e교환권 최대 300원 추가적립 안내
  • 추가혜택 : 포인트 안내 도서소득공제 안내 추가혜택 더보기
  • 배송비 : 무료 배송비 안내
  • 배송일정 : 서울특별시 종로구 세종대로 기준 지역변경
    당일배송 지금 주문하면 오늘( 6일,수) 도착 예정 배송일정 안내
  • 바로드림 : 인터넷으로 주문하고 매장에서 직접 수령 안내 바로드림 혜택
    휴일에는 바로드림 픽업으로 더 빨리 받아 보세요. 바로드림 혜택받고 이용하기

이 책의 이벤트

해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.
  • 상반기 베스트/추천도서 확인하고 머그&노트 사은품도!
    2022.06.24 ~ 2022.07.31
  • 다른 디자이너, 기획자들은 어떤 책을 읽고 있을까?
    2022.02.24 ~ 2022.12.31
상품상세정보
ISBN 9791162243756(1162243759)
쪽수 364쪽
크기 189 * 258 * 19 mm /770g 판형알림

책소개

이 책이 속한 분야

UX/UI 디자인 기초 이론부터 XD를 활용한 프로토타입 제작까지,
웹디자이너를 위한 가장 완벽한 레시피
웹디자인에 꼭 필요한 UX/UI 디자인 기초 이론부터 프로토타입 제작 도구인 XD 활용법까지 제대로 배울 수 있습니다. UX/UI 디자인 기획과 웹디자인 워크플로우를 먼저 이해한 후 XD의 기본&핵심 기능을 익혀 다양한 실무 활용 예제로 프로토타입을 직접 제작해봅니다. XD 최신 버전에 완벽히 대응하였으며, 기본 기능과 활용법을 완벽하게 마스터할 수 있는 3단계 학습 방법인 [기능 실습] - [한눈에 실습] - [실무 실습]의 구성은 누구나 XD를 제대로 배워 바로 써먹을 수 있도록 도와줍니다. 이 책 한 권이면 예비 웹디자이너가 필요한 것을 모두 학습할 수 있습니다.

어떤 독자를 위한 책인가?
ㆍ 예비 웹디자이너 또는 실무에 막 입문한 신입 웹디자이너
ㆍ XD를 활용해 업무 효율을 높이고 싶은 1~3년 차 웹디자이너
ㆍ 워크플로우를 이해해 웹디자이너와 원활한 소통을 하고 싶은 기획자, 개발자, 디자이너
ㆍ 프로토타입을 직접 만들고 싶은 기획자, 개발자, 디자이너

상세이미지

어도비 XD CC: 기본편+활용편(맛있는 디자인) 도서 상세이미지

목차

PART 01. 기초가 튼튼해지는 XD 기본편

CHAPTER 01. UX/UI 디자인을 기획하다

LESSON 01. UX/UI 디자인 알아보기 : UX/UI 개념과 프로세스 이해하기
UX 개념과 과정 이해하기
UI 개념과 설계 지침 이해하기
앱과 웹, 반응형 웹 이해하기
UX/UI 개발 프로세스 한눈에 살펴보기

LESSON 02. 벤치마킹 : 사용자의 요구와 콘텐츠 내용 분석하기
벤치마킹 이해하기
다양한 벤치마킹 사례 살펴보기

LESSON 03. 아이디어 도출 : 주제에 맞는 아이디어 정리하기
아이디어 도출 이해하기

LESSON 04. 구조 전략 설계 : 콘셉트를 시각화하기
콘셉트 시각화 이해하기
콘셉트 시각화 한눈에 살펴보기

LESSON 05. 기술적 구현 : 스토리보드 작성하기
스토리보드 이해하기
와이어프레임 작성하기
스토리보드 작성하기

LESSON 06. 목업 : 개발 전 디자인 결과물 만들어보기
목업 이해하기

LESSON 07. 비주얼 디자인 프로토타이핑 : 프로토타입 이해하고 만들기
프로토타이핑 이해하기
프로토타이핑 도구 알아보기

CHAPTER 02. UX/UI 디자인을 제작하다

LESSON 01. XD, 어떻게 생겼지 : XD 실행 화면 살펴보기
XD 워크플로우 이해하기
XD 시작/기본 화면 알아보기
도구 이름과 기능 살펴보기
속성 관리자 살펴보기

LESSON 02. XD 기본 도구 다루기 : 아트보드와 레이어 조작하기
아트보드 다루기
[간단 실습] 아트보드 만들고 이름 변경하기
[간단 실습] 아트보드 추가하고 삭제하기
[간단 실습] 아트보드 정렬하고 옮기기
[간단 실습] 아트보드에 색 적용하기
[간단 실습] 아트보드 확대/축소하기
[간단 실습] 단축키로 아트보드 보기 설정하기
레이어 다루기
[간단 실습] 레이어 정렬하고 그룹 만들기
[간단 실습] 레이어 이름 변경하기
[간단 실습] 레이어 복제하기
[간단 실습] 레이어 순서 바꾸기
[간단 실습] 레이어 잠그기, 숨기기, 삭제하기
[간단 실습] 레이어 내보내기
[간단 실습] 포토샵에서 이미지 편집해 XD로 불러오기

LESSON 03. XD 기본 오브젝트 다루기 : 도형과 선 그리고 색 적용하기
오브젝트 다루기
[간단 실습] 사각형 그리고 색 적용하기
[간단 실습] 사각형 모서리 수정하기
[간단 실습] 사각형 테두리 수정하기
[간단 실습] 원, 다각형 그리기
[간단 실습] 선 그리고 수정하기
펜 도구 다루기
[간단 실습] 펜 도구로 그리기
[한눈에 실습] 펜 도구로 열린 도형(직선) 그리기
[한눈에 실습] 펜 도구로 닫힌 도형(직선) 그리기
[간단 실습] 펜 도구로 열린 도형(곡선) 그리기
[간단 실습] 펜 도구로 닫힌 도형(곡선) 그리기
[한눈에 실습] 베지어 게임 사이트 활용해 패스 그리기
[간단 실습] 도형 오브젝트 이동하고 복제하기
[한눈에 실습] 오브젝트에 불투명도, 그림자, 배경 흐림 효과 적용하기
오브젝트 정렬 알아보기
[간단 실습] 오브젝트 상단, 하단 정렬하기
[간단 실습] 오브젝트 왼쪽, 오른쪽 정렬하기
오브젝트 순서 알아보기
[간단 실습] 오브젝트 순서 바꾸기
그레이디언트 알아보기
[간단 실습] 오브젝트에 그레이디언트 적용하기
[간단 실습] 그레이디언트 수정하기
[간단 실습] 그레이디언트 추가하고 삭제하기
오브젝트 병합 알아보기
[간단 실습] 오브젝트 병합하기
[한눈에 실습] 오브젝트 병합하여 톱니바퀴 만들기
3D 변형 기능 알아보기
3D 캔버스 컨트롤 살펴보기
[간단 실습] 캔버스 컨트롤로 오브젝트 3D 변형하기
[간단 실습] 회전 수치를 입력해 오브젝트 3D 변형하기
[한눈에 실습] X축 변형하기
[한눈에 실습] Y축 변형하기
[한눈에 실습] Z축 변형하기
[한눈에 실습] X, Y축 함께 변형하기
[간단 실습] 3D 변형 기능으로 오브젝트에 원근감 표현하기

LESSON 04. XD 기본 도구 활용하기 : 문자 입력하고 그리드 활용하기
문자 도구 다루기
[간단 실습] 문자 입력하기
[간단 실습] 문자에 다양한 속성 적용하기
[간단 실습] 플러그인 설치해 더미 텍스트 입력하기
그리드 다루기
[간단 실습] 레이아웃 그리드 만들기
[간단 실습] 반복 그리드(행) 활용하기
[간단 실습] 반복 그리드(오브젝트) 활용하기

LESSON 05. XD 이미지 편집하기 : 이미지 삽입하고 마스크 적용하기
[간단 실습] 이미지 삽입하기
[간단 실습] 영역 지정하여 이미지 삽입하기
[간단 실습] 이미지 영역의 모양 변경하고 삽입한 이미지 교체하기
[간단 실습] 삽입한 이미지를 포토샵에서 편집하기
[간단 실습] 벡터 이미지를 가져와 편집하기
이미지 혼합 모드 알아보기
[간단 실습] 혼합 모드 실행하기
혼합 모드 미리 보기
마스크 알아보기
[간단 실습] 마스크 적용하여 부채꼴 모양 만들기
[간단 실습] 마스크 해제하기
[한눈에 실습] 마스크 적용해 도트 패턴 하트 만들기

LESSON 06. XD 애니메이션 적용하기 : 프로토타입을 위한 인터랙션 화면 전환 효과 적용하기
[간단 실습] 자동 애니메이션 적용하기
[간단 실습] 슬라이드 애니메이션 적용하기
[한눈에 실습] 대시보드 애니메이션 적용하기

LESSON 07. 플러그인 활용하기 : 제플린과 다양한 플러그인 설치하기
제플린 알아보기
[간단 실습] 제플린 설치하고 연동하기
제플린 기본 구성 살펴보기
[간단 실습] 제플린 프로젝트 작업하기
[간단 실습] 이미지 요소 확인하기
[간단 실습] 텍스트 요소 확인하기
[간단 실습] 스타일 가이드에 요소 추가하기
[간단 실습] 노트 기능으로 팀과 협업하기
[간단 실습] 버전 관리 기능으로 협업하기
다양한 플러그인 알아보기
[간단 실습] 플러그인 설치하기
유용한 플러그인 한눈에 살펴보기

PART 02. UX/UI 디자인을 위한 XD 활용편

CHAPTER 01. 다양한 프로토타입을 만들며 자유자재로 XD 활용하기

LESSON 01. 라인 아이콘 세트 제작하기 : 도형 도구와 병합을 활용해 아이콘 만들기
디자인 모드에서 기본 아트보드 준비하기
홈 아이콘 만들기
프로필 아이콘 만들기
종 아이콘 만들기
아이디 카드 아이콘 만들기

LESSON 02. 마우스 오버 버튼 제작하기 : 구성 요소 활용해 마우스 오버 상태 추가하기
기본 아트보드 준비하고 아이콘 테두리 만들기
ON/OFF 입력해 마스크 적용하기
구성 요소 만들기 기능으로 마우스 오버 상태 만들기
마우스 오버 상태 동작 확인하기
메뉴 아이콘 테두리 만들기
MENU 입력해 마스크 적용하기
구성 요소 만들기 기능으로 마우스 오버 상태 만들기
마우스 오버 상태 동작 확인하기

LESSON 03. 마우스 오버 가로 메뉴바 제작하기 : 구성 요소 활용해 마우스 오버 상태 추가하기
아이콘에 마스크 적용하기
아이콘을 구성 요소로 만들기
각 아이콘에 마스크 적용하고 구성 요소로 만들기
구성 요소 활용해 마우스 오버 상태 만들기
마우스 오버 상태 동작 확인하기

LESSON 04. 마우스 오버 세로 메뉴바 제작하기 : 구성 요소 활용해 마우스 오버 상태 추가하기
아트보드 만들고 플러그인 설치하기
아이콘을 에셋으로 추가하기
기본 상태의 세로 메뉴 만들기
메뉴의 디테일한 요소 만들기
마우스 오버 상태의 긴 메뉴 만들기
에셋으로 추가한 아이콘 배치하기
마우스 오버 상태의 문자 입력하고 마스크 적용하기
구성 요소 활용해 마우스 오버 상태 만들기
마우스 오버 상태의 문자 입력하고 마스크 적용하기
구성 요소 활용해 마우스 오버 상태 만들기

LESSON 05. 뮤직 플레이어 UI 제작하기 : 이미지 드래그 슬라이더 제작하기
준비 파일 불러와 호버 버튼 만들기
다운로드 리스트 만들기
인터랙션 적용할 아트보드 만들기
인터랙션으로 드래그 애니메이트 적용하기
헤더 영역(타이틀 및 앨범 리스트 영역) 만들기
레이아웃에 맞춰 앨범 리스트 만들기
인터랙션 적용할 아트보드 복사하기
인터랙션으로 드래그 애니메이트 적용하기

LESSON 06. 뉴모피즘 스타일의 스마트홈 UI 제작하기 : 다이얼 드래그 제작하기
준비 파일 불러와 드래그 오브젝트 만들기
드래그 다이얼 버튼 만들기
온도 표시 문구 만들기
룸 넘버 영역 만들기
하단 영역 구분선 만들기
아이콘을 배치할 버튼 영역 만들기
버튼 영역에 아이콘 배치해 마무리하기
인터랙션 적용할 아트보드 복사하기
인터랙션으로 드래그 애니메이트 적용하기

CHAPTER 02. 모바일 앱 프로토타입으로 실무 UX/UI 디자인 익히기

LESSON 01. 날씨 앱 UI 디자인하기 : 모바일용 프로토타입 만들기
새 아트보드 만들고 배경 지정하기
구성 요소 불러와 메인 페이지 만들기
반복 그리드로 세부 요소 배치하기
오늘의 날씨 페이지 만들기
세계 날씨 페이지 만들기
접속 시간에 맞는 개별 페이지 구성하기
인터랙션으로 탭 애니메이트 적용하기

LESSON 02. 카페 앱 UI 디자인하기 : 모바일용 프로토타입 만들기
준비 파일 불러와 메인 페이지 만들기
메인 페이지의 터치 버튼 영역 만들기
메뉴 선택 페이지 만들기
스탬프 적립 페이지 만들기
매장 찾기 페이지 만들기
게시판 페이지 만들기
인터랙션으로 탭 애니메이트 적용하기

LESSON 03. 여행 소개 앱 UI 디자인하기 : 모바일용 프로토타입 만들기
새 아트보드 만들고 로그인 페이지 만들기
아트보드 추가해 메인 페이지 만들기
여행지 카테고리 페이지 만들기
여행지 사진을 배치할 본문 영역 만들기
사각형 영역에 여행지 사진 배치하기
여행지 세부 페이지 만들기
여행지 세부 스크롤 페이지 만들기
인터랙션으로 탭 애니메이트 적용하기

출판사 서평

3년 연속 그래픽 분야 1위!
50만 독자가 선택한 믿고 보는 ‘맛있는 디자인’ 시리즈
* 교보문고, 알라딘, 예스24, 인터파크_IT/컴퓨터/그래픽 분야 1위(2018~2020년 집계 기준)

① 풍부한 실무 예제로 XD의 기초부터 활용까지 완전 정복!
가장 완벽한 디자인 레시피를 알려주는 ‘맛있는 디자인’ 시리즈는 50만 독자에게 검증받은 시리즈입니다. 특히 프로토타입 제작을 제대로 하기 위해 반드시 알아야 할 XD의 기초 기능부터 실전 웹디자인 감각을 길러주는 실무 실습까지 한번에 익히고 제대로 써먹을 수 있도록 도와... 더보기

Klover 리뷰 (0)

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

북로그 리뷰는 본인 인증 후 작성 가능합니다.
책이나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 내용은 비공개 처리 될 수 있습니다.
※ 북로그 리뷰 리워드 제공 2021. 4. 1 종료
  • 우리가 흔히 마주하는 인터넷 웹사이트의 모습은 천차만별로 다양함을 보여준다. 사람이 하는 일이고 또한 디자인이라는 측면으로 파악하기에 더욱 효율적이고 멋진 디자인을 꾀하지만 말처럼  쉽게 이루어지는 것은 아무것도 없다. 웹뿐만이 아니라 앱에서도 활용할 수 있는 디자인 도구로의 존재감을 자랑하는 많은 소프트웨어가 있지만  그래픽 전문회사이자 디자인에 최적화된 결과를 만들어 내는 어도비사의 XD CC는 그 활용도에 있어 실무적인  현장에서 주로 사용하는터에 일반인들에게 그리 인지도가 높지 않은 점... 더보기
  •   [맛있는 디자인 어도비 XD 기본+활용]   공부를 좋아하지 않는 아이의 진로를 고민해 보며 세상을 살아가려면 디자인적 요소도 무시할수 없으니 미술을 해보라고 권했어요.   쫄라맨 수준의 그림을 그리는 아이에게 약간은 무리였지만 정해진 패턴으로 미술을 하다보니 어느정도 미술을 하게 되더라구요.   타고난 감각은 없는 아이기에 남들보다 더 힘들어하고 ... 더보기
  • 스마트폰 사용 인구가 늘어나고 인터넷 환경이 PC에서 모바일로 빠르게 변경됨에 따라 모바일에 최적화된 콘텐츠 소비가 크게 늘었다. 따라서 웹디자인도 UI/UX 디자인을 새로운 시대의 흐름에 맞추기 위해 변화하고 있다. 어도비는 이미 이런 변화들에 발맞춰 새로운 기능으로 업그레이드된 툴들을 지속적으로 선보이고 있는데, 어도비 XD는 UI/UX 디자이너를 위한 와이어 프레임(화면을 구성한 디자인) 제작용 툴이다. 그동안 어도비 XD는 포토샵... 더보기
  • 취준생이나 직장인들 사이에서 디자인 공부하는 사람들이 꽤 있다.특히 웹디자인은 사무직에서 유용하게 쓰이는데 사정상 학원들 다니기 힘들다면 책으로 배워도 좋다.이 책은 웹디자인 전문가인 저자가 웹디자이너를 위해서 쓴 책인데 기초 위주로 서술되어 있기 때문에 일반인도 읽어볼만한 책이다.책을 읽으면서 웹디자인 공부 과정에서 놓치지 말아야 할 부분들에 대해서 배울 수 있다.또 웹디자인을 배우는 이유가 대부분 일터에서 이용하기 위함일텐데 책은 실무과정에 적합하게 쓰여져 있기 때문에 책을 읽고 익힌 다음 바로 일하는데 써먹을 수 있다.인터넷의... 더보기
  •   맛있는 디자인 Xd  웹디자이너를 위한 UX/UI 디자인 기초 어도비 XD는 예비 웹디자이너를 위해 기본편과 활용편으로 구성되어 있다. XD를 활용하여 UX/UI 디자인을 하기 전에 꼭 알아두어야 할 사항이 기획이라고 한다. 먼저 기획에 앞서 UX (User Experience, 사용자 경험 중심) / UI (User Interface, 사용자 인터페이스: 웹과 모바일간 의사소통을 할 수 있도록 만들어진 물리적, 가상적 매개체로 정의)의 개념부터 확실히 해야 할 것이다... 더보기

문장수집 (0) 문장수집 쓰기 나의 독서기록 보기
※구매 후 문장수집 작성 시, 리워드를 제공합니다. 안내

교환/반품/품절안내

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

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

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