2004. 8. 4. 16:30
기술문서창고
(전략).. 이를 위해서 필자는 디자이너들이 자신만의 '아이디어 박스'를 만들 것을 제안하고 싶다. 그리고 그 안에 각기 다른 6가지 디자인 점검 기준을 세워서, 매사에 모든 디자인 사례들을 체계적으로 기억하고, 꼼꼼히 검토하기 바란다. 이 아이디어 박스는 디자이너가 눈으로 보고, 느낀 것들을 체계화시키는 훌륭한 저장소가 될 것이다.
디자인의 6가지 기준
가능한 다양한 방법들을 새롭기 시도하라!
스스로 흡족하게 만족하기 전까지는 자신만의 고유한 스타일을 정의하지 말기 바란다. 가능한 다양한 방법들을 새롭기 시도하면서 다양한 디자인 감각과 표현력을 습득한다면, 자신만의 고유한 스타일은 다양한 감성과 감각으로 충전되어 당신의 디자인 실력을 향상시켜 줄 것이다.
Layout과 Visual Effect 스타일의 중요성
디자인의 6가지 기준(표현전략, 주제, 요소, 구도, 기법, 이미지)이 종합적으로 고려되고 융화될 때 디자인 컨셉이 웹스타일로 표현되며,웹아이덴티티가 정의된다.
이 과정 중 최종 웹스타일을 정의하는 표현이미지(Look & Feel)는
표현구도(Layout)와 표현기법(Visual Effect)에 의해 크게 좌우된다.
[Layout과 Visual Effect의 세부 요소]
레이아웃 구조는 정보 설계로 정리된 컨텐츠 구조와 내비게이션 구조를 기준으로 단순성과 복합성을 고려해야 한다. 웹사이트 성격과 기능에 어울리는 형태 컨셉을 별도로 수립해 나가면서 레이아웃 구조로 정의된 사용성에 차별성, 독창성을 첨가할 수 있다.
[예:Layout과 Visual Effect의 세부적인 요소들의 조합]
Visual Effect에 의한 디자인 컨셉 개발은 표현 전략과 주제를 가장 직관적으로 전달할 수 있는 표현 기법을 정의하는 것이다. 즉, 웹 사이트의 성격이나 기능을 어떤 Look & Feel로 전달할 것인가를 정의하는 것이다. [재미있다, 흥미롭다, 따뜻하다, 차갑다, 고급스럽다, 세련되었다, 역동적이다, 정적이다] 등 사용자들이 직관적으로 느끼는 감정과 인상은 표현 기법에 의한 Look & Feel에 대한 반응이다. 따라서, Visual Effect와 Look & Feel의 완전한 분리는 있을 수 없다. 두 가지 기준을 동시에 고려하면서 각각의 정의가 이루어져야 한다. 이것은 Visual Effect의 세부적인 점검 요소들 간에도 같은 논리로 적용된다. 즉, 그래픽 디자인 방법을 결정하고, 색상 계호기을 수립하고, 동적효과를 계획하고, 메타포 활용 여부를 동시에 결정해야 한다.
Layout과 Visual Effect의 세부 항목들의 기준은 창의성(Creativity)과 사용성(Usability)을 동시에 점검하면서 구체적인 레이아웃 구조, 형태, 기법들을 결정하여 최종적인 웹스타일을 정의하는 실용적인 디자인 컨셉 가이드이다.
디자인의 6가지 기준
가능한 다양한 방법들을 새롭기 시도하라!
스스로 흡족하게 만족하기 전까지는 자신만의 고유한 스타일을 정의하지 말기 바란다. 가능한 다양한 방법들을 새롭기 시도하면서 다양한 디자인 감각과 표현력을 습득한다면, 자신만의 고유한 스타일은 다양한 감성과 감각으로 충전되어 당신의 디자인 실력을 향상시켜 줄 것이다.
Layout과 Visual Effect 스타일의 중요성
디자인의 6가지 기준(표현전략, 주제, 요소, 구도, 기법, 이미지)이 종합적으로 고려되고 융화될 때 디자인 컨셉이 웹스타일로 표현되며,웹아이덴티티가 정의된다.
표현전략 -> 표현주제 -> 표현요소 -> [ 표현구도 + 표현기법 ] -> 표현이미지
Strategy -> Theme -> Elements -> [ Layout + Visual Effect ] -> Look & Feel
Strategy -> Theme -> Elements -> [ Layout + Visual Effect ] -> Look & Feel
이 과정 중 최종 웹스타일을 정의하는 표현이미지(Look & Feel)는
표현구도(Layout)와 표현기법(Visual Effect)에 의해 크게 좌우된다.
[Layout과 Visual Effect의 세부 요소]
레이아웃 구조는 정보 설계로 정리된 컨텐츠 구조와 내비게이션 구조를 기준으로 단순성과 복합성을 고려해야 한다. 웹사이트 성격과 기능에 어울리는 형태 컨셉을 별도로 수립해 나가면서 레이아웃 구조로 정의된 사용성에 차별성, 독창성을 첨가할 수 있다.
[예:Layout과 Visual Effect의 세부적인 요소들의 조합]
표현구도(Layout)
구조(Structure) - 복합구조:상단 + 화면분할
형태(Shape) - 특색 있는 형태
배열(Arrangement) - 균형, 강조
표현기법(Visual Effect)
그래픽(Graphic) - 평면그래픽:일러스트레이션
메타포(Metaphor) - 활용안함
동적효과(Dynamic) - 인터렉티브 메뉴:스토리텔링
색상(Color) - 색상 게획:서비스별 색상
구조(Structure) - 복합구조:상단 + 화면분할
형태(Shape) - 특색 있는 형태
배열(Arrangement) - 균형, 강조
표현기법(Visual Effect)
그래픽(Graphic) - 평면그래픽:일러스트레이션
메타포(Metaphor) - 활용안함
동적효과(Dynamic) - 인터렉티브 메뉴:스토리텔링
색상(Color) - 색상 게획:서비스별 색상
Visual Effect에 의한 디자인 컨셉 개발은 표현 전략과 주제를 가장 직관적으로 전달할 수 있는 표현 기법을 정의하는 것이다. 즉, 웹 사이트의 성격이나 기능을 어떤 Look & Feel로 전달할 것인가를 정의하는 것이다. [재미있다, 흥미롭다, 따뜻하다, 차갑다, 고급스럽다, 세련되었다, 역동적이다, 정적이다] 등 사용자들이 직관적으로 느끼는 감정과 인상은 표현 기법에 의한 Look & Feel에 대한 반응이다. 따라서, Visual Effect와 Look & Feel의 완전한 분리는 있을 수 없다. 두 가지 기준을 동시에 고려하면서 각각의 정의가 이루어져야 한다. 이것은 Visual Effect의 세부적인 점검 요소들 간에도 같은 논리로 적용된다. 즉, 그래픽 디자인 방법을 결정하고, 색상 계호기을 수립하고, 동적효과를 계획하고, 메타포 활용 여부를 동시에 결정해야 한다.
Layout과 Visual Effect의 세부 항목들의 기준은 창의성(Creativity)과 사용성(Usability)을 동시에 점검하면서 구체적인 레이아웃 구조, 형태, 기법들을 결정하여 최종적인 웹스타일을 정의하는 실용적인 디자인 컨셉 가이드이다.