1장 레이아웃을 파헤쳐 보자
디자인 과정
좋은 디자인의 정의
웹 페이지 분석
그리드 이론
균형
통일성
강조
일반적인 레이아웃
참고 사이트
새로운 경향
크기 조절-고정형 너비 vs 유동형 너비
화면 해상도
응용 예제-플로리다 컨트리 타일
2장 마음을 움직이는 색상 설계하기
색채 심리학
색 온도
색 명도
색 이론 101
Red, Yellow, and Blue or CMYK?
여러 색상 설계법
팔레트 만들기
응용 예제-타일 사이트의 색
3장 그래픽을 풍부하게 하는 텍스처
점
선
도형
부피와 깊이
패턴
텍스처 만들기
응용 예제-풀칠하고 붙이기
4장 타이포그래피로 콘셉트를 살리자
웹에 글자 나타내기
활자 구조 분석하기
자간
본문 정렬하기
활자체 구분하기
폰트 찾기
올바른 폰트 선택하기
응용 예제-타일 사이트에 타이포그래피 입히기
5장 웹사이트에 어울리는 이미지 찾기
무엇을 찾아야 하는가
합법적으로 이미지를 얻는 방법
좋지 않은 인상을 주는 행동
창조적으로 자르기
포토샵으로 조정하기
파일형식과 해상도
테두리와 경계선 처리하기
응용 예제-플로리다 컨트리 타일 마무리하기
영감을 떠올리십시오! 그리고 무조건 따라하지 마십시오
디자인 과정
좋은 디자인의 정의
웹 페이지 분석
그리드 이론
균형
통일성
강조
일반적인 레이아웃
참고 사이트
새로운 경향
크기 조절-고정형 너비 vs 유동형 너비
화면 해상도
응용 예제-플로리다 컨트리 타일
2장 마음을 움직이는 색상 설계하기
색채 심리학
색 온도
색 명도
색 이론 101
Red, Yellow, and Blue or CMYK?
여러 색상 설계법
팔레트 만들기
응용 예제-타일 사이트의 색
3장 그래픽을 풍부하게 하는 텍스처
점
선
도형
부피와 깊이
패턴
텍스처 만들기
응용 예제-풀칠하고 붙이기
4장 타이포그래피로 콘셉트를 살리자
웹에 글자 나타내기
활자 구조 분석하기
자간
본문 정렬하기
활자체 구분하기
폰트 찾기
올바른 폰트 선택하기
응용 예제-타일 사이트에 타이포그래피 입히기
5장 웹사이트에 어울리는 이미지 찾기
무엇을 찾아야 하는가
합법적으로 이미지를 얻는 방법
좋지 않은 인상을 주는 행동
창조적으로 자르기
포토샵으로 조정하기
파일형식과 해상도
테두리와 경계선 처리하기
응용 예제-플로리다 컨트리 타일 마무리하기
영감을 떠올리십시오! 그리고 무조건 따라하지 마십시오