Ad Block 한번만 꺼주시면 안될까요..?
기타

앱 / 게임의 UI를 디자인하기 (무료 UI 에셋?)

UniCoti(유니코티) 2024. 1. 22.

이 글을 찾은 독자님들도 마찬가지일 것이다. 기능을 완벽하게 만들었더라도

디자인을 예쁘게 하지 못한다면 게임이나 앱 같은 소프트웨어는 반드시 실패한다.

나는 1인 개발자로서 개발을 배웠기 때문에 디자인과 마케팅이 항상 문제였다.

 

이번 글에서는 내가 찾은 한 가지 방법을 소개할까 한다.

 

https://alpaca-code.tistory.com/101 (UI가 아닌 에셋 무료 사이트)

 

상업적, 사적 무료 게임 개발 에셋 사이트.

유니티를 2년 조금 넘게 사용해 온 1인 개발자로서 1인 개발의 가장 큰 문제점은 음향, 모델링, UI에 사용될 디자인, 게임의 퀄리티를 높여줄 그림 등 게임 제작에 필요한 것들 즉, 에셋을 혼자 모

alpaca-code.tistory.com

 

https://alpaca-code.tistory.com/171 (언리얼의 무료 에셋)

 

Unreal Engine 5) 빠른 내장 무료 에셋 가져오기. (Bridge)

대표적으로 에셋을 가져오고 싶은 경우엔, 언리얼 엔진은 마켓플레이스가 대표적이고, 유니티는 에셋스토어가 대표적인데, https://alpaca-code.tistory.com/101 상업적, 사적 무료 게임 개발 에셋 사이트

alpaca-code.tistory.com


내가 찾은 방법은 Figma라는 디자인 툴 안에 있는 "커뮤니티" 탭이다.

나는 Figma를 어느 정도 다룰 줄 안다. 디자인을 할 수 있게 되길 바랐길 때문이다.

데 내가 찾은 이 방법을 알면 딱히 몰라도 상관없다. 우선 Figma를 켜주자.

 

https://www.figma.com/

 

Figma: The Collaborative Interface Design Tool

Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform.

www.figma.com

(웹사이트로 접속해도 됨)

 

Get Started 버튼
시작 버튼

 

알아서 개인의 계정으로 접속해 주고, 몇 가지 세팅을 해주자.

 

무료 플랜 선택!

 

세팅 중간에 플랜을 선택할 수 있는데, 무료 버전으로 선택해 주면 된다.

 

예시 화면
예시 화면
Drafts 버튼 클릭!
Drafts 버튼

아마도 이런 화면이 나올 것이다. 

여기서 중간쯤 상단에 있는 "Draft"를 클릭해 주자. 

 

Drafts 화면
Drafts 홈 화면
Explore Community

 

그럼 이런 홈 화면이 나오게 된다. 여기서 좌측 최하단에 있는 "Explore Community"를 클릭해 주자.

 

Community
Community

 

그럼 이런 화면으로 이동하게 될 것이다. 도착했다.

이 화면에서 검색창으로 원하는 디자인 템플릿을 입력해 주면 된다.

 

예시를 들어보겠다. 나는 게임개발자이기 "Game UI"라고 검색해 보겠다.

 

이렇게 돈 주고 팔만한 스프라이트들이 무료로 있는 걸 볼 수 있다!

심지어 라이선스만 잘 확인하면 상업적 용도로도 쓸 수 있다.

 

게임뿐일까? 앱 UI도 꾸밀 수 있다. 앱 개발자라면 이러한 리소스를 활용해 봐도 좋다고 생각한다.

 

또한 굳이 한 패키지에서 다 찾아쓸 필요는 없고 개인이 쓰고 싶은 것만 꼽아서

앱/게임 개발 환경에 불러와서 활용해 주면 훨씬 다양하게 연출 가능하다.

 

이 글이 1인 개발자들에게 큰 힘이 되어주길 바란다.

나는 이 방법을 어느 정도의 해답으로 생각하고 있다.

앞으로는 무료 마케팅에 대한 해답만 찾으면 될 것 같다. (있을까?)


여기까지 Figma의 Community 탭에 대해서 알아보았다.

앞서 말했지만 이 글이 많은 1인 개발자들에게 도움이 되었으면 좋겠다.

추가로, 상업적 용도로 사용하고 싶다면 라이선스를 제발 자세히 읽어봐라.

법에 걸릴 경우 매우 많은 금전적 손해가 생길 수 있다. 헷갈린다면 메일이라도 보내봐라.

 

https://creativecommons.org/licenses/by/4.0/legalcode.ko

 

CC BY 4.0 이용허락규약 | 저작자표시 4.0 국제 | Creative Commons

Version 4.0 • See the errata page for any corrections and the date of change About the license and Creative Commons ‘크리에이티브 커먼즈(Creative Commons)’는 법률사무소가 아니며 법률 서비스나 법률 자문을 제공하지 않

creativecommons.org

라이선스는 대부분 CC BY 4.0 인 것 같은데, 위의 링크를 확인하라.


이상으로 도움이 되었길 바라며,

 

끝.

댓글

💲 추천 글