뉴비를 위한 팁
컬러 팔레트의 중요성
컬러의 중앙관리
게임의 UI 디자인은 많은 경우 똑같거나 비슷한 디자인을 색깔만 바꿔가며 여러곳에서 사용하는 경우가 많습니다.
이는 여러 이유에서 비롯된 개발 방식입니다.
리소스 절약: 똑같은 리소스를 재활용할 수 있습니다. 이는 개발 비용, 게임의 성능 등에 긍정적 영향을 줍니다.
다양성 추가의 용이성: 다양한 느낌의 UI를 비교적 적은 노력으로 만들 수 있습니다.
디자인의 체계화
UI/UX 아티스트는 반드시 정해진 키 컬러들을 기본으로 공유되는 리소스들에 이를 입혀가며 디자인 해 주세요.
기획에 맞추어 체계적으로 컬러 팔레트를 정리해주세요.
이미지 리소스등은 꼭 유니티에서 색을 입혀서 사용할 수 있도록 흰색/그레이 계열로 만들어주세요. (절대 리소스 그 자체로 색을 가져서는 안됩니다.)
만약 체계적인 컬러 팔레트 시스템이나 내부 툴링이 이루어지지 않았다면 오픈소스 UI 컬러 팔레트 시스템인 UPalette를 사용해 보세요.
리소스 관리와 성능
UI 중심의 앱에서 성능은 디자이너의 책임이다.
UI 중심의 앱에서 앱의 성능은 90% 이상 UI/UX 아티스트의 책임이 있다고 해도 과언이 아닙니다.
게임엔진의 특성상 대부분의 성능 부하는 리소스로부터 기인합니다.
잘못된 리소스 관리(중복 리소스/너무 큰 리소스/잘못된 스프라이트 아틀라스 관리) 등은 아주 큰 성능저하를 불러옵니다.
리소스는 최대한 재활용
너무 다양한 리소스를 만들지 마세요.
몇가지의 기본 요소들을 조합/재배치/컬러링 하면서 다양성을 줘 보세요.
9-Slice를 생각하자
9-Slice 는 게임 엔진등에서 아주 흔하게 사용되는 이미지 리소스 사용 방식입니다.
이미지를 아홉조각으로 잘라서 늘려가며 사용합니다.
즉, 최소크기의 리소스를 만들어서 다양한 크기로 늘려서 사용하기 위한 리소스 재활용의 방식이라고 생각해 주세요.
게임 엔진에서 9-Slice 로 사용될 수 있는 형태로 리소스를 제작/관리 해 주세요.
네이밍은 일관되게
prefix와 postfix
prefix: 앞에 붙는 것.
postfix: 뒤에 붙는 것.
리소스 네이밍 시에 적절한 prefix와 postfix 네이밍 규약을 정한 다음 프로젝트를 시작하세요.
네이밍 규칙이 일관되지 않은 프로젝트는 규모가 커질수록, 프로젝트가 진행될수록 엄청나게 관리하기 힘들어집니다.
폴더를 나누자
리소스의 사용처와 여러 디자인 의도에 따라 적절히 폴더를 나누어 주세요.
다른 사람들이 찾기 쉽도록 정리해 주세요.
이는 아래의 스프라이트 아틀라스(성능 최적화)와도 아주 큰 연관이 있습니다.
스프라이트 아틀라스
사용처에 따라 적절히 스프라이트 아틀라스를 묶어서 관리하면 성능상의 아주 큰 이득을 볼 수 있습니다.
기타 유의사항
노치 (safe area)
최신의 스마트폰은 대부분 노치/펀치홀 등의 화면을 가리는 영역이 존재합니다.
아티스트는 화면 구성시에 반드시 이를 고려하여 디자인을 해야합니다.
Last updated