UIUX (2) 썸네일형 리스트형 게임 UI 알아보기 [클래시 오브 클랜] 이번에 살펴볼 게임 UI는 '클래시 오브 클랜'이다. 피그마로 클래시 오브 클랜의 메인화면 UI 배치나 크기를 따라 만들어보면서 대략적인 가로모드 게임 UI에 대한 감을 잡아 보았다. 왼쪽은 나의 게임 메인 화면이고, 오른쪽은 피그마로 클오클의 아이콘 크기와 배치를 카피해 본 것이다. 메인화면에 들어가는 기능이 약 18개로, 굉장히 많지만 UI는 전혀 조잡하지 않고 정돈된 느낌이 있다. 아이콘 크기도 적당하고 여러모로 UI를 뜯어보기에 좋은 레퍼런스인 듯하다. 화면 높이 360px을 기준으로, 작은 아이콘 박스 크기는 33px로 동일하며 큰 박스는 62 or 64로 60 초반 값을 가진다 그리고 왜인지 모르겠는데 간격이 다 다르다 같은 크기의 아이콘이라도 어떤 곳은 간격이 6이고 어떤 건 9이다. -> .. UI/UX 디자인 툴 [ 피그마(Figma) ] UI/UX에 관심이 있다면 '피그마(Figma)'에 대해 한 번쯤 들어보았을 것이다. 피그마는 웹 기반 UI/UX 디자인 프로토타이핑 툴로, 요즘 많은 회사에서 이용 중인 툴이기도 하다. 특정한 일부 서비스를 제외하고는 무료로 거의 모든 기능을 사용할 수 있어서 (매달 몇 만 원씩 내야 하는 어도*와는 달리,,^^ ) 학생들도 마음 편하게 쓸 수 있다는 장점이 있다. 또한 웹 기반 프로그램이라 따로 저장이 필요하지 않다. 굳이 ctrl+S를 누르지 않아도 실시간으로 자동 저장이 된다. 무료 프로그램, 실시간 저장 기능 외에도 피그마의 핵심 기능은 바로 '협업'이라고 할 수 있다! 위 사진처럼 공유하고 싶은 사람의 이메일을 입력하거나, 직접 링크를 보냄으로써 현재 작업 중인 피그마 링크를 공유할 수 있다... 이전 1 다음
