본문 바로가기

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

Do it! 실무 순서로 배우는 프로덕트 디자인 with 피그마 상세페이지

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

Do it! 실무 순서로 배우는 프로덕트 디자인 with 피그마

소장종이책 정가22,000
전자책 정가32%15,000
판매가15,000
Do it! 실무 순서로 배우는 프로덕트 디자인 with 피그마 표지 이미지

Do it! 실무 순서로 배우는 프로덕트 디자인 with 피그마작품 소개

<Do it! 실무 순서로 배우는 프로덕트 디자인 with 피그마> 초보 디자이너의 시행착오 1년 치를 줄여 준다!
일터에서 진짜 중요한 UI 디자인을 빠르게 배우는 책!

디자인 업무 시간을 반으로 줄이고 싶나요? 그렇다면 《Do it! 실무 순서로 배우는 프로덕트 디자인 with 피그마》를 꼭 읽어 보세요. 창업으로 디자인 커리어를 쌓기 시작한 이상효 저자가 비즈니스 현장에서 다각도로 고민하고 경험하면서 얻은 UI 디자인의 기본부터 노하우까지 이 책에 고스란히 담았습니다. 그리고 UI/UX 필수 도구인 ‘피그마’를 자유자재로 다루고 실무에서 현명하게 사용하는 방법을 자세히 설명합니다. 게다가 실제 디자인 팀과 함께 프로젝트를 진행하고 있다는 착각이 들 정도로 현실을 잘 반영해서 협업 팁까지 담았습니다.
사용자를 돕고 문제를 해결하기 위해 프로덕트 디자인, UI/UX의 기초부터 확실하게 알고 싶은 분, 그리고 실무 디자이너는 물론이고 협업이 중요한 기획자, 개발자 등의 직군에 해답을 제시하는 나침반이 되어 줄 것입니다.


출판사 서평

“10년 차 디자인 선배가 바로 옆에서 생생하게 알려 주는 경험을 맛볼 수 있는 책”
선배가 프로덕트 디자인을 명쾌하게 설명합니다!

이제는 디자이너뿐만 아니라 기획자, 개발자까지 제품을 만드는 메이커라면 모두 사용자 경험을 돕고 문제를 해결하기 위해 노력합니다. 이때 UI/UX가 가장 중요한 역할을 하는데, 이 책은 프로덕트 디자인과 UI 디자인이 무엇인지, 실무에서는 이를 어떻게 풀어내야 하는지 쉽고 명쾌하게 설명합니다.
저자인 이상효 쌤은 지금 하는 일과 전혀 상관없는 ‘섬유 디자인’ 전공으로 시작해 현재 프로덕트 디자이너로 활약하며 피그마를 활용한 강의까지 하고 있습니다. 그 과정에서 겪었던 수많은 시행착오를 이 책에 모두 담았습니다.
프로덕트 디자이너로 실무를 처음 시작하거나 UI/UX의 기초부터 확실하게 알고 싶은 분이라면 이 책을 통해 저자의 오랜 실무 경험과 노하우로 프로덕트 디자인의 해답을 찾아보세요.

“피그마는 이제 디자인 직군에서 확고하게 자리 잡은 툴이죠!”
이 책과 함께 제대로 써보세요!

협업에 최적화된 피그마를 제대로 활용해 보세요. 피그마는 디자인 업무에 필요한 에셋을 효율적으로 관리하고 활용할 수 있습니다. 또한 협업을 위한 실시간 마우스 커서 공유, 의견 공유, 자료 공유 등도 매우 쉽게 할 수 있죠. 그런데 이런 좋은 기능을 제대로 쓰려면 인터넷 검색으로는 한계가 있습니다. 그래서 이상효 쌤이 피그마를 제대로 쓸 수 있도록 학습 가이드를 준비했죠.
이 책은 디자인 실무를 잘 해내려면 알아야 할 지식과 피그마를 활용한 ‘단단한 UI 제작 방법’을 실습 예제와 함께 설명합니다. 또한 이번 개정판을 준비하며 피그마 업데이트로 변경된 기능을 꼼꼼히 확인해 반영했습니다. 이상효 쌤은 원고 집필할 때도, 담당 편집자와 일할 때도 피그마를 이용했으며, 그 과정에서 피그마는 실제로 협업에 최적화된 툴이라는 놀라운 경험을 했습니다.

새로운 서비스를 디자인하고 구체화하고, 만드는 방법, 협업하는 방법까지
실제 일터에서 하는 순서대로 배워 보세요!

이 책을 그냥 ‘피그마를 알려 주는 책’으로 오해하면 섭섭합니다! UX/UI 필수 도구인 피그마를 자유자재로 다룰 수 있는 9가지 핵심 인터페이스 익히기뿐만 아니라 프로덕트 디자인 실무 전체 과정을 4단계에 거쳐 상세하게 다루기 때문입니다. 새로운 서비스를 디자인하고, 경쟁사 로고를 살펴보고, 내 서비스의 로고를 디자인하고, UI 콘셉트를 구상하고 만들어 봅니다. 그뿐이 아닙니다. 기획자, 디자이너, 개발자와 더 잘 일하기 위해 디자인 시스템을 전파하는 방법과 개발자에게 디자인을 효과적으로 전달하는 방법도 다룹니다.

독학은 물론 교재로도 인기!
실습 자료와 학습 진도표 제공!

이 책에서 다루는 모든 실습에 필요한 자료도 피그마로 제공합니다. 피그마에서 책 제목을 검색하면 실습 자료를 찾을 수 있어서 바로 실습을 시작할 수 있습니다. 또 15차시로 학습 계획표를 제공합니다. 독학하는 독자라면 자기만의 학습 계획을 세울 때, 교재로 활용할 교강사라면 강의 계획을 세울 때 적극 활용해 보세요.
- 실습 자료: 피그마에서 ‘Do it! 실무 순서로 배우는 프로덕트 디자인 with 피그마’ 검색
- 저자 운영 커뮤니티: https://www.figma.com/@hyo_yee
- 질의응답용 저자 이메일: artpen90@gmail.com

함께 배우고, 나누고, 성장하는 ‘Do it! 스터디룸’으로 오세요!

혼자 계획을 세우고 공부하다 보면 금방 지치기 마련이다. 나와 비슷한 고민을 하는 독자를 만나 어려운 내용을 공유해 보자. 서로 도움을 주고받으며 공부하다 보면 더 보람차다. 멀리 가려면 친구와 함께해 보자.
- Do it! 스터디룸: cafe.naver.com/doitstudyroom



저자 소개

IT 회사에서 프로덕트 디자이너로 일하고 있습니다. 즐겁게 일하면서 잘 노는 삶을 지향하고, 배워서 남 주는 것을 좋아합니다.[강의]2021~현재 노트폴리오, 디자인 시스템 워크숍2023 노트폴리오, 프로덕트 디자이너 완성반2022 원티드랩, 프리온보딩 프로덕트 디자인 코스2020 패스트캠퍼스, 피그마를 활용한 모바일 UI 디자인[경력]2023~현재 Figma Community Advocate in Seoul2021~현재 Product & Platform Designer at Wantedlab2019~2021 Product Designer at Buzzvil2017~2019 Designer & Co-founder at DICO[프로젝트]2021~현재 원티드 디자인 시스템 구축, 개선, 웹, 앱 서비스 개선2022~현재 피그마 코리아 밋업 개최2020~2021 버즈빌 디자인 시스템 구축, 개선2017~2019 DICO 앱, 웹 서비스 기획, 디자인[글 쓰는 공간]웹 사이트: www.sanghyo.xyz브런치: https://brunch.co.kr/@artpen

목차

01장 UI 디자인 시작하기
__01-1 UI 디자이너의 일
__01-2 프로덕트 디자이너의 확장된 역할
__01-3 모바일 기기 디자인 환경 이해하기

02장 피그마와 가까워지기
__02-1 디자인 툴 피그마 이해하기
__02-2 피그마 시작하기

03장 피그마 핵심 인터페이스 익히기
__03-1 툴을 자유자재로 다루기 위한 9가지 기본 인터페이스
__03-2 컴포넌트로 한 차원 높게 복사, 붙여넣기
__03-3 UI 디자이너의 책장, 왼쪽 사이드바
__03-4 필요한 기능을 즉시 보여 주는 콘텍스추얼 툴

04장 피그마로 다채롭게 그려 보기
__04-1 오른쪽 패널 살펴보기
__04-2 오브젝트의 간격과 위치에 규칙 설정하기
__04-3 다채로운 그래픽 옵션 알아보기
__04-4 디자인 내보내기
__04-5 실시간 저장, 버전 관리 기능 써보기
__04-6 링크 만들어 공유하기

05장 새로운 서비스 디자인하기
__05-1 서비스 로고, 전략적으로 디자인하기
__05-2 앱 디자인의 길잡이가 되는 콘셉트 UI 잡기
__05-3 레시피 콘텐츠 UI 만들기
__05-4 콘셉트 UI 완성하기

06장 서비스 구체화하기
__06-1 고객을 위한 서비스 기획하기
__06-2 정보 구조에 맞게 화면 재구성하기
__06-3 기획을 화면에 담아 내는 와이어프레임 만들기
__06-4 서비스 UI 디자인하기
__06-5 사용자 경험을 구현하는 프로토타입 만들기

07장 디자인 시스템 만들기
__07-1 업무 효율성을 극대화하는 디자인 시스템
__07-2 디자인 시스템 기초 공사하기
__07-3 빠르게 컴포넌트 만들기
__07-4 기획자, 디자이너, 개발자를 위한 디자인 시스템 전파하기

08장 디자인 툴 밖에서 협업하기
__08-1 형상 관리로 협업하기
__08-2 디자이너를 위한 검색 방법
__08-3 개발자에게 효과적으로 디자인 전달하기

찾아보기


리뷰

구매자 별점

4.0

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

1명이 평가함

리뷰 작성 영역

이 책을 평가해주세요!

내가 남긴 별점 0.0

별로예요

그저 그래요

보통이에요

좋아요

최고예요

별점 취소

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

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

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

Do it! 시리즈


이 책과 함께 구매한 책


이 책과 함께 둘러본 책



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

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