소장자료검색

책소개

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

목차

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로 저장
____웹용으로 저장
__정리