{"product_id":"154924","title":"피그마 스타터 : 처음부터 차근차근 배우는 UIUX 디자인","description":"\u003ccenter\u003e\u003cdiv style=\"text-align:center\"\u003e\u003cimg src=\"https:\/\/tmgdisk01.cafe24.com\/images\/vs\/4172\/sv\/3jYDsmHSVHztNepETZJ43D5imwpArH.png?v=1765083119\" style=\"max-width:100%;max-height:10px\"\u003e\u003c\/div\u003e\u003c\/center\u003e\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\u003ccenter\u003e\n\u003cdiv style=\"width:95%\"\u003e\n\u003cdiv style=\"text-align:center;font-size:30px;font-weight:bolder;line-height:1.6em\"\u003e피그마 스타터 : 처음부터 차근차근 배우는 UIUX 디자인\u003c\/div\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003cdiv style=\"border-bottom:1px;border-bottom-style:dotted;border-color:;padding-bottom:20px\"\u003e\u003ccenter\u003e\u003ctable align=\"center\" width=\"100%\"\u003e\u003ctbody style=\"border:0px\"\u003e\n\u003ctr\u003e\u003ctd align=\"center\" style=\"line-height:1.2em;text-align:center;font-size:18px;color:black;font-weight:bold;padding-bottom:20px;\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003ctd style=\"text-align:center\"\u003e\u003cimg src=\"https:\/\/image.yes24.com\/goods\/143086625\/XL\" style=\"max-width:100%;height:auto\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/center\u003e\u003c\/div\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003cdiv style=\"width:95%;{split_style6}padding-top:20px;padding-bottom:20px\"\u003e\n\u003cdiv style=\"text-align:left;font-size:16px;font-weight:bold;padding-bottom:20px\"\u003eDescription\u003c\/div\u003e\n\u003cdiv style=\"text-align:left;word-break:break-all;font-size:14px;line-height:1.6em;\"\u003e\n\u003cdiv\u003e \u003ch5\u003e\u003cb\u003e책소개\u003c\/b\u003e\u003c\/h5\u003e \u003c\/div\u003e \u003cdiv\u003e \u003cdiv\u003e \u003cdiv\u003e  피그마를 처음 접하는 사용자부터 실무에서 활용하려는 전문가까지 모두를 위한 실용적인 가이드를 제공한다.\u003cbr\u003e따라하기 형태로 구성되어 기본적인 인터페이스 설명부터 실전 예제까지, 단계별 학습을 통해 디자인 역량을 키울 수 있도록 구성되었다.\u003cbr\u003e본 교재를 토대로 다양한 디자인 기획 및 응용을 하여 이 분야의 전문가가 되길 기원한다.\u003cbr\u003e\u003cbr\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv\u003e \u003cul\u003e \u003cli\u003e 책의 일부 내용을 미리 읽어보실 수 있습니다.\u003cbr\u003e\u003cspan\u003e미리보기\u003c\/span\u003e\n\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbr\u003e\u003cdiv\u003e \u003ch5\u003e\u003cb\u003e목차\u003c\/b\u003e\u003c\/h5\u003e \u003c\/div\u003e \u003cdiv\u003e \u003cdiv\u003e  \u003cb\u003ePART 01 피그마(Figma) 시작하기 \u003c\/b\u003e\u003cbr\u003e\u003cbr\u003esection 01 피그마의 개요\u003cbr\u003esection 02 UI 디자인과 디바이스의 이해\u003cbr\u003e 1. UI 디자인의 이해\u003cbr\u003e 2.\u003cbr\u003e디바이스의 이해\u003cbr\u003esection 03 그래픽 표현 방식의 이해\u003cbr\u003e 1.\u003cbr\u003e그래픽 디자인 프로그램\u003cbr\u003e 2.\u003cbr\u003e그래픽 컬러의 이해\u003cbr\u003esection 04 피그마 시작하기\u003cbr\u003esection 05 피그마 인터페이스 살펴보기 \u003cbr\u003e\u003cbr\u003e\u003cb\u003ePART 02 피그마 기본 도구 활용하기 \u003c\/b\u003e\u003cbr\u003e\u003cbr\u003esection 01 도형 도구를 활용하여 제작하기\u003cbr\u003e 1.\u003cbr\u003e작업 영역 만들기\u003cbr\u003e 2.\u003cbr\u003e사선 만들기\u003cbr\u003e 3.\u003cbr\u003e로고 만들기\u003cbr\u003e 4.\u003cbr\u003e라인 만들기\u003cbr\u003e 5.\u003cbr\u003e텍스트 입력하기\u003cbr\u003esection 02 스타일과 디자인 시스템 라이브러리 관리하기 \u003cbr\u003e1.\u003cbr\u003e작업 영역 만들기\u003cbr\u003e2.\u003cbr\u003e색상을 스타일에 등록하기\u003cbr\u003e3.\u003cbr\u003e텍스트 서식을 스타일에 등록하기\u003cbr\u003e4.\u003cbr\u003eEffect를 스타일에 등록하기하기\u003cbr\u003e5.\u003cbr\u003eGrid를 스타일에 등록하기 \u003cbr\u003e\u003cbr\u003e\u003cb\u003ePART 03 피그마로 실무 디자인 시작하기 \u003c\/b\u003e\u003cbr\u003e\u003cbr\u003esection 01 음악 스트리밍 앱 화면 제작하기\u003cbr\u003e 1.\u003cbr\u003e헤더 만들기\u003cbr\u003e 2.\u003cbr\u003e메인 컨텐츠 영역 만들기\u003cbr\u003e 3.\u003cbr\u003e플레이 버튼과 더 보기 아이콘 제작하기\u003cbr\u003esection 02 랜딩 페이지 디자인 제작하기\u003cbr\u003e 1.\u003cbr\u003e메인 이미지 영역 만들기\u003cbr\u003e 2.\u003cbr\u003e여행 소개 페이지 만들기\u003cbr\u003e 3.\u003cbr\u003e배너 만들기\u003cbr\u003e\u003cbr\u003e\u003cb\u003ePART 04 피그마 핵심 기능 활용하기 \u003c\/b\u003e\u003cbr\u003e\u003cbr\u003esection 01 디자인 시스템 생성 및 관리\u003cbr\u003e 1.\u003cbr\u003e디자인 시스템 파일 불러오기\u003cbr\u003e 2.\u003cbr\u003e타이포그래피 시스템 만들기\u003cbr\u003e 3.\u003cbr\u003e그리드 시스템 만들기\u003cbr\u003esection 02 아카데미 웹디자인 프로젝트 제작\u003cbr\u003e 1.\u003cbr\u003e데스크탑 반응형 코딩학원 웹디자인 제작하기-기본 레이아웃 설정하기\u003cbr\u003e 2.\u003cbr\u003e헤더 만들기\u003cbr\u003e 3.\u003cbr\u003e메인 비주얼 영역 만들기\u003cbr\u003e 4.\u003cbr\u003e메인 콘텐츠 영역 만들기 01 : 제목 영역 만들기\u003cbr\u003e 5.\u003cbr\u003e콘텐츠 영역 만들기 02 : 제목 영역 만들기\u003cbr\u003e 6.\u003cbr\u003e콘텐츠 영역 만들기 03\u003cbr\u003e 7.\u003cbr\u003e배너 영역 만들기\u003cbr\u003e 8.\u003cbr\u003efooter 만들기\u003cbr\u003e 9.\u003cbr\u003e디자인 결과물 Export 하기\u003cbr\u003e\u003cbr\u003e\u003cb\u003ePART 05 베이커리 앱 UI 디자인 제작하기\u003c\/b\u003e\u003cbr\u003e \u003cbr\u003esection 01 베이커리 앱 버튼 만들기\u003cbr\u003e 1.\u003cbr\u003e베리언츠 이해와 제작하기\u003cbr\u003esection 02 베리언츠 앱 버튼 적용하기\u003cbr\u003e 1.\u003cbr\u003e디자인에 필요한 아이콘 가져오기\u003cbr\u003e 2.\u003cbr\u003e기본 Frame 화면 만들기\u003cbr\u003e 3.\u003cbr\u003e상태 바 삽입하기 \u003cbr\u003e 4.\u003cbr\u003e헤더 만들기\u003cbr\u003e 5.\u003cbr\u003e메인 비주얼 영역 만들기\u003cbr\u003e 6.\u003cbr\u003e상세 설명 영역 만들기\u003cbr\u003e\u003cbr\u003e\u003cb\u003ePART 06 프로토타이핑과 인터랙션\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003esection 01 캐러셀 인터랙션 제작하기\u003cbr\u003e 1.\u003cbr\u003e앱 메인 화면 콘텐츠 수정하기\u003cbr\u003e 2.\u003cbr\u003e페이지네이션 제작하기\u003cbr\u003e 3.\u003cbr\u003e메인 비주얼 영역을 Carousel로 제작하기\u003cbr\u003e 4.\u003cbr\u003eCarousel에 인터랙션 적용하기\u003cbr\u003esection 02 이동 메뉴 설계 및 구현하기\u003cbr\u003e 1.\u003cbr\u003e제목 설정하기\u003cbr\u003e 2.\u003cbr\u003eOverflow scrolling Interaction 제작하기\u003cbr\u003esection 03 프레임 연결 및 화면 전환하기\u003cbr\u003e 1.\u003cbr\u003eFrame 간의 Interaction 설정하기\u003cbr\u003e 2.\u003cbr\u003e상세 화면에서 팝업 형태로 나타나는 Frame 간의 Interaction 설정하기\u003cbr\u003esection 04 화면 내의 연동과 인터랙션\u003cbr\u003esection 05 동적인 내비게이션 메뉴 구성 \u003cbr\u003esection 06 탭바 제작 및 스타일링\u003cbr\u003e 1.\u003cbr\u003e탭바 제작하기\u003cbr\u003e 2.\u003cbr\u003e탭바 메뉴와 앱 화면을 이동하는 Interaction 적용하기\u003cbr\u003e 3.\u003cbr\u003e헤더와 탭바 고정시키기\u003cbr\u003e\u003cbr\u003e\u003cb\u003ePART 07 피그마로 협업 및 개발 모드 살펴보기\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003esection 01 라이브러리 등록하기\u003cbr\u003esection 02 개발 모드 살펴보기\u003cbr\u003e 1.\u003cbr\u003eDiv Mode (유료)\u003cbr\u003e 2.\u003cbr\u003e플러그인\u003cbr\u003esection 03 공유하여 함께 살펴보기\u003cbr\u003esection 04 피그마 버전 history 살펴보기 \u003c\/div\u003e \u003cdiv\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cbr\u003e\u003cdiv\u003e \u003ch5\u003e\u003cb\u003e상세 이미지\u003c\/b\u003e\u003c\/h5\u003e \u003c\/div\u003e \u003cdiv\u003e \u003cdiv\u003e \u003cimg src=\"https:\/\/image.yes24.com\/momo\/TopCate5169\/MidCate006\/516857620.jpg\" border=\"0\" alt=\"상세 이미지 1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbr\u003e\u003cdiv\u003e \u003ch5\u003e\u003cb\u003e출판사 리뷰\u003c\/b\u003e\u003c\/h5\u003e \u003c\/div\u003e \u003cdiv\u003e \u003cdiv\u003e  ㆍ 피그마는 웹 기반의 강력한 UI\/UX 디자인 툴로, 팀원 간의 협업과 실시간 작업이 가능하여 편리 한 디자인 환경을 제공합니다.\u003cbr\u003e\u003cbr\u003eㆍ 별도로 설치하지 않아도 웹 브라우저에서 바로 사용할 수 있습니다.\u003cbr\u003eㆍ 디자이너뿐만 아니라 기획자, 개발자 등 다양한 직군이 함께 프로젝트를 진행할 수 있도록 최적화되어 있습니다.\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e이제부터 피그마를 활용하여 효율적인 디자인 작업을 시작해 보세요! \u003c\/div\u003e \u003cdiv\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e\n\u003c\/div\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003cdiv style=\"width:95%;padding-top:20px;padding-bottom:20px\"\u003e\n\u003cdiv style=\"text-align:left;font-size:16px;font-weight:bold;padding-bottom:20px\"\u003eGOODS SPECIFICS\u003c\/div\u003e\n\u003cdiv style=\"text-align:left;font-size:14px;line-height:1.6em;\"\u003e\n\u003cdiv style=\"width:100%;margin-bottom:5px;line-height:1.6em;font-size:14px\"\u003e- \u003cstrong\u003e발행일 : \u003c\/strong\u003e2025년 03월 10일\u003c\/div\u003e\n\u003cdiv style=\"width:100%;margin-bottom:5px;line-height:1.6em;font-size:14px\"\u003e- \u003cstrong\u003e쪽수, 무게, 크기 : \u003c\/strong\u003e359쪽 | 188*257*30mm\u003c\/div\u003e\n\u003cdiv style=\"width:100%;margin-bottom:5px;line-height:1.6em;font-size:14px\"\u003e- \u003cstrong\u003eISBN13 : \u003c\/strong\u003e9791192991740\u003c\/div\u003e\n\u003cdiv style=\"width:100%;margin-bottom:5px;line-height:1.6em;font-size:14px\"\u003e- \u003cstrong\u003eISBN10 : \u003c\/strong\u003e1192991745\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ccenter\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\u003c\/center\u003e\n\u003c\/center\u003e","brand":"LIBRAIRIE COREENNE","offers":[{"title":"Default Title","offer_id":43893482094634,"sku":"154924","price":37.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2750\/5962\/files\/2af4a277f012fdd22f4d4588f5466c1d.jpg?v=1765403442","url":"https:\/\/librairie.coreenne.fr\/ko\/products\/154924","provider":"LIBRAIRIE COREENNE","version":"1.0","type":"link"}