- 좋은 웹디자인
훌륭한 디자인은 각 요소들이 균형을 유지해야 한다
유행은 수시로 변한다. 하지만 좋은 디자인은 영원하다.
http://www.archive.org/web/web.php
정보전달에 초점, 시대의 흐름에 뒤쳐지지 않는 디자인, 방문자들을 머무르게 할 수 있는 컨텐츠
- 사이트 만들기 시작하기
찾기(Discovery) -> 실마리 찾기. 사이트에서 무엇을 하고 싶어하는지를 찾아내는 일이다.
무엇을 하는 회사인가?
회사의 로고나 브랜드 혹은 대표적인 이미지
웹사이트를 만들어서 얻고자 하는 목적과 필요
웹사이트에 어떤 정보를 제공하기를 원하는가?
주요 고객층의 정보
경쟁 대상은 누구이며, 그들의 웹사이트는?
실행하기(Implementation) -> 찾아낸 정보를 디자인에 응용하기
이용할 기술을 생각하지 말라
디자인보다는 사이트에의 핵심이 무엇인지만을 생각해야 한다.
최종 사이트가 어떻게 보여야 하는 가만 생각하라
- 좋은 디자인이란?
"디자인은 소통(Communicaition)이다."
필요한 정보가 잘 전달되면서 보기좋아야 한다
브랜드의 이미지에 잘 맞아야 한다
사용이 편리해야 한다
- 좋은 웹사이트는?
보기좋고, 효과적으로 컨텐츠를 파악할 수 있어야 한다.
원하는 정보찾기가 편해야 한다
다른 페이지로 가는 링크, 입력양식들을 찾는 데 시간이 걸려서는 안된다.
직관적인 네비게이션을 통해 쉽게 이동되어야 한다.
메인 네비게이션영역
현재 사용하고 있는 페이지의 위치확인 용이
다른 페이지로 이동 방법이 확실히 보여야 한다
디자인의 통일성
메인과 서브페이지간의 통일성 통일성이 먼저, 그 다음에 변화
로고의 위치
네비게이션과 footer의 위치
한정된 컬러 사용
- 일단적인 레이아웃
:좌측단 메뉴배치
가장 진부한 레이아웃이다.
특징은 없지만 어떤 프로젝트에 적용해도 무난하다.
:우측단 메뉴배치
시선 처리가 왼쪽에서 오른쪽으로 흐르기 때문에 페이지의 내용이 눈에 띈다.
:3단 레이아웃
여백을 잘 살리지 못하면 레이아웃이 산만해 지기도 한다.
:기타
푸터에 기종의 메인페이지나 링크와 저작권이 표시되는 것에서 발전하여 추가 메뉴, 일반 사이트 링크, 블로그등의 링크를 첨가되는 것을 볼 수 있다.
:컨텐츠가 먼저 보이는 3단 레이아웃
메인 페이지에 많이 사용되고 있다.
그 밖에 생각해야 하는 점
크기조절 1. 고정형 또는 유동형 2. 화면 해상도
- 작업진행하기
:내용정리하기
사이트를 기준으로 내용 나누기
1.main화면
2.회사소개
3.사업영역
4.필요 컨텐츠 파트
5.
:그리드하기
:아이디어 스케치 하기
:선택된 아이디어 스케치 컴퓨터 프로그램을 이용하여 정리하기
- 색채이용하기
색상 설계법
단색(Monochromatic)
유사색(analoogous)
보색(complementary)
분할보색
3색
4색(이중보색)
http://colorschemedesigner.com/#
http://www.snook.ca/technical/colour_contrast/colour.html
사이트에 색 입히기
기본색과 주변색 찾기
색 파레트 구성, RGB값
컬러 적용 해보기
- 텍스쳐 효과 넣기
점
선
도형
부피와 깊이
입체감 ;원근감, 비례, 빛과 그림자
패턴
old & new
- 웹에서의 타이포 그래픽
적절한 서체의 선택
활자가 모인 문단이나 활자를 둘러싼 주변공간들을 어떻게 구성할 지의 문제
역동적인 느낌을 살릴 제목을 만드는 방법
노멀한 폰트-텍스트, 색다른 폰트-그래픽
- 이미지
이미지 선택하기
연관성
재미 흥미가 있어야 한다
매력적이어야 한다