디자인을 위한 색채학 (2) – 배색

  정보를 표현하는 디자인에서 색(color)은 정보를 강조하거나 수치를 나타낼 수 있을 뿐만 아니라 분위기와 감정을 전달해주기도 합니다. 앞으로 4회에 걸쳐 대충 훑어봐도 실생활에서 유용하게 써먹을 수 있는 색채학 겉핥기를 연재할 예정입니다. *디자인 이론이나 용어를 모르는 사람도 이해할 수 있도록 하는 것을 목표로 합니다.   목차 1. 디자인을 위한 색채학 (1) – 색의 요소 2. 디자인을…

정보디자인 작업시 유용한 사이트 모음

1. 무료 폰트 저작권 걱정 없는 무료 글꼴 48종 총정리 by 블로터닷넷 안상욱기자 2017 상업용 무료폰트 33종 총정리 Sir 2. 컬러 팔레트와 색 배합 도구 색 배합을 만들거나 기존의 디자인에서 색 배합을 뽑아낼 때 유용하게 사용할 수 있는 도구들. 2.1. http://flatuicolors.com Cool Flat UI colors 2.2. http://getuicolors.com Even more cool colors 2.3. http://www.0to255.com Find variation of colors…

파이차트 디자인 레시피

파이차트는 전체에 대한 각 부분의 비율을 부채꼴 모양으로 나타낸 그래프이다. 막대차트, 선차트와 함께 가장 많이 사용되는 시각화 패턴 중 하나이며, 가독성이 떨어짐에도 불구하고 각진 물체보다 곡선을 가진 물체를 선호하는 인간 시지각의 특성[1] 때문에 자주 사용되는 차트이기도하다. 파이차트 디자인시 주의할 점을 알아보자. 1. 파이조각을 4개 이하로 제한하라 선차트와 마찬가지다. 인간의 눈은 네 개 이상의 덩어리를 갖는…

단어구름 만들기 (tagxedo.com)

한글 단어구름을 만들 수 있는 tagxedo를 소개합니다. 🙂 http://www.tagxedo.com/에 접속한다. Create 버튼을 누른다. Load 버튼을 누른다. Enter Text: 에 연설문 텍스트를 삽입한다. Submit 버튼을 누릅니다. 좌측의Color, Shape, Font 등을 설정해서 원하는 모양과 색상을 선택한다. Save 버튼을 눌러서 Image파일로 저장한다.      

엑셀에서 스파크라인, 조건부서식 활용하기

1. 차트 서식 저장 및 적용하기 차트 영역을 선택하고 마우스 오른쪽 버튼을 눌러서서식 파일로 저장 옵션을 선택한다. (파워포인트 2010버전 사용자는 리본메뉴디자인 탭의 좌측에서식 파일로 저장하기 메뉴를 선택한다. 차트 서식 파일이름을 지정하고 저장 버튼을 누른다. 다시 01막대차트시트의[B4:C9] 영역을 선택하고 차트 도구의 추천차트를 선택한다. 차트 삽입도구의모든차트 탭으로 이동하면, 저장해놓은 서식파일 목록이 나타난다. 저장해놓은 서식을 선택하고 확인을 누른다.…

선거데이터와 카토그램

  같은 내용을 어떻게 표시하느냐에 따라 전혀 달라보인다. 프레젠테이션하는 방법에 사용하면 좋을 예. (좌는 조선일보, 우는 오마이뉴스) pic.twitter.com/9s4mvOSYdU — Les_Mis (@leehanseung) 2016년 4월 14일 3396회나 RT된 트윗이다. 조선일보 디자이너, 더 나아가서 조선일보에서 – 이념적으로 – 의도하고 이런 그래픽을 사용했을 거라 생각하지 않는다. 조선일보의 표현 방식이 틀렸다고도 생각하지 않는다. 다만, 의석수라는 정보를 지도에 어떻게 표현해야 더…

박근혜 대통령 간담회 전문 단어구름 만들기

2017년 1월 1일 이뤄진 박대통령 기자간담회 전문이 공개됐다. 박근혜 대통령, “그건…그래서…그래갖고…그래서…또…” 1일, 15분전에 전격적으로 이뤄진 박대통령 기자간담회 전문 (세종경제신문) 박근혜 대통령의 – 날 것 그대로의 – 어휘력에 충격을 받아…   간담회 전문을 워드클라우드형태로 나타내봤다.   워드 클라우드(word cloud)는 텍스트 데이터를 분석하고 중요도나 인기도, 빈도수 등을 고려하여 시각적으로 늘어 놓아 표시하는 시각화 유형이다. 아래 이미지에 보이는…

선차트 디자인 레시피

그림은 수천 개의 말을 대신 표현한다. 하지만 그것은 독자가 그 그림을 해독할 수 있어야 한다는 조건이 전제된다. <스티븐 M. 코슬린, Graph Design for the Eye and Mind, p.1 (2006)> 선차트는 수직 막대차트와 함께 가장 많이 사용되는 시각화 유형 중 하나이며, 시간의 흐름에 따른 데이터의 변화를 나타낼 때 적합한 차트다. Do. Don’t 01에서는 ‘그래프’라고 표현했는데 이번…

텍스트의 시각화: 단어 구름 (태그 클라우드)

한때 인터넷 커뮤니티에서 유행하던 뇌구조 이미지 기억하시나요? 뇌구조 이미지는 어떤 생각을 많이 하는지 중요도에 따라 해당 영역이나 글꼴의 크기를 크게 표현한 재미난 다이어그램입니다. 단어 구름? 단어 구름(word cloud)은 문서에 사용된 단어의 중요도나 인기도 등을 고려해서 시각적으로 늘어 놓아 표시하는 시각화 유형을 말합니다. 이 그림은 영화 다크나이트의 한줄평 수백건을 단어 구름으로 나타낸 사례입니다. 보이는 단어 중…

막대차트 디자인 레시피

1. 가로(항목)축 글자를 기울여서 나타내지 않는다 글자가 옆으로 기울어져 있으면 가독성이 떨어지기 때문에 가로(항목)축 글자는 수평하게 표시한다. 2. 범례는 위쪽에 표시한다 시각적 요소는 식별 대상에 가까울수록 알아보기 쉽기 때문이다. 3. 적당한 막대 사이의 공간 막대 사이의 공간이 막대의 폭 보다 넓으면 시선이 여백에 집중된다. 여백에는 아무런 데이터가 없다. 4. 기준선(0)을 잘라내지 않는다 세로(값)축의 최소값은 언제나…