웹 포트폴리오 은 웹 디자인의 주요 요소를 그래픽(Graphic), 레이아웃(Layout), 컬러(Color), 인터페이스(Interface), 타이포그래피(Typography), 메타포(Metaphor), 스타일(Style)로 나누어 각각에 관하여 기본적으로 알아야 할 것들고 참고할 만한 웹 사이트를 살펴봄으로써 실제 웹 디자인에 앞서 양질의 밑거름이 될 수 있도록 꾸몄습니다.
Part 1 웹 그래픽(Web Graphic)
- 웹 그래픽 디자인의 여러 가지 특징들을 살펴보고 웹 그래픽 작업 시 고려해야 할 사항들, 웹 그래픽을 통해 웹 사이트에서 보여지게 되는 요소들-포토그래피(Photograhpy), 일러스트레이션(Illustration), 로고(Logo), 아이콘(Icon), 메뉴 & 메뉴바(Menu & Menubar), 배너(Banner), 타이틀 이미지(Title Image), 배경 이미지(Background Image)등-다양한 웹 사이트들을 보며 분석해봅니다.
Part 2 웹 레이아웃(Web Layout)
- 웹 디자인에서 각 웹 페이지의 전체적인 레이아웃을 잡는 데는 주로 테이블이나 레이어, 프레임 등을 이용하며, 특히 여러 가지 테이블을 이용해서 요소들을 조합하고 배치하는 경우가 많습니다. 제한된 화면을 적절히 분할하고 새로운 공간으로 만들어내는 레이아웃 작업을 잘해야 보기좋은 웹 디자인 결과물을 만들어낼 수 있습니다.
Part 3 웹 컬러(Web Color)
- 웹 사이트에서의 컬러는 웹 디자인에서 가장 중요한 요소라고 해도 과언이 아닐 것입니다. 어떻게 배색했는지에 따라 웹 페이지가 주는 느낌과 분위기가 크게 변하기 때문입니다. 웹 디자인에서 색상을 자유자재로 사용하기 위해 색상에 대한 속성과 각 색상을 배합하는 색채 설계의 원리는 물론 각 색상이 주는 느낌이나 상징까지, 웹 컬러의 모든 속성을 살펴볼 것입니다.
Part 4 웹 인터페이스(Web Interface)
- 웹 사이트는 사용자를 최대한 배려한 디자인을 기본으로, 실용적인 화면 구성과 흥미 있는 요소들, 친절한 안내 등이 최적의 장소에 적절히 배치되어 있어야 합니다. 이러한 웹 인터페이스 디자인에서 중요한 포인트는 사용자들이 가장 쉽게 정보를 찾을 수 있고, 재미와 흥미를 느낄 수 있도록 편리함과 함께 독창성, 창의성이 녹아들어 있어야 한다는 것입니다. 인터페이스가 잘 된 다양한 사이트들을 직접 보며 인터페이스 디자인 감각을 키워봅니다.
Part 5 웹 타이포그래피(Web Typography)
- 좋은 타이포그래피는 글자의 언어적, 기능적 측면과 시각적, 미적 측면을 동시에 고려해야 합니다. 여기서는 우선 타이포그래피의 개념을 이해한 바탕 위에 타이포그래피를 구성하는 여러 요소들의 특성을 알아보고 타이포(Typo)를 활용하는 보편적인 기본 원리와 요소들-세리프(Serif), 산세리프(Sans-serif), 변이(Variation), 혼합(Confusion), 리듬(Rhythm), 배열(Arrangement), 무빙 타입(Moving Type)-을 살펴봅니다.
Part 6 메타포(Metaphor)
- 웹 디자인에서의 메타포는 사용자가 어떤 시각적 요소를 보고 느끼는 과정에서 발생하는 심리적 전의 현상이나 연상 작용을 이용하는 모든 방법을 포괄하는 개념으로, 최근에는 언어나 시각뿐만 아니라 청각 등을 이용한 메타포도 사용하고 있습니다. 메타포를 잘 이용하면 전달하는 내용을 보다 직관적으로 알 수 있게 해주고, 표현된 이미지를 풍부하게 만들어 주며, 인상적이면서도 편리하고 개성있는 사이트를 만들 수 있습니다. 복잡하거나 다양한 기분을 느끼게 하거나 설명할 때 메타포를 활용하면 사용자가 새로운 것을 접할 때 느끼는 어려움을 덜어줄 수 있으며, 보다 친숙하게 내용을 전달하고 자
이 책을 읽고 어떤 느낌을 받으셨나요?
리뷰를 남기고 다른 독자들과 함께 공유해보세요.
안내 열기구매(배송/수령완료) 후 리뷰를 작성하시면 적립금 300원을 드려요!