홈페이지 아이콘이 고민이라면 아이콘 만들기 사이트에서 간단히 해결

홈페이지를 비롯하여 다양한 분야에서 아이콘이 사용됩니다.

아이콘(ICON)을 적절히 사용하면 전달하고자 하는 바를 훨씬 간결하고 깔끔하게 만들 수 있으며, 인포그래픽 형식으로 전달하고자 하는 바를 직관적이면서 빠르게 전달하기에 유용합니다.

아이콘 디자인 영역이 별도로 존재하긴 하지만, 디자이너가 아닌 일반적인 유저들이 아이콘을 만들기 위하여 아이콘 디자인을 직접할 일은 없겠지요?

홈페이지 아이콘 뿐만 아니라 애플리케이션 아이콘, 기능 버튼 아이콘, 기타 문서 아이콘 등을 제공하는 아이콘 만들기 사이트가 있습니다.

제가 즐겨 사용하는 아이콘 파인더(IconFinder)라는 사이트입니다. 

다양한 형태의 아이콘이 등록되어 있으며, IT 분야에 종사하시는 분들은 많이들 알고 계신 사이트 일 것입니다.

별도의 애플리케이션을 제공하지는 않고, 웹사이트 자체가 반응형으로 제작되어 있습니다.

영문 사이트라서 한국어는 지원을 하지 않지만 키워드를 통해 검색하는 것이기 때문에 간단한 키워드로 필요한 부분을 검색해서 이미지 아이콘을 얻어낼 수 있습니다.

가장 좋은 점은 별도로 로그인을 하지 않아도 원하는 아이콘 이미지를 다운로드 받을 수 있다는 것입니다. 로그인을 하면 더 많은 기능을 사용할 수 있긴 하지만 헤비유저가 아닌 이상 일반적인 사용자는 아이콘 이미지를 얻기 위해 로그인 할 필요는 없습니다.

사이트에 접속해서 검색 키워드를 하나 집어 넣어 보면 아래와 같이 결과가 나옵니다.

배경에 회색 사선으로 워터마크가 있는 것들은 유료 아이콘이고, 이러한 유료 아니콘은 구매하여 사용할 수 있습니다. 이때는 로그인을 해야 합니다.

 

무료 아이콘들은 배경에 워터마크가 없습니다.

좌측 사이드바에는 아이콘 이미지를 필터링 할 수 있는 필터 메뉴가 제공되고 있으며, 초보자들을 위해 배경의 형식을 지정할 수 있게도 해 놓았습니다.

기본적으로 이미지 다운로드는 png 형식으로 다운로드 되기 때문에 굳이 배경이 필요하지 않은 경우가 대부분이긴 합니다만 그래픽 툴에 문외한인 분들은 저런 설정이 있으면 편리하겠지요.

로그인을 하면, 평소에 북마크 해 놓은 아이콘들을 볼 수 있습니다. 홈페이지 아이콘을 설정할 때 통일성이 중요하기 때문에 유사한 스타일의 아이콘들을 설정하기도 하고, 해당 아이콘을 클릭해 보면 동일한 스타일의 아이콘 모음이 나타납니다.

모든 아이콘을 동일한 스타일로 얻기가 힘들기 때문에 사용할만한 아이콘 이미지를 선택해 아이콘 디자인을 맞춰주기 위해 몇가지 유사 스타일을 즐겨찾기 해 놓습니다.

다운로드는 SVG, PNG 형식은 로그인 없이도 무료로 다운로드 할 수 있꼬, 그 하단에 있는 AI나 ICO, ICNS 등의 아이콘 이미지를 얻으려면 유료 회원이 되어야 합니다.

우리는 굳이 그정도는 필요 없을 겁니다.

아이콘은 상단에 사이즈별로 구분하여 다운로드 할 수 있습니다. 큰 아이콘 이미지를 다운로드 받아 줄여서 사용해도 되지만, 일반적으로 홈페이지 아이콘 등은 동일한 크기로 지정되기 때문에 특별한 경우가 아닌 이상 고정된 사이즈로 다운로드 합니다.

상기 이미지의 우측 하단에 'Edit icon' 이란 버튼이 있는데 이를 클릭하면 간단한 편집을 할 수 있는 사이트로 이동합니다.

포토샵이나 일러스트레이터 같은 그래픽 툴이 없어도 웹상에서 간단하게 아이콘 디자인을 변경할 수 있는 프로그램을 지원합니다.

내가 작성하던 아이콘 디자인과 딱 맞는 스타일의 아이콘이 없을때 웹상에서 변경하여 사용할 수 있도록 해 주는 것입니다.

그 외에 일반적으로 내가 갖고 있는 이미지를 아이콘화 하시고 싶으신 분은 아래의 파비콘 만들기 글을 참고해 주세요.

파비콘이나 이이콘이나 변환하는 형식은 동일합니다.

[Smart Office/Web&App] - 파비콘 만들기 간단한 방법 - 티스토리 파비콘 적용