교육공학과 시각자료 재구성

소개글

홈페이지를 이용하여 시각자료를 재구성한 자료입니다.

목차

시각 디자인 평가표 (예시)
사이트 1 : 대구에듀넷 中 학생채널
사이트 2 : 대구교육인터넷 방송
< 분석 결과 >

본문내용

❶ 매력성 : 사이트 1에서 매력성이 두드러지게 나타났다. 특히, 경이감과 상호작용에서 매력성이 두드러졌는데 그 이유는 바로, ‘원’그림의 활용에 있을 것이다. 그러므로 각각의 구성요소에 맞게 원 그림을 배치하여 놓았고 그 아래에는 부연 설명으로써 화살표 (방향 제시물)를 이용하여서 시각적 효과를 배가 하였다.
❷ 언어적 요소 : 글자체에서는 사이트 2에서, 글자 크기와 여백 주기의 효과는 사이트 1에서 두드러졌다. 여기에서는 최대한 여백, 줄 간거리를 규격에 맞게(글자 높이의 1.5배)바꾸었다.(오른쪽 상단에서 자세히 보면 사이트 2에 비하여 줄 간거리가 늘어났음을 알 수 있다.) 이는 가독성을 증가시키기 위해서이다.
그리고 글자체는 혼란을 피하기 위하여 되도록이면 한 종류 정도의 글자체를 이용하되 강조하는 부분에서는 파랑색과 상반되는 주황색 글자를 넣었다. 또 진하기와 크기도 수정하였다.
❸ 배열 : 근접성을 위하여 메인 그림에 ‘원’으로써 사이트를 이용하게끔 하였다. 원본 사이트 2에서는 클릭을 하면 접근이 어려웠다. 왜냐하면 새 창에서 내용이 떴기 때문이다. 이는 한 눈에 내용을 보지 못하게 막는 작용을 할 수 있다. 그러므로 사이트 1의 장점을 따와서 메인 메뉴 안에서 내용이 뜰 수 있도록 하였다.
글자체나 여러 부분에서 일관성을 유지하기 위하여 노력하였고 특히, 방향 제시물을 이용함으로써 시각효과를 더 두드러지게 주고자 하였다.
❹ 전반적 패턴 : 전반적 패턴은 사이트 1과 사이트 2와 비슷하다. 다만, 사이트 2에서 학생 중심의 내용이 부족하였다면, 수정본에서는 구구절절한 내용 제시보다는 간단하게 시각적인 것을 제시함으로써 시각원리 뿐 만 아니라 학생용으로써 더 쉽게 접근할 수 있도록 재구성하였다.
그렇다고 하여 내용 부분을 배제한 것은 아니다. 다만 그림이라는 시각적인 비중을 늘였다는 것이다. 전반적으로 색채 같은 부분은 그대로 두었는데, 그 이유는 사이트 1과 사이트 2에서 색채부분은 효과적으로 표현하였기 때문이다.

참고 자료

없음