디자인 전략 기본에 충실하게… 2. 다양한 경험이 디자인 요소로 창출되도록… 3. 다양한 분야를 활용

Presentation on theme: "디자인 전략 기본에 충실하게… 2. 다양한 경험이 디자인 요소로 창출되도록… 3. 다양한 분야를 활용"— Presentation transcript:

1 디자인 전략 기본에 충실하게… 2. 다양한 경험이 디자인 요소로 창출되도록… 3. 다양한 분야를 활용
오프라인의 편집 디자인이 웹디자인의 기초 다른 영역의 디자인 미술 분야 등 오프라인 디자인의 온라인 디자인화

2 다자인 컨셉 정보를 어떻게 보여줄 것인가? 1.콘텐츠의 유형 또는 서비스 유형 2. 내용의 규모 3. 주요주제와 미시지(테마) 4. 사용대상(시각언어) 5. 정보의 구조와 단위

3 다자인 컨셉의 정의 클라이언트 또는 제작자간에 디자인 컨셉을 공유하여 커뮤니케이션 하고자 함 Keyword 디자인으로 표현하고 싶은 느낌을 단어와 사물을 나열해 보고 그 단어들과 사물에서 느낄 수 있는 이미지를 컨셉으로 정의 이미지가 전달해주는 감성적인 부분을 단어로 표현하여 컨셉에 더 정확하게 다가가고자 함 키워드는 형용사나 감성을 표현하는 단어들이 주로 사용됨 예)도시적 – 전형적, 단순- 다채로움, 시원 - 따뜻

4 디자인 요소들의 방향을 맵에 그려 전체적인 이미지를 추출하는 방법으로 활용
Image Map 디자인 요소들의 방향을 맵에 그려 전체적인 이미지를 추출하는 방법으로 활용 유사경쟁 사이트의 이미지를 비교해보거나 차별화 방안을 모색하기 위해 활용 Soft Static Dynamic 전형적인 안정된 신선한 미래지향적인 역동적인 정돈된 신뢰감을 주는 도전적인 Hard 이미지맵을 활용한 컨셉 도출

5 크리에이티브 질의서 프로젝트를 시작하기 전에 프로젝트의 목표를 명확하게 설정하여 작업을 계속 진행해 가는 동안에도 일관되고 지속적인 컨셉을 유지하기 위해 디자이너에게 지침이 되는 필수 문서 보통 메인시안 작업전에 클라이언트에게 보내지는 문서 내용 1.프로젝트의 목표 정의 2.디자인 목표, 주안점 3.디자인 세부방향 4.목표타겟 5.벤치마킹 사이트, 참고사항 해당항목을 클라이언트에게 받은 후 내용을 정리해가며 컨셉을 정의하여 표현하고 싶은 느낌의 단어와 사물들을 나열해 봄

6 디자인 컨셉을 정의할 때 점검사항 1.레이아웃, 색상, 표현기법 등이 웹사이트의 내용과 사용자의 특성에 적합한가 2.디자인의 독창성이 있는가 3.문자정보를 표현하기 위한 결정은 타당한가 4.전체적으로 조화로운가 5.구현상의 문제점은 없는가 6.브렌드 아이덴티티가 있는가

7 키워드를 이용한 컨셉도출 실습 사례) 핸드폰 프로모션 사이트 제작을 위한 컨셉 도출 컨셉 정의 절차 1.표현하고 싶은 핸드폰의 느낌과 단어를 나열해 본다 예) 고급스러움, 신비로운, 어두운 … 2.유사 사이트들의 디자인을 캡처받아 비슷한 느낌의 그룹으로 분류해 본다. 3.각각의 그룹들이 풍기는 분위기와 사용된 표현방법에 대해서 분석해 본다. 4.표현하고자 했던 분위기와 가장 가깝다고 생각되는 하나의 그룹을 선택하여 컨셉을 정리해 본다. 컨셉 정리 사례 모던하면서 고급스러운 느낌을 살리기 위하여 메인 컬러를 검은색으로 함 제품의 이미지를 돋보이게 하기 위해 이미지 영역을 넓히고, 그외의 영역을 축소함 빛의 효과를 이용하여 신비로운 이미지를 부각시켜 제품의 느낌을 살림…

8 이미지맵을 이용한 컨셉도출 실습 사례) 핸드폰 프로모션 사이트 제작을 위한 컨셉 도출 컨셉 정의 절차 1.유사경쟁 사이트들과 이미지를 비교하기 위해 환경분석을 한다 디자인 요소(Layout, Color Tone, Visual)등의 방향을 맵에 그려 이미지를 추출해 본다. 예) free – unit, simple – general, mono – color, 고대비 – 저대비, Dynamic – Static, photo - other 2.유사 경쟁 사이트들의 이미지 방향을 비교해 가며 정의할 디자인 결과물의 방향을 이미지맵에 표시해 본다. 3.차별화 방안을 생각해 보며 디자인 결과물의 이미지 방향을 컨셉으로 정리해 본다. 컨셉 정리 1.Layout : 심플한 레이아웃으로 제품 이미지를 부각시킨다. 2.Color Tone : 투톤 또는 제한적인 컬러를 사용하여 모던한 느낌을 준다 3.Visual : 블랙 계열을 사용하여 고급스러운을 살린다.

9 Layout Color Tone Visual 이미지맵을 활용한 컨셉 도출 Simple Soft Free Unit Static
Dynamic 고대비 General Hard Mono Color 저대비 이미지맵을 활용한 컨셉 도출

10 디자인 스타일 분석 Look & Feel Layout 3. Color Tone 4. Visual