디자인 작업을 하다보면 아이콘을 사용할 일이 정말 많습니다. 그럴 때 규모가 큰 회사라면 아이콘을 전문으로 만드는 팀이 따로 있어서 괜찮지만 규모가 작거나 별도의 아이콘 제작 팀이 없다면 결국 UI 디자이너가 아이콘까지 제작해서 사용해야합니다. 그런데 아이콘 디자인은 라운딩, 간격, 두께 등 미세한 부분에 의해서 퀄리티가 달라지기 때문에 고도의 집중력과 세밀한 작업이 필요한 작업입니다. 그렇기 때문에 디자인 작업시에 들어가는 모든 시스템 아이콘을 디자인하는 것은 결코 쉽지 않습니다. 거기에 프로젝트 일정이 촉박하다면 더더욱 세밀한 아이콘까지 만들기는 시간이 걸립니다.
이럴 때 저는 주로 오픈소스 아이콘을 사용합니다. 디자인 퀄리티는 살려주고 작업시간은 단축시킬 수 있기 때문입니다. 이렇게 편리한 오픈소스 아이콘을 사용할 때 주의할 점이 바로 라이센스 입니다. 대부분의 디자이너분들은 상업적인 목적으로 오픈소스 아이콘을 사용하기 때문에 라이센스는 더더욱 민감한 주제일 것입니다.
그래서 오늘은 상업적으로 사용할 수 있는 라이선스와 라이선스 별로 주의할 점 그리고 마지막으로 제가 현업에서 자주 사용하는 오픈소스 아이콘에 대해서 포스팅 해보려고 합니다.
MIT 라이센스
대표적으로 많이 사용되는 라이선스 중에 하나로 상업적 사용이 가능한 라이선스입니다.
라이선스 이름에서도 나와있듯이 매사추세스 광과대학에서 만든 라이센스로 대부분 사용, 복제, 변경, 배포 등 자유롭게 사용할 수 있습니다. 단, MIT 라인센스를 사용할 때는 라이센스 표기를 해야하는데 보통 github 파일에서 LICENCE.txt, README.txt로 표기하고 사용합니다.
해당 아이콘들을 github에서 받으면 LICENCE.txt, README.txt와 같은 파일들이 있는데 해당 내용을 확인 후 배포시에 함께 포함해서 배포하면 됩니다.
제약 및 허가 사항
- MIT 라이센스 소프트웨어는 누구라도 무상으로 제한없이 사용해도 된다.
- MIT 라이센스 소프트웨어를 사용할 땐 사용한 소프트웨어의 저작권 허가 표시를 모든 복제물이나 중요한 부분에 기재해야한다.
- MIT 라이센스 소프트웨어를 사용해서 발생할 수 있는 손해에 대해서 책임지지 않는다.
출처: https://namu.wiki/w/MIT%20%ED%97%88%EA%B0%80%EC%84%9C
대표적인 MIT 라이센스 아이콘
Feather icon
Feather icon을 더 자세히 확인하고 싶다면 링크를 클릭해주세요
Feather – Simply beautiful open source icons
Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.
feathericons.com
github에 나와 있는 feather icon 라이센스입니다. 더 자세한 정보를 원하신다면 아래 링크를 참조하시면 좋을 듯합니다.
https://github.com/feathericons/feather/blob/main/LICENSE
Apache 라이센스
아파치(Apache) 소프트웨어 재단에서 자체적으로 만든 라이센스입니다. 대부분의 내용이 MIT와 비슷한데 수정, 배포시 원본 소스를 포함하지 않아도되어서 보다 유연하고 매끄러운 법적인 효과를 가지고 있습니다. 가장 큰 차이점으로는 특허권 측면에서 좀 더 완성도가 높은 라이센스라는 점입니다. Apache 라이센스로 특허를 출원할 때 소스코드 사용자에게 무제한적 사용을 허가하는 규정이 포함되어 있는데, 이렇게 한 이유는 소스코드를 공개해 놓고 그걸 사용했을 때 특허권 소송을 거는 것을 막기위한 규정이라고 합니다. 그래서 가장 선호받는 라이선스 입니다. MIT 라이센스와 마찬가지로 사용할 때는 LICENCE.txt, README.txt로 표기하고 사용해야 합니다.
제약 및 허가사항
- 누구든 자유롭게 아파치 소프트웨어를 다운 받아 부분 혹은 전체를 개인 또는 상업적 목적으로 이용할 수 있다.
- 원본 소스 코드 또는 수정한 소스 코드를 반드시 포함시켜야 하는 것은 아니다.
- 아파치 라이센스 버전 및 표기는 반드시 포함되도록 해야한다.
출처 : https://namu.wiki/w/%EC%95%84%ED%8C%8C%EC%B9%98%20%EB%9D%BC%EC%9D%B4%EC%84%A0%EC%8A%A4
대표적인 Apache 라이센스 아이콘
Google Material icon
https://fonts.google.com/icons
Material icon을 더 자세히 확인하고 싶다면 링크를 클릭해주세요
Material Symbols and Icons - Google Fonts
Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants.
fonts.google.com
해당 페이지 위쪽에 보면 Apache 라이센스를 확인할 수 있습니다.
이 외에 라이센스 규정이 더 궁금하다면 아래 url을 확인해봐도 좋을 듯합니다.
https://www.oss.kr/oss_license
지금까지 상업적으로 무료 사용이 가능한 Feather icon과 Material icon의 라이선스 규정과 각 라이센스별 제약과 허가사항에 대해서 알아보았습니다. Feather icon과 Material icon을 피그마에서 자유롭게 사용할 수 있는 플러그인에 대해서 궁금하시다면 아래 포스팅을 참고해주세요
2023.12.27 - [디자인 TIP] - 피그마(Figam) 팁 : 상업 무료 이용 아이콘 플러그인 사용 방법
피그마(Figam) 팁 : 상업 무료 이용 아이콘 플러그인 사용 방법
UI화면을 디자인하다보면 필연적으로 아이콘을 많이 사용하는데요. 규모가 큰 회사라면 아이콘을 전문적으로 그리는 담당 디자이너가 따로 있지만 규모가 작다면 UI 디자이너가 아이콘까지 다
yeon-design.tistory.com
'UIUX 디자인' 카테고리의 다른 글
| UIUX 디자인 컴포넌트 : 스낵바, 팝업, 바텀시트 모달 알림 종류별 특성 및 상황별 선택 가이드 (0) | 2024.05.23 |
|---|---|
| UIUX 디자인 기본 : 아토믹 디자인 시스템이란? (2) | 2024.04.28 |
| UIUX 일정관리 : 현업에서 일정관리하는 방법 WBS란? 필요 이유 및 작성방법 (0) | 2023.09.19 |
| 웹디자인 기초 : 기본 그리드 설정방법과 개념 및 제작시 고려사항 (0) | 2023.05.21 |
| 적응형과 반응형 디자인의 차이점과 제작시 고려사항 (2) | 2023.05.05 |
댓글