웸 콘텐츠에는 뉴스, 광고, 웹북, 웹툰등 다양한 유형의 콘텐츠 들이 있고 이러한 다양한 콘텐츠들을 사용자 측면에서 편리하고 쉽게 접근할 수 있도록 디자인해야 하는 것이 UI 디자인의 기본 목표이다. 인디자인은 오랫동안 오프라인 콘텐츠를 만들어내기 위해 사용되는 소프트웨어로 알려져왔다. 그러나 현재는 웹 사이트 제작에서부터 웹 뉴스 레터, 그리고 디지털 잡지, iPad 앱, eBook 및 인터랙티브한 온라인 문서까지 다양한 웹 콘텐츠를 제작할 수 있는 모든 기능을 지원하고 있다. 포토샵이나 기타 그래픽 소프트웨어를 다룰 줄 모르는 사람도 쉽게 학습할 수 있도록 예제위주로 책을 구성하였다. 누구나 예제를 따라하다 보면 인디자인의 다양한 기능을 배울 수 있으며 배운 기능들을 이용하여 다양한 웹 콘텐츠를 디자인 할 수 있을 것으로 생각한다.

제1강 편지지 만들면서 기초 익히기 [기본단계] 심플한 편지지 만들기 01 디자인 시작하기 02 문서 만들기 03 문서 단위 변경하기 04 문서에 대한 기본 옵션 설정하기 05 작업 환경 이해하기 06 가이드 선 만들기 07 이미지 삽입하기 08 배치한 프레임 안에 이미지를 불러오기 09 이미지를 프레임안에 맞추기 10 선을 그리기 위해 세로 가이드 선 만들기 11 선 긋기 12 선의 속성 설정하기 13 선 복사하기 14 또 다른 방법으로 이미지 배치하기 15 배치된 이미지 속성 설정하기 16 미리보기 17 프린트하기 18 저장하기 [Level up 단계] 작은 편지지 만들기 01 새 문서 만들기 02 가운데에 세로 가이드 라인 만들기 03 사각형 프레임 만들기 04 사각형 프레임의 모양 변경하기 05 배경 이미지 불러오기 06 이미지의 투명도 설정하기 07 새로운 형태의 선 유형 설정하기 08 선 그리고 복사하기 09 화면 확대해서 보기 10 이미지 여러 개를 한 번에 배치하기 11 개체 그룹화하기 12 텍스트 입력하기 13 글자 꾸미기 14 선 추가하기 15 편지지 복사하기 16 프린트하기 제2강 엽서를 만들면서 기초 다지기 [기본단계] 단면 엽서 만들기 01 새 문서 만들기 02 가운데 위치에 가로 가이드 선 만들기 061 03 텍스트 위치 정확하게 설정하기 04 텍스트 자간 변경하기 05 가운데에 세로 가이드 선 만들기 06 사각형 프레임 안에 텍스트 넣기 07 텍스트 프레임 안의 텍스트 정렬하기 08 사각형 그리기 도구 사용하기 09 텍스트 윤곽선 만들어서 글자 꾸미기 10 윤곽선을 만든 텍스트 이동하기 11 텍스트 추가하기 12 텍스트 프레임의 외곽선 지정하기 13 텍스트 프레임 형태 변경하기 14 전체 복사하기 [Level up 단계] 양면 엽서 만들기 01 새문서 만들기 02 배경 이미지 배치하기 03 프레임 배치없이 로고 이미지 가져오기 04 텍스트에 밑줄 효과 주기 05 텍스트 프레임을 드래그로 복사하기 06 별색 만들어서 글자에 적용하기 07 도형 회전하기 08 외부 텍스트 파일 불러오기 09 텍스트 프레임의 안쪽 여백 지정하기 10 이미지를 여러 개 동시에 가져오기 11 특수키와 드래그만으로 개체 복사하기 12 PDF로 저장하기 제3강 네임 카드와 이력서 만들면서 기본 활용하기 [기본단계] 단면 네임 카드 만들기 01 글리프 사용해서 로고 만들기 02 네임 카드를 위한 새문서 만들기 03 로고 배치하고 텍스트 입력하기 04 패스 선에 따라 문자 입력하기 05 재단선만 표시되는 PDF 문서로 저장하기 [Level up 단계] 인포그래픽 디자인의 이력서 만들기 01 새 문서 만들기 02 균등한 간격으로 여러 개의 가이드선 만들기 03 사각형 모서리 형태 변경하기 04 Rectangle Frame 도구를 이용하여 영역 배치하기 05 한자 입력하기 06 텍스트를 다른 개체 형태에 둘러싸게 만들기 07 다각형을 이용해 별 만들기 08 텍스트 프레임으로 영역 만들기 09 문자 스타일 지정하기 10 단락 스타일 정의하기 11 단락 스타일 복사해서 수정하기 12 격자(Grid)를 이용해서 텍스트를 줄 라인에 맞추기 제4강 홍보용 문서 만들면서 다단 문서 배우기 [기본단계] 메뉴판 만들기 01 새 문서 만들기 02 텍스트 프레임의 단 나누기 03 텍스트 프레임 안에 외부 파일 내용 불러오기 04 단락스타일 정의하기 05 레이어 만들기 06 개체 스타일 만들기 07 패스파인더 이용하기 08 패스 따라서 텍스트입력하기 [Level up 단계] 양면 3단 브로셔 만들기 01 새 문서 만들기 02 다수의 이미지를 한 번에 가져오기 03 텍스트 파일에서 복사하기 04 이미지에서 색상 추출하기 05 스레드 텍스트 프레임 만들기 06 글머리 기호를 단락스타일로 지정하기 07 하이퍼링크 만들기 08 페이지 이동버튼 만들기 09 인터랙티브한 PDF파일로 내보내기 제5강 책을 만들면서 페이지 제어 기능 배우기 [기본단계] 포토앨범 만들기 01 새문서 만들기 02 마스터페이지에 페이지 번호 입력하기 03 마스터 페이지에서 배경 만들기 04 마스터 페이지에서 개체 자리잡기 05 각 페이지에서 디자인하기 06 일반 페이지에서 마스터 페이지의 개체를 변경하기 07 마스터 페이지 적용하지 않기 08 일반 페이지를 마스터 페이지로 저장하기 09 마스터 페이지 변경하기 10 마스터 페이지 이름 변경하기 11 페이지 추가/삭제/복사하기 12 겉표지 만들기 13 페이지 크기 변경하기 [Level up 단계] 중철 제본용 소책자 만들기 01 새 문서 만들기 02 글자에 배경 이미지 보여주기 03 단락 시작표시문자 사용하기 04 펜 도구로 꺽은 선 만들기 05 문자 회전하기 06 자간 간격 조정하기 07 패스에 입력된 문자에 효과 적용하기 08 패스파인더를 이용한 로고 만들기 09 글자에 그림자 효과 주기 10 페이지 번호 형태 변경하기 11 마스터 페이지 삭제하기 12 중철 제본으로 인쇄하기 제6강 달력을 만들면서 표 기능 배우기 [기본단계] 알파벳 단어장 만들기 01 새문서 만들기 02 표 만들기 03 셀 안에 글자와 이미지 입력하기 04 셀 합치기 05 속성 설정하기 06 셀 윤곽선 설정하기 07 셀 복사하기 08 머리글 행 추가하기 09 행 추가하기 10 행/열 삭제하기 11 셀을 나누기 12 셀의 배경색 설정하기 제6강[Level up 단계] 달력 만들기 01 새 문서 만들기 02 마스터페이지에서 달력 칸 만들기 03 행의 높이를 일률적으로 변경하기 04 셀의 속성 변경하기 05 일반 페이지에서 작업하기 06 각 페이지에서 마스터 페이지의 항목 변경하기