Sooool's studysooool

레이아웃 레이아웃이란 전체적인 디자인 콘셉트와 계획에 따라 서체와 이미지 등 각각의 시각적 요 소들을 한정된 공간 안에 적절하게 배치하는 것을 의미하는 것으로, 인터페이스 디자인에 서 레이아웃이란 화면의 전체적인 구도를 파악하고 심미적 요소들을 화면에 배치하는 것 을 의미한다. 1. 그리드 시스템을 활용한 레이아웃 그리드란 같은 간격으로 배치된 수직·수평의 가상의 선, 즉 격자로 된 가이드라인을 의 미하며, 그리드를 이용하여 디자인 요소들을 조화롭게 구성하고 배치하는 레이아웃 기법 을 그리드 시스템(Grid System)이라고 한다. 그리드는 가로 선을 로(Row), 세로 선을 칼럼(Column)이라고 하며, 로와 칼럼이 겹쳐지는 사 각형을 모듈(Module)이라고 한다. 시각적 요소들은 각 모듈, 혹은..

디자인 가이드 구성 서비스, 제작물의 통합적인 아이덴티티를 고려하여 디자인 가이드를 조합할 수 있다. 콘셉트와 트랜드 디자인 리서치(Design Research) 디자인을 기획하기 전에 과학적 연구의 방법과 도구를 기반으로 자료를 수집하고 분석하는 활동이다. 영국 왕립예술대학의 크리스토퍼 프레이링(Sir Christopher Fryling) 경은 디자인 리서치를 3가지의 중요 분류로 제안하였다. 디자인에 투입되는 리서치 디자인을 통한 리서치 디자인을 위한 리서치 비주얼 콘셉트(Visual Concept) 디자인 리서치를 한 후 디자이너가 전달하고자하는 주제인 잘 표현될 수 있도록 여러가지 시각적인 표현 방법 및 접근 방법을 비주얼을 정하여 나타내는 것을 비주얼콘셉트라고 한다. 웹 사이트의 성격에 따라 정..

웹 디자인의 정보 정보디자인(Information Design), 유저 인터페이스 디자인(User Interface Design), 그래픽 디자인(Graphic Design), 컴퓨터그래픽(Computer Design) 운영 등 필요 지식을 기반으로 정보를 계층화하고 설계해야한다. 웹 디자인 정보 구조화 체계화된 정보 체계를 연결시키는 작업으로, 일반적으로 웹사이트 구조에서는 하향식 계층 구조를 갖는 것이 특징이다. 웹사이트의 계층 구조 중에서 좁고 깊은 계층구조는 사용자의 접근성이 떨어지며, 넓고 얇은 계층 구조는 하나의 페이지에 너무 많은 양의 정보를 담고 있어 복잡하고 콘텐츠가 빈약하게 보아는 단점이 있다. 가장 적절한 계층구조는 폭(Width)은 최소5개에서 최대 9개까지의 메뉴((Function..

디자인 가이드를 위한 스토리보드 스토리보드(Storyboard)란 본래 영화나 애니메이션, 광고와 같은 영상매체를 만들기 전, 주 요 장면을 사진 혹은 일러스트와 같은 시각적 형태로 정리해 놓은 문서를 의미하며, 영상 매체를 제작하는 과정에서 스텝들 간의 원활한 의사소통을 하기 위해 제작된 문서이다. 스토리보드의 구성 스토리보드는 표지, 개정 이력, 화면 설계, 서비스 흐름도의 구성으로 하며, 프레임의 사 용 여부와 메뉴의 구성 위치, 콘텐츠의 위치 등 전체적인 화면 구성을 보여 주어야 한 다. 이 때 메뉴 구성을 포함한 페이지의 구성은 디자인 요소 중 아주 중요한 부분을 차 지하게 된다. 각 페이지의 정보를 요약하며, 저장될 디렉터리, 파일 이름, 페이지 타이틀 등을 메모하 듯이 작성한 후 링크 정보를..