웹 사이트 분석과 설계 [디자인 리서치] 2009. 5. 7 학번: 20084076 이름 : 홍지애.

Presentation on theme: "웹 사이트 분석과 설계 [디자인 리서치] 2009. 5. 7 학번: 20084076 이름 : 홍지애."— Presentation transcript:

1 웹 사이트 분석과 설계 [디자인 리서치] 학번: 이름 : 홍지애

2 목 차 1.화면 설계의 개념 2. 화면 설계를 할 때 갖추어야 할 요건 3.화면 설계에 적용되는 디자인 원리

3 1. 화면 설계의 개념 -화면 설계의 개념 사용자가 어떻게 생각하고 어떤 물체를 어떻게 작동시킬 것인지와 같은 심리적인 측면과
사용자의 인지적 측면, 감성적 측면을 모두 활용하여 사용자가 체험 할 전부를 디자인하는 것.

4 2. 화면 설계를 할 때 갖추어야 할 요건 1. 브라우저에서 안전한 색상을 사용해야 하며 페이지의 용량도 고려하여 디자인
해야 한다. 2. 사용자에 대한 인지적 효과를 고려해야 한다. 3. 웹 문서에서 표현하고자 하는 내용이 디자인에 의해서도 나타나야 한다. 4. 사용자에 대한 감성적 효과를 고려하여 디자인해야 한다.

5 3. 화면 설계에 적용되는 디자인 원리 조직성(systemicty) 경제성(economy) 일관성(consistency)
예측성(predictability) 안정성(stability) 흥미성(attraction) 심미성(aesthetic)

6 3. 화면 설계에 적용되는 디자인 원리 ->조직성을 이용한 디자인 기법 조직성(systemicty)
사용자에게 정보를 전달하고자 할 때 명백하고 일관성있는 개념적 구조를 제공하도록 하는것 ->조직성을 이용한 디자인 기법 그리드 시스템(grid system) 그룹핑(grouping) -공간에 의한 그룹핑 -외곽선에 의한 그룹핑 -색체에 의한 그룹핑

7 3. 화면 설계에 적용되는 디자인 원리 사례 11-1 : 조인스닷컴 (http://www.joins.com/)
-그리드 시스템을 사용한 조직적인 레이아웃 사례 사례 11-1 : 조인스닷컴 (

8 3. 화면 설계에 적용되는 디자인 원리 -사례 11-3 : 공간에 의한 그룹핑
-사례 11-3 : 공간에 의한 그룹핑 공간에 의한 그룹핑이란 웹 페이지에서 관련된 정보끼리 근접하게 그룹으로 만들고 그룹과 그룹간의 간격을 두는 방법. 스타벅스가 대표적인 사례다.

9 3. 화면 설계에 적용되는 디자인 원리 -사례 11-4 : 외곽선에 의한 그룹핑
외곽선에 의한 그룹핑 방법으로 모여있는 정보주변에 외곽선을 그려, 같은 내용끼리 한 덩어리로 보이도록 하는 방법이다. -G마켓( 각기 다른 정보에 따라 외곽선을 그려 박스로 구분해 놓았다.