본문 바로가기

리디 접속이 원활하지 않습니다.
강제 새로 고침(Ctrl + F5)이나 브라우저 캐시 삭제를 진행해주세요.
계속해서 문제가 발생한다면 리디 접속 테스트를 통해 원인을 파악하고 대응 방법을 안내드리겠습니다.
테스트 페이지로 이동하기

기초 탄탄 UX/UI 디자인을 위한 Adobe XD 상세페이지

컴퓨터/IT 컴퓨터/앱 활용

기초 탄탄 UX/UI 디자인을 위한 Adobe XD

웹 & 앱 디자인 기초부터 UI 디자인, 프로토타입 제작까지!
소장종이책 정가20,000
전자책 정가30%14,000
판매가14,000
기초 탄탄 UX/UI 디자인을 위한 Adobe XD 표지 이미지

기초 탄탄 UX/UI 디자인을 위한 Adobe XD작품 소개

<기초 탄탄 UX/UI 디자인을 위한 Adobe XD> 7가지 실전 프로젝트를 따라 하면서 사용자 중심으로 사고하는 UX 방법론과
그에 따른 UI 디자인을 구현할 수 있다.

IT 기술의 발전으로 지속적으로 새로운 스마트폰이 출시되고, 다양한 웨어러블 디바이스가 나타나고 있으며, 이제는 메타버스라는 새로운 가상 공간까지 대두되고 있다. 이처럼 다양한 웹 & 앱 환경이라도 사용자를 중심으로 사고하는 UX 방법론과 그에 따른 UI 디자인을 구현할 수 있다면 어떠한 신기술에도 대응할 수 있다. 이 책에서는 이러한 관점으로 To-Do 앱, SNS 앱, 반응형 앱 등 7가지 실전 프로젝트를 직접 따라 해 보면서 웹 & 앱 디자인의 기본기와 함께 어도비 XD를 활용한 UI 디자인을 경험해 볼 수 있다. 특히 처음 시작하는 디자이너라면 이 책을 통해 사람들이 제품을 사용하는 행태를 이해하고, 인터페이스 만드는 요령을 익힐 수 있을 것이다.


출판사 서평

시작하는 웹 & 앱 디자이너를 위한 Adobe XD 입문서!

새로운 디바이스가 나타나고 디자인 트렌드가 바뀌는 시장에서 새로운 콘텐츠를 만들기 위해 늘 새롭게 작업해야 하는 웹 & 앱 디자이너의 고충은 경험해 본 사람만이 안다. 이 책의 저자는 오랜 실무 경력과 강의 경험으로 후배 디자이너들의 고충을 누구보다 잘 알고 있기에 빠르게 변화하는 시대에 웹 & 앱 디자인을 시작하려는 후배 디자이너에게 꼭 필요한 노하우를 알려 준다.

1.7가지 프로젝트를 따라 하면서 실무 감각을 익힐 수 있습니다.
2.UX/UI 디자인 기본기부터 시작하는 웹 & 앱 디자이너를 위한 필수 지식을 담았습니다.
3.Adobe XD가 처음인 사용자를 위해 기본적인 툴 사용 방법부터 프로토타이핑 기초까지 친절하게 설명합니다.

대상 독자

-예비 웹 & 앱 디자이너
-Adobe XD 사용이 익숙하지 않은 현직 디자이너
-디자이너가 일하는 과정을 알고 싶은 서비스 기획자
-웹 & 앱 프로토타입을 서비스로 구현하는 개발자


저자 프로필

김영일

  • 학력 홍익대학교 일반대학원 영상·인터랙션과 박사
    홍익대학교 영상대학원 인터랙션디자인과 석사
  • 경력 한양여자대학교 공과대학 Smart IT과 조교수
    위메프 e-commerce UX UI 팀장
    GrouponKorea e-commerce UX UI 팀장
    삼성 PTKorea e-commerce UX UI 팀장
    11번가 UX UI 디자이너
    Nate, Cyworld UX UI 디자이너
    SK커뮤니케이션즈 UX UI 디자이너
    CJ오쇼핑 UX UI 디자이너

2023.11.01. 업데이트 작가 프로필 수정 요청


저자 소개

저 : 김영일
홍익대학교 영상대학원 인터랙션디자인과에서 석사 학위를, 홍익대학교 일반대학원 영상·인터랙션과에서 박사 학위를 받은 후 CJ홈쇼핑, SK커뮤니케이션즈의 네이트, 싸이월드, 11번가 등에서 UX/UI 디자이너로 근무하였고, 삼성 Pengteil-차이나와 소셜커머스 업체인 그루폰코리아, 위메프 등에서 e커머스 UX/UI 팀장으로 근무하면서 다양한 서비스를 만들었다. 현재는 한양여자대학교 공과대학 스마트IT과의 조교수로 있으면서 웹앱 UX/UI, 자바스크립트 프론트엔드 개발, 메타버스 지향 유니티 VR/AR, 블렌드 3D 교육을 맡고 있다.

목차

CHAPTER 01 웹과 앱의 UX/UI 디자인 기본기

[LESSON 01] 기획과 개발을 고려한 UX/UI 디자인 12
_UX 디자인의 필수 요소 12
_바람직한 UI 디자인 15

[LESSON 02] 웹 환경 이해하기 16
_웹 환경과 이미지 16
_웹 디자인과 앱 디자인은 다르다 20
_HTML/CSS/JavaScript와 디자인의 관계 23
_프로토타입과 Adobe XD 24

[LESSON 03] HTML+CSS를 고려한 UX/UI 디자인 25
_웹 디자인의 기본 요소 25
_시스템 기반의 디자인 요소 26
_웹과 상호작용하는 UX/UI 30

[LESSON 04] iOS와 안드로이드 환경 이해하기 32
_애플의 플랫 디자인 33
_구글의 머티리얼 디자인 38
_안드로이드와 iOS 인터페이스의 차이 39

CHAPTER 02 Adobe XD를 활용한 UI 디자인 실습기

[LESSON 01] Adobe XD 기능 활용하기 44
_기본 툴 개념과 이해 44
_패스와 도형 그리기 54
_오브젝트와 레이어 활용하기 62
_이미지 편집하고 텍스트 입력하기 70
_구성 요소와 에셋, 오브젝트와 반복 그리드 79
_반응형 웹에 적합한 화면 구성하기 87
_그리드 98

[LESSON 02] Adobe XD 프로토타입 101
_디자인에 움직이는 애니메이션 적용하기 101
_다이얼 및 마우스 오버 상태 추가하기 107

[LESSON 03] 디바이스 출력 및 공유하기 118
_시스템별 디바이스 환경 118
_협업을 위한 공유 파일 관리 121
_작업 효율을 높이는 플러그인 122

CHAPTER 03 실무 웹/앱 UI 디자인 분석과 실습

[LESSON 01] To-Do 앱 UI 디자인 128
_UI 디자인 실습 131
_프로토타입 141

[LESSON 02] SNS 앱 UI 디자인 146
_SNS 바이럴 서비스 디자인 UX 분석 146
_UI 디자인 실습 147
_프로토타입 158

[LESSON 03] 반응형 웹/앱 UI 디자인 164
_데스크탑 버전과 모바일 버전 최적화 165
_HTML과 CSS 적용하기 165
_UI 디자인 실습 166
_프로토타입 175

[LESSON 04] 쇼핑 커머스 앱 UI 디자인 177
_쇼핑 앱 UX 분석 177
_UI 디자인 실습 180
_프로토타입 188

[LESSON 05] 영화 감상 앱 UI 디자인 194
_영상 스트리밍 앱 UX 분석 194
_UI 디자인 실습 195
_프로토타입 202

[LESSON 06] 식품 정보 앱 UI 디자인 204
_UI 디자인 실습 204

[LESSON 07] 인테리어 가구 앱 UI 디자인 217
_UI 디자인 실습 217


리뷰

구매자 별점

0.0

점수비율
  • 5
  • 4
  • 3
  • 2
  • 1

0명이 평가함

리뷰 작성 영역

이 책을 평가해주세요!

내가 남긴 별점 0.0

별로예요

그저 그래요

보통이에요

좋아요

최고예요

별점 취소

구매자 표시 기준은 무엇인가요?

'구매자' 표시는 리디에서 유료도서 결제 후 다운로드 하시거나 리디셀렉트 도서를 다운로드하신 경우에만 표시됩니다.

무료 도서 (프로모션 등으로 무료로 전환된 도서 포함)
'구매자'로 표시되지 않습니다.
시리즈 도서 내 무료 도서
'구매자’로 표시되지 않습니다. 하지만 같은 시리즈의 유료 도서를 결제한 뒤 리뷰를 수정하거나 재등록하면 '구매자'로 표시됩니다.
영구 삭제
도서를 영구 삭제해도 ‘구매자’ 표시는 남아있습니다.
결제 취소
‘구매자’ 표시가 자동으로 사라집니다.

이 책과 함께 구매한 책


이 책과 함께 둘러본 책



본문 끝 최상단으로 돌아가기

spinner
앱으로 연결해서 다운로드하시겠습니까?
닫기 버튼
대여한 작품은 다운로드 시점부터 대여가 시작됩니다.
앱으로 연결해서 보시겠습니까?
닫기 버튼
앱이 설치되어 있지 않으면 앱 다운로드로 자동 연결됩니다.
모바일 버전