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

일러스트레이터로 배우는 UI 디자인

UX 프로페셔널
릭 무어 지음 | 권혜정 옮김 | 에이콘출판 | 2015년 10월 28일 출간
  • 정가 : 30,000원
    판매가 : 27,000 [10%↓ 3,000원 할인]
  • 통합포인트 :
    [기본적립] 1,500원 적립 [5% 적립] 안내 [추가적립] 5만원 이상 구매 시 2천원 추가적립 [회원혜택] 우수회원 3만원 이상 구매 시 2~4% 추가적립
  • 추가혜택 : 포인트 안내 도서소득공제 안내 추가혜택 더보기
  • 배송비 : 무료 배송비 안내
  • 배송일정 : 서울특별시 종로구 세종대로 기준 지역변경
    지금 주문하면 내일( 7일,토) 도착 예정 배송일정 안내
  • 바로드림 : 인터넷으로 주문하고 매장에서 직접 수령 안내 바로드림 혜택
    휴일에는 바로드림 픽업으로 더 빨리 받아 보세요. 바로드림 혜택받고 이용하기

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

  • 에이콘의 도서를 한 눈에 살펴보세요
    2017.11.23 ~ 2020.12.31
상품상세정보
ISBN 9788960777743(8960777749)
쪽수 248쪽
크기 188 * 235 * 15 mm /607g 판형알림
이 책의 원서/번역서 UI Design with Adobe Illustrator: Discover the ease and power of using Illustrator to design Web sit/Rick Moore

책소개

이 책이 속한 분야

[일러스트레이터로 배우는 UI 디자인]은 UI와 어도비 일러스트레이터 초심자들이 차근차근 따라해볼 수 있는 기초적인 지침서다. 그래픽 디자이너들이 포토샵과 함께 가장 많이, 널리 사용하는 그래픽 프로그램인 어도비 일러스트레이터를 사용해 기본적인 웹사이트와 모바일 애플리케이션의 사용자 인터페이스를 디자인하는 방법이 담겨있다.

상세이미지

일러스트레이터로 배우는 UI 디자인(UX 프로페셔널) 도서 상세이미지

저자소개

저자 : 릭 무어

저자 릭 무어(Rick Moore)는 인터넷이 등장한 초창기에 그래픽 디자이너로 일하기 시작하면서 웹의 미래를 빠르게 감지했다. 1997년부터 일러스트레이터를 사용해 브랜드 디자인, 일러스트레이션, 회사 소프트웨어의 사용자 경험 디자인을 해왔다. 2007년부터는 비영리단체에서 사용자 경험 디자이너로 근무하고 있다. 아름다운 아내, 명랑한 두 딸과 함께 유타 주 파밍턴에 거주하고 있다.

역자 : 권혜정

역자 권혜정은 국민대학교 시각디자인학과를 졸업했다. 『이기적 진실』(2012), 『뮤지엄 뮤지엄』(2012), 『예술 속 문양의 세계』(2012) 등을 번역했고, 에이콘출판사에서 펴낸 『인포그래픽이란 무엇인가』(2013), 『터치스크린 모바일 게임 디자인』(2014), 『내부 고발자들, 위험한 폭로』(2015), 『포토샵으로 만드는 게임 아트』(2015) 등을 번역했다.

작가의 말

일러스트레이터와 함께 하는 UI 디자인
이런 말을 하면 내 나이가 금세 탄로나겠지만, 내가 그래픽 디자인을 시작했을 당시 웹은 걸음마 단계였다. 나는 대지 작업 기술을 배우고 식자를 했지만, 컴퓨터를 사용하면 그 작업이 훨씬 빠르게 처리된다는 건 꿈에도 몰랐다. 학교를 졸업하자 내가 배워둔 기술은 더 이상 쓸모가 없다는 걸 뼈저리게 느꼈다. 시대에 발맞추기 위해 나는 당시 내 능력으로 살 수 있던 유일한 컴퓨터를 구입했다. 반짝반짝 빛나는 윈텔 PC에 코렐드로(CorelDraw)를 설치하고, 디지털 그래픽 디자인의 첫 발걸음을 내디뎠다. 하지만 미래에 내가 인쇄물 디자인에서 거의 손을 뗄 줄은 상상도 못했었다. 그 무렵 나는 어스링크(Earthlink)에 가입하고 지오시티(Geocities)에 홈페이지를 만들어서 재미 삼아 HTML을 배우기 시작했지만, 내 목적은 호기심 충족 그 이상도 이하도 아니었다.

웹의 시작
1998년, 나는 처음으로 맥을 사고, 첫 클라이언트의 홈페이지를 제작했다. 포토샵을 사용해서 페이지를 디자인하고, 슬라이스해서 테이블에 맞춰 넣고, 드림위버를 사용해 마크업을 했다. 그 첫 번째 사이트가 탄생될 때의 기쁨을 아직도 잊을 수 없다. 오늘날의 웹사이트와 비교해보면 엉성하고 투박하지만 말이다. 그 후로 오랫동안 나는 작업의 효율성을 높이기 위해 노력해 왔지만, 창의성과 속도를 함께 높이는 방법을 찾기는 쉽지 않았다.
몇 년 전부터는 인터랙션 디자인과 UI 디자인으로 분야를 옮겨가고 있다. 웹 애플리케이션과 모바일 기기의 UI를 디자인하면서, 그래픽 디자이너이자 웹 디자이너로서 익힌 모든 기술을 더욱 발전시켜야 했다. 나는 다년간 포토샵을 사용해 디자인 업무를 처리해왔다. 픽셀을 완벽하게 표현하는 포토샵의 기술은 마음에 들었지만, 업무 처리에 있어서의 유연성 부족은 다소 아쉬운 부분이었다. 내가 포토샵을 보조하는 용도로 즐겨 사용하던 프로그램은, 빠른 속도와 벡터 드로잉 기능이 매력적인 어도비 일러스트레이터(Adobe Illustrator)였다. 일러스트레이터에서 웹 페이지와 애플리케이션 UI의 시안을 잡기도 했지만 와이어프레임 단계를 넘어가면 포토샵으로 돌아와서 작업을 마무리하곤 했다.
그러던 어느 날 놀라운 일이 벌어졌다. 2010년 초, 어도비가 세련된 픽셀 기능을 추가한 일러스트레이터 CS5를 출시한 것이다. 몇 가지 문제점이 있기는 했지만 나는 약간의 망설임 끝에 업그레이드를 해보기로 결심했다. 설마 이 정도일 줄이야, 모든 기능이 완벽했다. 나는 뒤도 돌아보지 않고 일러스트레이터에 안착했다. 최신 버전인 CS6은 창의성을 포기하지 않으면서도 속도와 효율성이라는 두 마리 토끼를 잡아 주었다.

친숙한 환경
포토샵이나 인디자인을 사용해본 사람이라면 일러스트레이터의 기능들이 친숙하게 느껴질 것이다. 디자인 덕분이다. 어도비 크리에이티브 스위트(Adobe Creative Suite) 프로그램 대부분은 유저인터페이스를 통일했기 때문에, 위 그림에서 보이는 것처럼 함께 사용하기에 좋고 일러스트레이터를 배우는 데 걸리는 시간도 크게 단축된다. 아직 어도비 프로그램을 사용해보지 않은 사람이라도 금방 속도가 붙고 재미도 있으며 쉽게 익힐 수 있을 것이다. 모든 일이 그렇듯 연습과 인내심만 있으면 된다. 일러스트레이터에 익숙해지고 나면 이제까지 왜 웹이나 애플리케이션을 디자인하면서 이 프로그램을 쓰지 않았는지 궁금해질 것이다.

이제 시작하자!
디자이너인 나는 늘 일러스트레이터를 사용해 삽화를 그리고 로고를 디자인하곤 했다. 하지만 원래 다른 프로그램을 사용하던 웹 디자인을 일러스트레이터로 하려다 보니, 다년간 쌓아온 수많은 습관을 ‘씻어내야’ 했다. 따라서 일러스트레이터를 한 번도 사용해본 적이 없는 사람이라면 오히려 적응이 쉬울 것이다. 처음 프로그램을 실행시켰을 때에는 막막함이 느껴질 수도 있다. 실용적인 인터페이스이지만 처음 보는 사람은 주눅이 들기도 한다. 툴과 패널, 텅 빈 화면을 보고 있자면 어디서부터 시작을 해야 하나 싶을 것이다.
작업 환경은 정해진 대로 따르는 대신 원하는 대로 배치를 바꿀 수 있다. 일러스트레이터는 맞춤 설정이 가능하므로 패널과 도구 상자, 메뉴를 자신의 방식과 작업순서에 맞게 정렬하면 된다. 오브젝트를 기반으로 하는 프로그램의 특성상 마음껏 위치를 조정하고 실험해보기 좋다.
실전을 통해 기능을 익힐 수 있도록 UI 목업 하나를 만드는 과정을 통해 프로그램 사용법을 배워보려고 한다. 작업 과정에서 파일 저장을 잊지 말자. 하지만 저장을 깜빡했을 경우 http://www.peachpit.com/UIwithAI#extras에 가면 단계별 목업과 그 밖에 유용한 예제를 다운로드할 수 있다. 자, 이제 자리에 앉아 커피를 한 잔 홀짝이면서, 일러스트레이터를 사용해 여러분의 창의적인 상상력을 발휘해보자.

목차

1 어도비 일러스트레이터와 함께 하는 UI 디자인: 미리보기
__벡터를 알아보자
__타이포그래피+색체=힘
____UI 디자인을 위한 타이포그래피
____강력한 색상 도구
__디자인의 일관성 유지
__정확한 레이아웃
__정리

2 툴과 패널
__툴 선택
__선택 툴
____선택 툴(V)
____직접 선택 툴(A)
____그룹 선택 툴
____매직완드 툴(Y)
____라쏘 툴(Q)
__드로잉
____펜 툴(P)
____선과 면
__타이포그래피
____타입 툴(T)
__변형 툴
____리플렉트 툴(O)
____프리 트랜스폼 툴(E)
__색상
____그래디언트 툴(G)
____아이드로퍼 툴(I)
____필과 스트로크
__작업공간 설정 툴
__모드
____드로잉 모드
____스크린 모드
__패널
____컨트롤 패널
____패널 펼치기와 접기
__워크스페이스
____맞춤형 워크스페이스 사용
__정리

3 일러스트레이터 워크스페이스
__픽셀 작업용 환경설정
____단위 선택
____컬러 스페이스 최적화
____애플리케이션 프레임
__아트보드 설정
____새 파일 열기
____아트보드 생성
____아트보드 정리
__정리

4 UI 디자인 빌딩블록
__가이드를 오브젝트로 변환
____가이드 생성
____오브젝트를 가이드로 변환
____정렬 툴 사용
__스마트 가이드
____정렬 가이드
____앵커/패스 라벨
____오브젝트 하이라이팅
____측정 라벨
____변형 툴
____콘스트럭션 가이드
__손쉬운 그리드
____그리드 생성
____그리드 선 맞추기
____여러 개의 아트보드에 그리드 적용
__픽셀로 작업
____Pixel Preview 모드
____픽셀 그리드에 맞춰 오브젝트 정렬
____좌표와 기준점
__레이아웃 시작
__UI를 위한 타이포그래피
____화면에서 보기 좋은 디자인
____글자 앉히기
____마지막 헤드라인 추가
__정리

5 그래픽으로 모양내기
__Appearances 패널에 스타일 추가
____Appearance 패널 사용
____Appearance 패널에서 속성 나열
____그래픽 스타일 만들고 편집
__심볼 사용
____심볼 생성
____심볼 활용
__픽셀 그리드에서 벗어나기
____애플리케이션 로고 제작
____계층구조 다듬기
__레이어를 사용한 오브젝트 정리
____Layers 패널
____화면 표시 옵션
____레이어 생성
____다른 레이어로 오브젝트 옮기기
____레이아웃 다듬기
__정리

6 마무리 작업
__고급 Appearances 기능 사용
____Illustrator Effects와 Photoshop Effects
____페이지 헤더에 올드스쿨 스타일 적용
____스타일 첨가
__글자 표현 기법 더 알아보기
____일러스트레이터로 문안 불러오기
____Area Type Options
____이미지 주변으로 텍스트 감싸기
____Find and Replace 사용
__이미지 다루기
____이미지를 불러오기 위한 준비 작업
____이미지 불러오기
__정리

7 똑똑하게 작업하자
__UI 디자인 계획
____사이트맵 생성
____와이어프레임 생성
__디자인 의도 설명
____스토리보드로 상호작용 보여주기
____노트 추가
__스타일 라이브러리
____컬러스킴 제작
____Portable Colors, Symbols, Styles
____템플릿
__일러스트레이터로 작업
____프리젠테이션 모드
____파일 형식 바꾸어 추출
____PDF로 저장
____웹용으로 저장
__정리

출판사 서평

★ 이 책에서 다루는 내용 ★

■ 벡터를 활용한 작업 속도와 유연성 제고
■ UI 디자인에 유용한 툴, 패널, 기법 활용
■ 빠르고 효율적이면서도 창의성을 발휘할 수 있는 작업 공정 설계
■ 사이트맵 구성, 와이어프레임 제작, 최종 목업 디자인
■ 자신의 작업 스타일에 맞춘 일러스트레이터 설정

★ 이 책의 대상 독자 ★

여러분 중에는 노련한 디자이너도, 포토샵의 귀재도, 학교를 갓 졸업한 새내기 디자이너도, 예술적 안목을 키우고 싶어하는 사람도 있을 것이다. 이 책에서는 누구나 매우 빠르고 효율적인 방법으로 ... 더보기

북로그 리뷰 (0) 쓰러가기

도서 구매 후 리뷰를 작성하시면 통합포인트를 드립니다.
결제 90일 이내 작성 시 300원 / 발송 후 5일 이내 작성시 400원 / 이 상품의 첫 리뷰 작성 시 500원
(포인트는 작성 후 다음 날 적립되며, 도서 발송 전 작성 시에는 발송 후 익일에 적립됩니다.
외서/eBook/음반/DVD/GIFT 및 잡지 상품 제외)
안내
  • 해당도서의 리뷰가 없습니다.

Klover 평점/리뷰 (0)

문장수집 (0) 문장수집 쓰기 나의 독서기록 보기
※구매도서의 문장수집을 기록하면 통합포인트 적립 안내

교환/반품/품절안내

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

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

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

이 책의 원서번역서

안내

이 분야의 베스트

더보기+

이 분야의 신간

  • 길벗알앤디
    27,900원
  • 다카라지마사
    9,900원
  • 테런스 J. 세즈노스키
    22,500원
  • 길벗R&D
    32,400원
  • 길벗R&D
    19,800원
더보기+

바로가기

  • 우측 확장형 배너 2
  • 우측 확장형 배너 2

최근 본 상품