쓸데 없는 고퀄 icon 가지고 와서 UI 가이드 만들기
우리 회사는 UI 가이드를 아직도 PPT로 만들고 있다. :) 그래서 PPT용 icon이 많이 필요하다.
인터넷 검색을 한 결과, 어떤 멋진 친구가 Font Awesome등 Open source icon을 PPT용으로 만드는 방법을 정리해 주었다. 고맙다, 친구!
사용할 멋진 폰트들
세상엔 멋진 친구들이 만든 오픈소스 폰트들이 많다. 그 중에 가장 많이 사용하고 있는 것들을 대상으로 해 보자.
1. Font Awesome
2. Material Design Icons
3. Ion Icons
4. Ant Design Icons
5. Simple Line Icons
SVG icon을 PPT용 Shape으로 가져오기
자~ 이제 본격적으로 가져와 봅시다. 약간은 노가다 이지만, 가지고 와서 사용하다 보면 큰 보람이 있다. ㅎㅎ
일단 시작은 다른 친구가 Material icon을 기반으로 만들어준 PPT 파일을 기본으로 한다. (다운로드) 그 다음 필요한 icon이 있으면 검색해서 만들어서 사용해 본다.
참고로 Font Awesome이 가장 Web 쪽에서는 Hot하니 우선 이 폰트를 검색하는게 좋다.
만드는 순서는 아래와 같다. 한번 해 보자. (원본 블로그)
- OpenOffice Impress를 설치한다. 무료 소프트웨어이다.
2. OpenOffice Impress에서 원하는 SVG 파일을 연다.
3. 해당 오프젝트를 break 한다. (우 클릭해서 Break 명령)
4. PPT 파일로 저장을 한다.
5. PPT 프로그램으로 해당 PPT 파일을 열어서 사용한다. 끝!
아 참! PPT에서 icon이나 만든 shape을 라이브러리로 관리하고 사용할 수 있는 plugin이 있다. Power Mockup 이라는 PPT plugin 인데, 이것을 사용하면 Sketch에서 라이브러리 사용해서 디자인 하는 것 처럼 쉽게 UI 가이드를 만들 수 있다. 고고고~
