웹을 통해 새로운 창조를 꿈꾸는 인간 - kimdirector
www.kimdirector.co.kr Photo by unsplash.com
kimdirector
Creative Web & Mobile UX Planner & Designer


웹을 통해 새로운 창조를 꿈꾸는 인간
Humans dreaming of new creation through the web
WEBDESK
Recommend Site
HOME WEBDESK Recommend Site
아이콘 폰트, 무료 제작 서비스 Glyphter로 쉽게, 자유롭게 활용하는 법
Posted by kimdirector | 2015.04.30 | Hit : 2542
목록보기이전보기
용도나 목적에 맞게 완성된 아이콘 폰트도 나름대로 유용하지만, 작업자가 실무에서 효율성이 높일 수 있도록 사용자화되고 최적화된 아이콘 폰트를 활용할 수 있다면 매우 유익한 일이 아닐 수 없다.




해외에서 슈퍼 사이트 제작에 유용한 리소스 중 하나로 선정된 ‘글립터(Glyphter)’ 서비스는 사용자가 커스터마이징한 아이콘 폰트를 만들고 관리할 수 있는 무료 웹 리소스 서비스이다.

우측의 개별적으로 라이센스가 명시된 16종의 다양한 아이콘 세트에서 추출한 아이콘을 기반으로 좌측의 그리드 형태의 문자판에 배치하고 저장하여 자신만의 아이콘 폰트를 만들어 활용할 수 있다. 또한 문자판의 빈 영역을 클릭하면 사용자가 어도비 일러스트레이터나, Inkscape, Sketch 등 벡터 그래픽 소프트웨어를 통해서 개별 제작한 아이콘을 svg 파일로 내보내기 한 후 추가할 수도 있다.

직관적인 인터페이스로 구성된 웹 서비스로 누구나 쉽게 사용할 수 있으며, 설정 창을 통해 출력 글꼴(정렬 등)의 일반적인 모양을 변경하는 옵션을 제공하는데 슈퍼 유저 설정이다. 그리고 웹에서 사용하기 위해 클래스 접두사를 변경할 수 있다. 계정 개설 후 로그인하면 개별 프로젝트를 추가.삭제하고 관리할 수 있다.




 
문자판에 등록한 아이콘을 클릭하면 좌측에 ‘Glyph Editor’ 창을 통해 path의 회전 상하, 좌우 뒤집기, 확대.축소 등등 편집도 가능하다.

다운로드한 글립터 아이콘 폰트 압축파일을 해제하면 css,fonts 2개의 폴더로 구성되어 있습니다. css 폴더는 Glyphter.css 파일을, fonts 폴더는 Glyphter.svg를 포함해 ttf, eof, woff 등 3종의 폰트 파일 포맷을 제공한다.


Glyphter 서비스로 사용자화된 아이콘 폰트 콜렉션을 구성해 놓으면 웹 퍼블리셔, 디자이너는 자신만의 크리에이티브 작업에 유용하게 활용할 수 있을 것이다.
 
Posted by kimdirector | 2015.04.30 | Hit : 2542
LINK http://www.designlog.org/2512519
TAG 아이콘 무료 서비스 폰트
Trackback http://www.kimdirector.co.kr/bbs/zerotb.php?id=favorites&no=137

COMMENT
목록보기 이전보기
WEBDESK
Design Review
Webdesign Report
Web Plan Report
Design Inspiration
Mobile Life
Web Standard
Recommend Site
Insight Story
Best View Contents
Tags
2013년 사용성 웹사이트 플러그인 서비스 디자인 기획 디자인 로고디자인 팔로어십 웹접근성 온라인 에티켓 메일폼 청중 자바스크립트 이벤트 유틸리티 관리 이미지 디자인 CSS 폰트 사람 Design 리뉴얼 모바일 정보보호 애플 PM 브랜드 소셜 미디어 조직 마크업 삼성전자 기획서 관리자 사람 자질 웹브라우저 firefox3 로고 디자인 웹기획 타이포그래픽 업무환경 실버라이트 솔루션 전략 쇼핑몰 개발 드림웹 iOS 시냅틱 웹 고해상도 창조 영문 관계 TECH@NHN 트렌드 모니터 일러스트레이터 내일
Tags
html5 모바일 삼성전자 ICS 애플 맥월드 디자인 사용량 사용자 체크리스트 고객지원센터 회의 로고디자인 네이버 애니메이션 개발 BIP 인터넷 UX Flash 유치원 홈페이지 구인 디바이스 사회 최적화 폰트 스타일 쇼핑몰 MS 성공 구축 기획자 PM HTML5. 모바일 독서 프로 솔루션 업무 애플리케이션 브랜드 알림센터 이벤트
Category Cloud
About us Review Portfolio Design Review 
Leaders Story Mobile UXD IT Information
Web Identity Everyday Story Mobile Life
Webdesign Report Web Standard Homepage Work
Web Plan Report Practical Use Tip Design Inspiration
Dowmload Review Recommend Site
Search
Contact us
Phone : 010-8555-0503
E-mail : kimdirector@gmail.com