[🐣질문] UI 처음 만들어보는데 감을 못잡겠어서 올림

[익명(112.147)]

지금까지 만든건데 뭔가 좀 아쉬워보이지 않음?

도저히 수정해봐도 뭐가 문제인지 모르겠어서 올림

[숔숔(121.143)]

폰트 크기 줄이자

[익명(223.38)]

느낌 오도록 사진을 한장씩 나눠서 첨부해 세개 연달아 있으니까 더 모르겠어

[익명(112.147)]

바꿨다

[익명(223.38)]

랜덤다이스같은 느낌 나는데 아이콘이 너무 큼지막한거 같은데 한줄에 4개 말고 5개나 6개 함 배치해보실? 컬러 팰리트도 이쁜걸로 하나 잡아서 색감 통일해보고. 폰트도 조금 줄여봐

[익명(1.236)]

색감이 구림

[커피는Starbucks(dutchcube)]

다짜고짜 이렇게만 올리면 조언하기 힘들다. 무슨 게임을 만들고 잇고 여기에 어떤 의도를 주고싶은데 어떻게 구성해야할 지 모르겟다 라고 해줘도 하기 힘든데 이미지만 올리면 더 힘들지.

[로망바드(kong1659)]

이래저래 쓰다가 너무 길어져서 삭제했음. 바로 적용 가능한 간단한 팁만 적어볼게.

[로망바드(kong1659)]

1. 전반적으로 폰트 사이즈가 너무 크다. ; 폰트가 크면 클수록 잘 보이고 잘 읽히지만, 너무 크면 촌스러워 보이는 단점이 있어. 전체적으로 3/4정도, 특히 확인, 취소같은 버튼 텍스트는 2/3이하로 줄여봐도 좋을 것 같아. 레이아웃을 보니 클래시로얄을 많이 참고한 것 같은데, 클래시로얄과 자신의 스크린샷을 같이 놓고 비교해보면 도움이 될 것 같아.

[로망바드(kong1659)]

2. 중요한 걸 더 잘 보이게. 결국 UI도 정보전달이라는 점에선 다른 매체들과 똑같아. 유저에게 더 잘, 더 먼저 보이게 하고 싶은 요소들을 더 눈에 띄게 디자인(크기, 명도대비, 높은채도)하고, 그렇지 않은 걸 죽일 필요가 있어. 일례로, 첫번째 스크린샷의 팝업을 보자. 무슨 팝업인지를 알려주는 타이틀 텍스트 '캐릭터'와 버튼인 '확인', '취소'중 무엇을 더 강조하는게 좋을 것 같아? 지금 디자인대로라면 유저는 먼저 버튼을 보고 그 다음에 이 팝업이 무슨 팝업인지를 나중에 알게 될거야. 물론 이 과정은 무척 짧은 시간이 일어나지만, 일반적인 경험은 아니니까 무언가 이상하다는 느낌은 남겠지.

[로망바드(kong1659)]

3. 확인과 취소, X버튼 같이 테두리를 벗어나는 디자인도 2번 관점에서 같이 생각해야 돼. 저런식으로 튀어나가는 형태의 디자인은 필연적으로 시선의 집중을 부르거든(자연스러운 시선 흐름을 막으니까) 그만큼 중요한 요소라면 모르겠지만, 그게 아니라면 필요 이상으로 집중도가 높아지고 복잡해 보일 수 있어.

[로망바드(kong1659)]

4. 마지막으로 요소들의 채도(색의 선명하고 흐린 정도)나 명도(어둡고 밝기)를 다시한번 체크해보면 좋을 것 같아. 색상의 밝기나 선명함이 다 고만고만하니까 남은 요소라곤 색상의 종류밖에 없는데, 이러면 모든 친구들이 자기 주장을 하고 있는 것과 같아보여 눈이 피로해져. 2번 요소랑도 안맞으니 들어가 있는 내용에 비해 복잡도도 높아보이는 것도 있구.