본문으로 건너뛰기

버그 제보

이상한 점을 알려 주시면 고칠게요. 지금 보고 있는 페이지와 브라우저 정보가 함께 담겨요.

페이지:

Life & Learning

발표·포트폴리오 디자인 팁

추가
목차6개 항목

발표 자료와 포트폴리오는 화려함보다 정돈됨이 중요하다. 디자이너가 아니어도 바로 적용할 수 있는 원칙들을 구성·레이아웃·타이포그래피·이미지 순으로 정리했다.

구성

  • 매직 넘버 3: 1~2개는 빈약하고 4개 이상은 기억에 남지 않는다. 내용은 세 가지로 묶는다.
  • 문장을 통째로 올리지 않는다. 항상 키워드를 뽑아 올리고, 설명은 말로 한다.
  • 템플릿에 의존하지 않는다. 대부분의 템플릿은 내 발표 내용을 모르는 사람이 만든, 예쁘기만 한 틀이다. 화려한 템플릿은 필요 없고 돈 주고 살 이유는 더더욱 없다.

레이아웃

  • 네 귀퉁이에 못을 박듯 정렬 기준선을 정하고, 모든 요소를 그 기준에 맞춘다. 정렬만으로도 안정감이 생긴다.
  • 딱딱하거나 과한 느낌이 들 때는 배경에 은은한 그라데이션을 써 본다.

타이포그래피

  • 자간을 너무 넓히지 않는다. 예쁜 폰트도 자간이 벌어지면 힘이 빠진다.
  • 강조는 색보다 굵기로. 특히 빨간색 강조는 피한다. 색을 쓰려면 전체 팔레트에 맞춘다.
  • 그래서 폰트를 고를 때부터 굵기(weight)를 다양하게 제공하는 폰트를 고른다. (아래 「폰트 구하기」 참고)

폰트 구하기

무료 폰트도 라이선스가 제각각이다. 쓰기 전에 배포처에서 상업적 이용, 임베딩, 로고 사용 가능 여부를 확인한다.

사이트특징
눈누상업용 무료 한글 폰트 큐레이션. 라이선스 범위가 표로 정리되어 있다
Google Fonts오픈 라이선스 폰트. Noto 계열도 여기서 받는다. 웹 폰트로 바로 쓴다
Adobe Fonts무료 Adobe 계정으로도 일부(공식 안내 기준 5,000여 종)를 쓸 수 있고, 전체 라이브러리는 Creative Cloud 구독에 포함된다
DaFont영문 디스플레이·장식 폰트가 많다. 개인용 한정 폰트가 섞여 있다
1001 Free Fonts일부 유료 포함. 동봉된 read me를 확인한다
Pixel Surplus「Free for commercial use」 표시를 확인한다
fontfree.me일본어 폰트. 「商用OK」 표시가 상업적 이용 가능이고, 「商用個人利用のみ」는 개인 상업 이용까지만이다
용도많이 쓰는 무료 한글 폰트
본문Noto Sans KR(본고딕)·본명조, 나눔 글꼴, 스포카 한 산스, KoPub 서체, 한컴 함초롬체
제목배달의민족 글꼴(한나·주아·도현), 지자체·기업 서체(서울한강체·서울남산체, 경기천년체, 제주서체, 이순신체, 부산체, 빙그레체, 고도체 등)
손글씨신영복체, 어비 손글씨

이미지와 움직임

  • 발표 자료 디자인의 절반은 이미지다. 검색 엔진 이미지에만 의존하지 말고 Behance 같은 디자인 플랫폼, 무료 스톡 사이트로 소스를 넓힌다. 저작권과 이용 범위는 항상 확인한다.
  • 동영상, GIF처럼 움직임이 있는 요소는 과하지 않게만 쓰면 주목도를 높인다.

체크리스트

  • 핵심 메시지가 3개 이내인가
  • 슬라이드에 문장이 아니라 키워드가 있는가
  • 모든 요소가 같은 정렬선에 맞는가
  • 강조를 굵기로 했는가, 색이 팔레트와 맞는가
  • 자간이 과하게 넓지 않은가

관련 노트: 사용자 리서치, 디자이너는 어떻게 코드를 배우나, 글쓰기 원칙: 구조, 설득, 문장력

댓글

GitHub 계정으로 댓글을 남길 수 있어요.