인포그래픽 :: infographic 인포그래픽 정보의 양이 급속도로 증가함에 따라 비주얼 콘텐츠의 중요성이 강조되는 이 시점에서 사물에 대한 본질을 바라보는 통찰력이 중요시되고 있다. 그런데 텍스트로만 빼곡히 채워져 있는 정보가 있다면 누가 읽으려고나 할까? 그래서 정리해 봤다. 인포그래픽의 정의 1. 복잡한 데이터나 많은양의 정보를 단순화 시키는것. 2. 라인, 도형, 그래프, 다이어그램등으로 정보를 간소화하고 직관적으로 전달하는것. 인포그래픽의 종류 1. 통계형 인포그래픽 2. 지도형 인포글래픽 3. 대칭, 비교형 인포그래픽. 4. 프로세스형 인포그래픽. 적용사례 1. 웹사이트 2. 어플리케이션 3. SNS 및 기타 영상 매체 앞으로 갈수록 시각적인 의존도가 높아지게 될텐데 인포그래픽은 다양한 매체에서 제각기 다양한 영향력을 행사할것이.. 2020. 10. 23. 해더 디자인 :: header design 해더 디자인 특징 1. 비주얼 디자인은 웹사이트에서 중요한 역할을 하며 전체적인 사이트의 분위기를 주도한다. 2. 시각적으로 자극적인 것들이 많고 미니멀리즘이 조금씩 밀려나고 있는 상황에 비주얼디자인의 중요성이 더 커지는 추세라고 볼 수 있다. 3. 디자이너가 몇달에 걸쳐 만들 프로젝트들도 짧게는 17초, 길게봐서 50초 만에 평가가 된다. 해더디자인 = 웹 비주얼 디자인 웹사이트 비주얼 디자인을 헤더디자인 으로 명명하기도 한다. 예전에 헤더는 GNB를 의미해 로고, 주요메뉴, SNS등이었지만 최근에는 비주얼을 포함하는 추세이다. 주요구성 - 로고 - 네비게이션 (메뉴) - 텍스트 헤드라인 - CTA 버튼: 행동을 유도하는 주요버튼 - 검색 등 비주얼 이미지의 크기 (header size) 정확한 픽셀보.. 2020. 9. 2. 무드보드 :: moodboard 무드보드 & 컬러 정의 1. 사진, 텍스쳐, 패턴, 타이포, 컬러 등을 콜라주하여 하나의 보드에 자신의 생각을 표현하는것. 2. 보통 브랜드 디자인의 사전 작업 a. 자신이 생각하는 느낌을 팀원들에게 전달하기 위함 : 브랜드 디자인의 기획서(?) 예) 커피브랜드 : 카페 인테리어 이미지 + 부드러운 켈리그라피 + 모던한 느낌의 텍스처 + 라인일러스트 등 3. UX/UI 프로세스에도 적용가능. (디자인 시스템 및 컬러가이드) a. color guide b. type guide 어떻게 작업하는가? 정해진 양식이나 가이드는 없음. 본인의 개성이 드러나도록 작업. 리서치 1. 디자인 레퍼런스 사이트 리서치. (무드보드의 목적과 목적을 달성하기 위한 방법을 생각) a. 유행하는 UI디자인 b. 영감을 주는 사진 .. 2020. 8. 24. 이전 1 다음