[💬] ui가 어려우면 객체 지향적으로 만들어라

[익명(erlerm633)]

ui가 어렵다는 글이 많아서 내가 사용하는 방법을 공유하려고 함

참고로 디자인 배워본적 없으니 아니다 싶으면 걸러들으면 됨

모바일 시장에서 신작 게임 출시한다고 프리퀄 영상 올라오면

어차피 ui 씌우면 양산형 똥겜된다는 댓글달리잖아

이 말 자체가 유저는 오로지 게임 화면에 몰입하고 싶은데

쓸데없는 ui가 게임 뷰를 가린다는 거임

이 경우 메인 화면에 인벤토리, 캐릭터, 친구창, 우편함 등 온갖 버튼을 다 꺼내 놓기보다

네비게이션 패널 만들어서 안쓰는 버튼은 숨겨놓는게 훨씬 깔끔하겠지

즉 모바일에서의 ui는 최대한 숨기는 방향으로 만들면 대부분 정답임

팁이라면 나는 객체 지향 관점에서 생각함

ui의 목적은 정보의 입출력이고

핵심은 정보인데 이걸 변수나 함수로 생각하면 쉬움

예를들어 캐릭터 정보를 표시하는 패널에 뜬금없이 골드, 다이아를 표시할 필요가 있을까?

재화는 재화를 사용하는 상점에서만 표시하면 됨

캐릭터가 클래스고 재화가 변수라고 생각하면

해당 변수를 어느 클래스가 가지고 있는가로 생각할 수 있음

다른 예로 함수의 중복 선언 관점에서 보면

장비 마다 착용 버튼(함수)을 넣기 보다

인벤토리 창에 선택한 장비를 착용하는 버튼을 추가하는게 낫겠지

객체 지향 관점에서 보면 너무나 당연한건데

대부분 게임에서 이걸 안지켜서 ui 때문에 오히려 몰입감이 떨어짐

그럼 불필요한 요소는 제거했는데 어떻게 적재적소에 배치하느냐

나는 오히려 게임보다 웹앱쪽을 참고함

게임 ui는 자료도 없을 뿐더러 uix는 웹, 앱 주도로 발전해왔고

이쪽에서 성숙된 기술이 게임으로 넘어오는 게 대부분임

포트폴리오 참고하면서 컬러 팔레트나 화면 배치 그대로 따라만 해도 제법 그럴듯한 결과물이 나옴

다만 인벤토리, 스킬창 같은건 없으니 데이터 테이블, 갤러리 등 비슷한걸 참고해서 만들어야 함

그리고 pc는 배치 생각안하고 만들어도 공간이 차고 넘쳐서

작정하고 화면 가리려고 해도 못채울거임

pc에서는 ui 이슈가 안나오는게 이러한 이유라 생각함

[ㅆㅇㅆ(124.216)]

흠....

[ㅆㅇㅆ(124.216)]

그렇다면 좋은 UI는 어떤 컨셉으로 만들어야돼?

[익명(erlerm633)]

핵심을 짚었는데 위 방법은 좋은 ui를 만드는 방법이라기 보다 나쁜 ui를 피하는 방법에 가까움. 나는 웹앱 쪽 ui 종종 찾아보는데 확실히 밥먹고 이거만 하는 애들이라 감탄나오는것들이 있더라고. 고수들 코드보고 공부하듯이 많이 보려고 하는 편임.

[얀테이(lose7560)]

좋은 글 써주셔서 감사함니다!
혹시 필요하신 분 있을까봐 참고자료 링크를..
게임 ui 레퍼런스용 사이트
https://www.gameuidatabase.com/
ui/ux
자료 모음
https://boom-seeder-9ee.notion.site/UIUX-dcfa267e96aa4679b0c0622a99d3ceaa

[얀테이(lose7560)]

[ㅇㅇ 1(211.210)]

장비 마다 착용 버튼(함수)을 넣기 보다 인벤토리 창에 선택한 장비를 착용하는 버튼을 추가하는게 낫겠지 씨발 ㄹㅇ 이게 존나 좋은 접근인듯, 내가 ui 만들면 만들수록 이런 형태가 되는거같음 솔직히 개인적으로 이런 접근은 객체지향이 아니라 절차지향 같긴해

[ㅇㅇ 2(61.255)]

UI가 어렵다는건 보통 디자인이 어렵다는거 아니었나?