[디자인][웹디자인][웹디자인기법][디자인기법][게슈탈트 이론][인터페이스 디자인]디자인의 역사, 디자인과 게슈탈트 이론, 웹디자인의 지침, 웹디자인 기법, 웹화면 구성원리, 웹에서의 인터페이스 디자인 분석

소개글

[디자인][웹디자인][웹디자인기법][디자인기법][게슈탈트 이론][인터페이스 디자인]디자인의 역사, 디자인과 게슈탈트 이론, 웹디자인의 지침, 웹디자인 기법, 웹화면 구성원리, 웹에서의 인터페이스 디자인 분석에 대한 보고서 자료입니다.

목차

Ⅰ. 들어가며

Ⅱ. 디자인의 역사
1. 근대 디자인사
1) 미술공예운동
2) 아르누보
3) 유겐트 스틸
4) 독일공작연맹
5) 모더니즘
6) 큐비즘
7) 구성주의
8) 바우하우스
9) 아르데코
2. 현대 디자인사
1) 다다이즘
2) 초현실주의
3) 추상표현주의
4) 팝 아트
5) 옵 아트

Ⅲ. 디자인과 게슈탈트 이론

Ⅳ. 웹디자인의 일반적 지침

Ⅴ. 웹디자인 기법
1. 정보의 양
1) 생략 기법
2) 친숙한 정보 표현 양식 활용
3) 도표의 활용
2. 정보의 그룹핑
1) 공간상의 그룹핑
2) 외곽선에 의한 그룹핑
3) 색채에 의한 그룹핑
3. 정보의 돋보임
1) 깜박임(Flashing)
2) 애니메이션(Animation)
3) 반전(Reversed Video)
4) 밑줄(Underlining)
5) 색채사용(Color)
4. 위치와 순서
5. 연관성 표현

Ⅵ. 웹 화면 구성원리
1. 적은 접속 횟수로 많은 정보 획득
2. 제시되는 자료의 일관성 유지
3. 사용자의 시간 낭비 엄금
4. 최신의 정보 제공
5. 자료 다운로드 시간 고려
6. 교육용 웹사이트 설계는 하이퍼텍스트 구성원리 반영

Ⅶ. 웹에서의 인터페이스 디자인

Ⅷ. 나가며

참고문헌

본문내용

은 연구가 필요할 뿐만 아니라 통신회선, 브라우저, 플러그인 보급, 사용 시간대 등 제작된 결과물이 이용자에게 도달되는 과정에 대한 가장 최근의 통계자료에도 통달해야 한다. 간단히 줄이면, 인간과 그에게 도달되는 과정에 대한 완벽한 이해가 선행되어야 한다는 것이다.
Ⅷ. 나가며
웹디자인은 다른 매체의 디자인 보다 훨씬 더 유동적이고 개방적이며 디자이너의 창의성이 중요한 디자인분야이다. 증가하는 인터넷 수요와 더불어 웹디자인 분야 역시 급속히 발전을 거듭하고 있기 때문에 웹디자인에 대한 정체성과 모델을 제시하는 것은 쉬운 일이 아니다. 따라서 좋은 웹사이트 디자인 구축과 관련하여 몇가지 제언을 하고자 한다. 전자상거래 업체의 웹사이트 사용 목적은 향후 웹사이트의 기획과 디자인의 전반적 제작방향을 결정짓는 중요한 요소이기 때문에 정확한 개념화 과정을 통한 웹사이트 기획이 수반되어야 한다.
첫째, 로딩(loading) 속도와 디자인 조화가 웹디자인의 기본이 되어야 한다. 이미지가 깨지지 않는 범위 내에서 이미지 용량을 최대한 줄여야 한다. 보통 한번에 로딩(loading)되는 파일의 크기가 50K가 넘으면 컨텐츠나 디자인이 좋아도 좋은 웹사이트라는 평가를 받기 힘들다. 전자상거래 웹사이트에서는 무엇보다 속도가 중요하다. 따라서 속도가 느려 로딩 되기도 전에 네티즌의 손길이 빠져나간다면 전자상거래용 웹사이트 구축은 의미가 감소되어진다. 따라서 레이아웃, 이미지 압축방법, 패턴과 백그라운드의 효율적인 사용 등에 관심을 기울여야 한다.
둘째, 웹의 시각적 요소를 통해 웹사이트마다 디자인의 스타일이나 경향이 달라지는 특성이 표현될 수 있다. 따라서 웹디자이너들은 지속적인 디자인 스타일과 동향을 연구하고 그것을 웹에 적용시키려는 창의적인 노력이 필요하다. 특히, 여행사의 특성상 세계적인 정치·경제·사회적 흐름이 여행수급에 직접적으로 영향을 미치기 때문에 관광객의 관광패턴과 관광수요를 정확히 반영하는 웹사이트의 업그레이드가 수반되어야 하며, 이를 위해 text와 이미지도 시대적 동향을 반영한 웹디자인이 되어야 한다.
셋째, 인터넷에서 사용하고 있는 서체에 대한 모 잡지 설문조사 결과 거의 95%에 가까운 네티즌들이 만족하지 못한다는 대답을 했다. 디자인에서의 타이포그래피의 중요성을 생각한다면 웹에서의 서체 지원과 가독성(legibility)은 인터넷 환경에서 접속속도 다음으로 해결해야할 난제임이 분명하다. 가독성을 위해서 자간 행간 등을 조절할 수 있는 Style Tag를 사용하거나 원하는 서체를 이미지로 만들어 사용하는 노력도 요구된다.
넷째, 네티즌의 컴퓨터 환경을 예측하고 플랫폼의 종류, 브라우저의 버전과 종류 등을 설정하는 일이다. 색상과 이미지의 지원과 관련하여 모니터 해상도를 비롯해 자바나 DHTML, 플래쉬의 사용여부가 결정되어야 한다. 또한 IBM-PC와 매킨토시에서도 서로 다르게 보일 수 있으므로 모든 경우를 동시에 테스트해 보는 것이 바람직할 것이다.
다섯째, 웹디자인을 할 때 HTML 문서 제목은 영문으로 하는 것이 좋으며, 한글 문서 제목을 사용할 경우 웹 상에 올려졌을 때 영문 윈도우를 사용하는 이용자에게 화면에 표현되어지지 않을 수가 있다. 또한 리눅스, 유닉스 계열의 서버는 대·소문자를 구별하기 때문에 문서 제목은 모두 소문자로 통일하는 것이 좋다. 이때 문서 제목이 대·소문자가 섞여 있다면, 대·소문자가 틀렸을 때 링크가 되지 않기 때문에 문서 제목뿐만이 아니라 디렉토리 이름도 모두 영문 소문자로 통일시키는 것이 좋다
여섯째, 전자상거래의 속성을 고려할 때, 웹사이트 방문자가 홈페이지를 검색하면서 최종 의사결정으로 이어지기 위해서는 속도가 중요하게 영향을 미친다. 따라서 효과적인 웹디자인을 통해 로딩속도를 제고시키는 방법으로 디자인되어야 한다. 그러나 최근 전자상거래 관련 웹사이트의 거래 시 구매상품의 온라인 상에서 실물확인이 구매과정에 중요한 변수로 자리잡게 됨에 따라 이미지의 중요성이 부각되지만, 이는 로딩속도에 결정적으로 영향을 미치게 된다. 따라서 이미지를 사용하면서 로딩 속도를 제고시키기 위해 웹디자인시 이미지의 질을 손상시키지 않는 범위에서 jpg 보다는 gif를 사용하는 것이 좋다. 또한 HTML 태그와 관련하여 이미지와 아이콘의 WIDTH와 HEIGHT를 입력하여 로딩 속도를 향상시킬 수 있다. 특히, 웹 서버는 동시에 4개의 이미지를 읽기 때문에 페이지에 커다란 이미지가 하나 있을 경우에는 4개로 분할하면 로딩 속도가 빨라진다. 해상도가 중요한 경우가 아니라면 이미지를 작게 만든 후에 웹상에서 이미지 크기를 지정하여 확대시키는 방법도 있다. 인터넷은 능동적 매체로써 사용자가 적극적으로 커뮤니케이션 할 의사를 가지고 있을 때 효과를 기대할 수 있는 것이기 때문에 여행사는 웹사이트를 통해 상품의 정보를 제공하고 상품을 판매하는 기능을 수행하기 위해서 무엇보다도 인터넷 웹사이트를 고객을 유인할 수 있도록 구축함이 중요한 과제라 하겠다. 홈페이지는 웹사이트의 첫 화면에 해당하는 것으로서 홈페이지가 고객을 유인할 수 없거나 흥미와 관심을 줄 수 없어 방문자가 웹사이트에서 제공하는 정보를 검색하고자 하는 행동에 지장을 초래하면 안될 것이다. 그리고 직접 사람에게 구매를 하는 것이 아니기 때문에 웹사이트로 하여금 고객에게 신뢰감을 줄 수 있도록 홈페이지의 제작, 운영, 관리에 힘써야 하기 때문에 웹디자인 요소의 중요성은 더욱 증대되어질 것이다.
참고문헌
- 오픈타이드(2001), eBusiness Integrator의 현황과 전략과제
- 전은용(1999), 성공적인 웹 UI 설계. 한국HCI연구회
- 코리즌 주식회사(2001). 성공적인 웹디자인
- 클레멘트 목(1999), 디지털 시대의 정보디자인, 안그라픽스
- 홍일유, 정부현(2000). 인터넷 웹 사이트의 포괄적 평가모형에 관한 연구, 경영과학회
- Alison J. Head(2000), 박광식 외 역, 웹 시대의 인터페이스 디자인, 길벗
- Louis Rosenfeld, Peter Morville(1999), 김화수 외 역, 웹사이트 구축을 위한 인포메이션 아키텍처 한빛 미디어

키워드

디자인,   웹디자인,   웹,   웹사이트,   웹디자인기법