<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <title>이정훈</title>
  <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@F27" />
  <author>
    <name>visualoft</name>
  </author>
  <subtitle>정보디자이너, 디지털제품디자이너 / 2015년 부터 독립 디자이너로 활동하고 있으며, 아름답고 오래가는 결과물(Visual Things)을 만드는 것에 관심이 많습니다.</subtitle>
  <id>https://brunch.co.kr/@@F27</id>
  <updated>2015-10-13T16:56:02Z</updated>
  <entry>
    <title>내가 고른 색상이 구린 이유 - 디자인을 위한 색채학 (2) - 배색</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@F27/19" />
    <id>https://brunch.co.kr/@@F27/19</id>
    <updated>2023-12-02T19:40:05Z</updated>
    <published>2017-12-12T04:11:36Z</published>
    <summary type="html">정보를 표현하는 디자인에서 색(color)은 정보를 강조하거나 수치를 나타낼 수 있을 뿐만 아니라 분위기와 감정을 전달해주기도 합니다. 앞으로 4회에 걸쳐 대충 훑어봐도 실생활에서 유용하게 써먹을 수 있는 색채학 겉핥기를 연재할 예정입니다. *디자인 이론이나 용어를 모르는 사람도 이해할 수 있도록 하는 것을 목표로 합니다.  목차 1. 디자인을 위한 색채학&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2FF27%2Fimage%2Fj6EsIdk_NGxuXnNKK3yqwQx_zXM.jpg" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>파이차트 디자인 레시피 - Do, Don't 03.</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@F27/13" />
    <id>https://brunch.co.kr/@@F27/13</id>
    <updated>2023-10-07T19:40:13Z</updated>
    <published>2017-03-29T13:34:04Z</published>
    <summary type="html">파이차트는 전체에 대한 각 부분의 비율을 부채꼴 모양으로 나타낸 그래프이다. 막대차트, 선차트와 함께 가장 많이 사용되는 시각화 패턴 중 하나이며, 가독성이 떨어짐에도 불구하고 각진 물체보다 곡선을 가진 물체를 선호하는 인간 시지각의 특성[1] 때문에 자주 사용되는 차트이기도하다.  파이차트 디자인시 주의할 점을 알아보자.    1. 파이조각을 4개 이하로&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2FF27%2Fimage%2FNhuXgMq3wGm7dTntaMrLk1RUN-0.png" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>선차트 디자인 레시피 - Do.&amp;nbsp;Don't - 02</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@F27/12" />
    <id>https://brunch.co.kr/@@F27/12</id>
    <updated>2023-03-27T19:40:15Z</updated>
    <published>2017-01-12T19:52:06Z</published>
    <summary type="html">그림은 수천 개의 말을 대신 표현한다. 하지만 그것은 독자가 그 그림을 해독할 수 있어야 한다는 조건이 전제된다.&amp;nbsp;&amp;lt;스티븐 M. 코슬린, Graph Design for the Eye and Mind,&amp;nbsp;p.1 (2006)&amp;gt;  선차트는 수직 막대차트와 함께 가장 많이 사용되는 시각화 유형 중 하나이며, 시간의 흐름에 따른 데이터의 변화를 나타낼 때 적합한 차트&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2FF27%2Fimage%2FYqRyzza-_WfHIC9RL1DAPW-RRWg.png" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>박근혜 대통령 간담회 전문 시각화 - 워드클라우드(wordcloud)</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@F27/11" />
    <id>https://brunch.co.kr/@@F27/11</id>
    <updated>2022-07-05T19:46:35Z</updated>
    <published>2017-01-02T16:20:55Z</published>
    <summary type="html">2017년 1월 1일 이뤄진 박대통령 기자간담회 전문이 공개됐다.  http://www.sejongeconomy.kr/news/articleView.html?idxno=8296  박근혜 대통령의 - 날 것 그대로의 - 어휘력에 충격을 받아...   간담회 전문을&amp;nbsp;워드클라우드(or 태그클라우드, 한글로는 단어 구름)형태로 나타내봤다.  단어구름은 텍스트 데이&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2FF27%2Fimage%2F0vW9Q4V_iHLG6-END2J8SEKQYgI.jpg" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>막대그래프 디자인 레시피 - Do. Don't - 01</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@F27/10" />
    <id>https://brunch.co.kr/@@F27/10</id>
    <updated>2023-07-10T19:40:05Z</updated>
    <published>2016-12-28T14:52:40Z</published>
    <summary type="html">커버 이미지는 오늘날 사용되는 막대, 선, 파이 차트의 원형을 발명한 윌리엄플레이페어의 저서에 수록된 도판 중 하나이다.  1. 가로(항목)축 글자를 기울여서 표시하지 않는다 글자가 옆으로 기울어져 있으면 가독성이 떨어지기 때문에 가로(항목)축 글자는 수평하게 표시해야한다.    2. 범례는 위쪽에 표시한다 시각적 요소는 식별 대상에 가까울수록 알아보기 쉽&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2FF27%2Fimage%2FijsrWfJC0c2thvJhR9IiZbiJJP8.jpg" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>서울동물원 지도 리디자인 - 읽기 쉬운 동물원 지도 만들기</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@F27/9" />
    <id>https://brunch.co.kr/@@F27/9</id>
    <updated>2023-09-30T19:40:18Z</updated>
    <published>2016-12-26T09:49:04Z</published>
    <summary type="html">좋은 정보 디자인 결과물은 설명이 필요 없어야 한다. 어찌 보면&amp;nbsp;사족에 불과한 작업기를 쓰는 이유는 다음과 같다.첫째, 리디자인&amp;nbsp;결과물이 정말 실용적인가? 아름다운가? 확신이 부족하고 더 좋은 방법은 없을까? 궁금하기 때문이다. 작업기와 결과물을 온라인에 공유함으로써 관심 있는&amp;nbsp;누군가의 피드백을 기다리기 위함이다.둘째, 프로젝트를 시작한 이유와 작업 과정에&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2FF27%2Fimage%2FyBDkQ_aWCmkp831XE1t1BquIan4.jpg" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>대한민국 정당과 국회 1945 - 2016 작업기</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@F27/7" />
    <id>https://brunch.co.kr/@@F27/7</id>
    <updated>2021-10-19T21:46:44Z</updated>
    <published>2016-09-11T07:22:21Z</published>
    <summary type="html">한국 정치 68년사를 가리켜 흔히 작명의 역사라고들 한다. 창당&amp;middot;분당&amp;middot;정당 간의 통합&amp;middot;해산이 너무 잦기 때문이다.&amp;nbsp;대한민국 정당과 국회 1945 - 2016는 주요 정당 뿐만아니라 군소(群小) 정당의 등록 및 말소 현황, 역대 대선・총선 정보와 근현대사 주요 사건을 함께 배치한 연표이다. 해방 이후부터 현재까지 이어진 정당의 역사를 당시 시대적 배경과 정당&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2FF27%2Fimage%2FUoRXohmh84A1_vG3-KJO0kHqA3U.jpg" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>대한민국 정당과 국회 - 1945 - 2016 (한국 정치 68년사)</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@F27/6" />
    <id>https://brunch.co.kr/@@F27/6</id>
    <updated>2023-04-21T18:49:04Z</updated>
    <published>2016-07-24T04:42:11Z</published>
    <summary type="html">1. 제작 배경 한국 정치 68년사를 가리켜 흔히 작명의 역사라고들 한다. 창당&amp;middot;분당&amp;middot;정당 간의 통합&amp;middot;해산이 너무 잦기 때문이다. 대한민국 정당과 국회 1945 - 2016 는 주요 정당 뿐만아니라 군소(群小) 정당의 등록 및 말소 현황, 역대 대선・총선 정보와 근현대사 주요 사건을 함께 배치한 연표이다. 해방 이후부터 현재까지 이어진 정당의 역사를 당시 &lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2FF27%2Fimage%2Fz8K0UMxFvwfuB0y27sgnd3qIvw8.jpg" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>그림문자를 이용한 차트 제작시 주의할 점</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@F27/5" />
    <id>https://brunch.co.kr/@@F27/5</id>
    <updated>2017-01-01T06:49:57Z</updated>
    <published>2016-05-08T14:49:40Z</published>
    <summary type="html">자료: 탐사기획 - MB '31조 자원외교' 대해부아래 차트의 이름을 굳이 만들어보자면 '그림문자를 늘린 차트(Stretched pictograph chart)'정도가 될 수 있을&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0.fjpg/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2FF27%2Fimage%2FD-SYPEFpODvJd-x8rT9rcCIWI5E.jpeg" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>구글, 하이퍼링크 밑줄의 행방불명에 관한 소고</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@F27/2" />
    <id>https://brunch.co.kr/@@F27/2</id>
    <updated>2022-05-06T19:40:15Z</updated>
    <published>2016-04-21T16:29:01Z</published>
    <summary type="html">http://uxblogger.net/을&amp;nbsp;곧 폐쇠할 예정이라 2014년 8월 7일 UXBlogger에 발행했던 글을 brunch로 옮겨왔다. 2016년 4월 현재 여전히 언더라인을 제거한 검색엔진은 구글뿐이다.   2014년 6월 25일, 구글이 검색 결과의 하이퍼링크 밑줄(underlined links)을 제거했다. 검색 결과 페이지의 디자인을 바꾸는 일&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2FF27%2Fimage%2FJ8-QtMBJui_DNhuBSMaePHH8M1U.png" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>맛있는 정보디자인 레시피 - 디자이너가 아닌 사람을 위한 정보디자인 이야기</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@F27/1" />
    <id>https://brunch.co.kr/@@F27/1</id>
    <updated>2023-01-04T19:40:02Z</updated>
    <published>2015-11-05T06:14:44Z</published>
    <summary type="html">포토샵, 일러스트레이터 사용 가능자 우대디자이너를 뽑는 구인 공고문을 발췌한 게 아니다. 기획자, 마케터, 저널리스트, 에디터를 뽑는 구인 공고에 있던 항목 중 하나다. 이상하다. 왜 디자이너가 아닌 직종을 뽑는데 포토샵, 일러스트레이터 스킬을 요구할까?파워포인트 슬라이드에 줄글 대신 이미지나 도해 표현이 많이 사용되고 있다. 무료이미지 사이트, 비주얼 씽&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0.fjpg/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2FF27%2Fimage%2Fs-0ktjY6ggZP7cXnymdyB3ez37w" width="500" /&gt;</summary>
  </entry>
</feed>
