[💬] 디자인 이론 설파

개발한지 2년정도밖에 안된 새내기지만 내가 만들면서 대충 세운 이론적인 부분을 한번 정리해보고자 함.

나는 일개 프로그래밍 전공 1인 개발자고 그림을 배운적이 없어서 걸러서 들으셈.

UI는 기본적으로 유저가 불편하지 않은게 1순위라고 생각함.

UI의 3요소는 미적인 부분, 행동 부분, 눈의 움직임을 고려해야한다고 생각하는데

행동부분은 기본적으로 자주 사용하는 버튼은 한 방향에 둬야한다임. 다만 이는 크게 중요한 수준은 아니고 마찬가지로 플레이어도 크게 느끼진 않음. 중요한건 자주 누르는 버튼의 경우에 동선을 최소화할 수록 좋다는거임.

눈의 움직임의 경우에는 실시간 게임에서 두드러지는데 플레이어는 플레이어의 상태와 화면 안의 기타 정보를 실시간으로 체크하게 됨.

예를들어 미니맵이 있다면 플레이어는 화면 중앙과 미니맵을 왔다갔다하면서 계속 보게 될거임. 이때 자주 확인해야하는 정보는 한 곳에 모아둬야한다는거임.

시선이 분산되면 산만함과 피로를 느끼게 됨.

배그의 경우는 체력바 부근에 다량의 정보를 몰아놨고

테라리아의 경우는 추적 장신구들의 정보를 미니맵 아래에 배치하고 있음.

물론 실시간으로 확인하지 않아도 피격시 확인할 수 있는 체력이나, 다 쓰면 총이 멈추는 탄창같은 경우는 중요도가 떨어진다고 볼 수 있어서 외곽에 배치해도 상관 없음.

눈의 움직임은 또 하나 고려해볼만한게 있는데 사람은 기본적으로 Z 방향이나 И 방향으로 읽음. UI 읽는 순서를 저런 모양으로 배치하면 훨씬 좋음.

그리고 가장 중요한 미적인 요소인데

UI 배치가 어려운 이유가 여기서 나옴. 위 두가지 조건을 만족하면서도 디자인적으로 유저를 만족시켜야함.

UI는 심플하면서도 깔끔함을 줄 수도 있고 복잡하지만 예쁜 방식도 있음. 심플한건 직접 그려도 괜찮게 보일 수 있다는 장점이 있지만 사실 얘도 쉽진 않음. 복잡한건.. 알거고..

이때 고려해야하는건 과도한 하이라이팅으로 시선을 분산시키는건 자제해야함. 기본적으로 대비가 적은편이 좋음.

디자인은 하고보니 예쁘다 가 될때까지 하는편이긴 한데

그래도 내가 정한 규칙이 있다면

요소들 끼리는 뭉쳐둔다.

여백은 내용물 중앙에 만들지 않는다.

여백의 비율을 일정하게 한다.

제일 중요한 다른 게임의 UI들을 반드시 참고한다..

나는 UI를 전부 도트로 찍는편임.

이러면 단순해보이고 싸보일 수 있는데 그래도 반드시 알아둬야하는점은 작은 도트는 반드시 작게 쓰라는거임.

16 16짜리 아이템 아이콘 같은걸 크게 박는게 가장 싼티나게 보일 수 있는 방법임. 색이 많이 쓰였을 수록 심함.

그리고 이것도 모르겠냐만은..

꼭 팔레트 써서 작업하셈. 에셋과 게임 분위기에 맞는 팔레트를 찾고 그걸 기반으로 해야함.

폰으로 적느라 사진 없는 글인건 좀 아쉽구만

- dc official App

댓글 1