[해외번역] 디자이너가 아닌 사람들이 그래픽 디자인에 대해 알아야 하는 4가지

원저자 : Laura Kindsvater

디자인의 중요성은 나날이 커지고 있습니다. 사람들은 글을 사용하는 대신 그림을 통해 복잡한 정보를 공유하고 있으며, 갈수록 시각적 의사소통에 대한 이해가 필요해지고 있습니다. 이처럼 새로운 환경에서 비영리 단체는 어떻게 지역사회 공동체와 효율적으로 소통할 수 있을까요?

뉴욕의 폴 스미스 대학에서 사서로 일하는 메간 프로스트는 네브라스카 도서관 커미션을 위해 그래픽 디자인에 대한 발표를 진행했습니다. 잘 만들어진 디자인은 시선을 끌고, 더 자세히 관찰하도록 만들며, 집중을 끈다고 합니다.

메간은 모두를 집중시킬 수 있는 그래픽 디자인의 4가지 원칙과 함께 3가지 유용한 지름길을 제시했으며, 또한 어떻게 아이디어를 얻을 수 있는지에 대한 정보도 공유하였습니다.

아래는 그래픽 디자인 4요소에 대한 메간의 설명입니다.

1. 레이아웃: 자신의 디자인에 대해 좋은 질문을 던지자

레이아웃을 설정할 때, 스스로 다음 질문을 해 봅시다.

• 목표가 무엇인가?
• 제약사항에는 어떤 것들이 있는가?
• 내용의 순서를 어떻게 구성할까?
• 무엇이 가장 중요한가?
• 중요한 부분을 어떻게 강조할 수 있을까? 색, 질감, 위치 혹은 크기?
• 내용의 흐름이 자연스러운가?
• 표현된 내용이 명확한가?
• 불필요한 부분이 있는가?

텅 빈 컴퓨터 화면을 보는 순간 머릿속이 마비될 수 있으니, 우선 어떤 항목을 어디에 자리할지 종이에 거친 스케치를 그려 보는 것도 좋습니다. 그 뒤에 컴퓨터로 디자인을 그린 뒤. 초안을 인쇄하고 한 숨 돌립시다. 그리고 다시 한 번 스스로 질문해 보세요.

수정 후 다시 앞 과정을 반복합시다. 위 사진은 메간이 뉴스레터 레이아웃을 재작업한 모습입니다. 왼쪽은 초안, 오른쪽은 최종 결과물을 보여줍니다.

2. 색: 색상 팔레트 정하기

색상 팔레트는 자연스러우며 정제되고 차분할 수도 있고, 역동적이고 생동감 있으며 에너지가 넘칠 수도 있습니다. 메간은 흑백에 최대 3가지 색만을 더하는 것을 추천합니다. 색이 제한되어 있으면 디자인은 더욱 세련되어 보입니다.

아래는 색을 고를 때 도움이 되는 환상적인 무료 도구들 입니다.

• Colorzilla – 웹 브라우저에 설치할 수 있는 애드온 프로그램입니다. 인터넷 서핑 중, '아이드로퍼 툴'을 사용해 웹 페이지에서 마음에 드는 색상을 골라낼 수 있습니다.
• DeGraeve – URL 이미지를 입력하면 색상 팔레트를 보여주는 사이트입니다. (선명한 팔레트와 탁한 팔레트를 제공해 줍니다)
• Design Seeds –아이디어를 얻을 수 있는 사이트입니다. 다양한 종류의 사진과 그 사진에 맞는 색상 팔레트를 보여 줍니다.

3. 이미지: 좋은 이미지는 어디서 찾아야 할까?

메간이 무료 사진들을 구하기 위해 사용하던 사이트들은 다음과 같습니다

• Flickr —멋진 빈티지 사진들을 포함하고 있습니다. Creative Commons에 의해 등록된 사진들은 무료로 사용 가능합니다.
• Google — 라이선스 타입별로 검색 가능한 필터를 사용해서 재사용할 수 있는 이미지를 찾을 수 있습니다.
• Morgue File.
• Pixabay —품질 저하 없이 사이즈를 조절할 수 있는 벡터 이미지를 포함합니다. 투명 배경을 이용할 수 있습니다 (체크무늬 패턴으로 표현됩니다)
• The Noun Project —사진 혹은 디자인에 추가할 수 있는 훌륭한 아이콘들을 찾아보실 수 있습니다.

더 많은 사이트를 알고 싶으시다면 TechSoup의 게시글 무료 이미지를 구할 수 있는 10곳의 소스(영문) 을 확인해 보세요.

4. 폰트: 활용 팁과 도구들

다시 한 번 강조하자면, 단순할수록 좋습니다. 메간은 서로 눈에 띄게 다른 폰트는 두 가지, 최대 세 가지까지만 사용할 것을 추천합니다. 아래는 폰트를 고를 때 참고할 만한 사이트들입니다:

• 1001 Fonts — 폰트를 다운로드하기 이전에 미리 글을 써 볼 수 있습니다. 이 기능은 시간을 절약하는데 많은 도움이 됩니다.
• DaFont — 다양한 딩뱃 폰트가 있어서, 귀여운 화살표나 소용돌이 무늬 등을 사용할 수 있습니다.
• Typewolf — 실제로 이미지에서 사용되는 폰트들의 예시를 보여 주며 어떤 폰트인지 알려 줍니다. 또한, 어떻게 폰트를 조합할 수 있는지 보여 줍니다.

디자인 지름길 3가지

위와 같은 그래픽 디자인의 4가지 원칙 이외에도, 메간은 도구를 사용해 훌륭한 디자인을 쉽게 만들어내는 지름길 3가지를 알려주었습니다. 아래의 사이트들을 이용해 봅시다.

1. PicMonkey — 콜라주 혹은 사진을 조절할 때 사용할 수 있는 매우 든든한 이미지 에디터가 있습니다. 여기에는 사진이 뱀파이어 혹은 좀비처럼 보이게 할 수 있는 테마도 포함되어 있습니다.
2. Canva — 프레젠테이션 등을 포함한 모든 종류의 템플렛을 제공하는 디자인 웹사이트입니다. 절반 정도의 항목만 무료이지만 메간은 이 절반의 무료 항목들에 만족하고 있습니다.
3. 인포그래픽 생성기 — 메간은 Easel.ly 및 Piktochart를 애용합니다.

아이디어 창고

어떻게 아이디어를 얻으시나요? 많은 아티스트들은 자신들이 좋아하는 특정 컨셉이나 디자인을 떠올리게 하는 컬렉션을 만들어서 이후 아이디어를 떠올릴 때 찾곤 합니다. 샘플을 시작점으로 삼은 뒤 수정을 통해 비슷하지만 다른 디자인이나 전혀 새로운 디자인을 만드는 것은 디자이너들의 오래된 전통입니다.

메간은 따로 시간을 내서 좋은 디자인들을 찾아서 Pinterest에 저장합니다. Pinterest는 색조합과 색상 팔레트를 찾기 좋은 사이트이며 가입하지 않더라도 둘러볼 수 있습니다. 또한, 블로그 Librarian Design Share 에서 다른 사람들의 아이디어를 둘러보는 것을 추천합니다.

메간이 디자인을 공부할 때 애용하는 사이트들은 다음과 같습니다

• Lynda.com — 비영리 단체를 위한 할인을 제공합니다.
• Canva — 무료 디자인 교육 웹사이트 및 블로그를 제공합니다.
• Creative Live 와 Skillshare — 무료는 아니지만, 메일링 리스트에 등록하면 무료 강좌 등의 특별 프로그램에 참여할 수 있습니다. 디자이너들은 기술을 연습하고 거장에게서 배우기 위해 이 사이트들을 사용합니다.