처음 UI를 접했을 때 가장 많이 접했던 문제는 크기 문제였습니다. 캔버스의 크기는 얼마나 커야 합니까? 인터페이스는 몇 세트로 만들어야 합니까? ? 정말 머리가 아프네요.
더 이상 헛소리는 하지 마시고, 인내심을 갖고 읽어보시고 사이즈 걱정은 그만 하시길 바라겠습니다.
1. 크기 및 해상도
iPhone 인터페이스 크기: 320*480, 640*960, 640*1136
iPad 인터페이스 크기: 1024*768, 2048 *1536
단위: 픽셀 72dpi. 디자인할 때 크기별로 세트를 만들 필요가 없습니다. 일반적으로 효과를 미리 보는 것이 더 편리합니다. , 640*960 또는 640을 사용합니다. *1136 사이즈로 제작되었습니다.
Ps: 그림을 그릴 때, 나중에 그림을 자르거나 크기를 변경하기 쉽도록 모양 도구(단축키: U)를 꼭 사용하세요.
2. 인터페이스의 기본 요소
iPhone 앱 인터페이스는 일반적으로 상태 표시줄, 탐색 표시줄, 기본 메뉴 표시줄, 콘텐츠 영역의 네 가지 요소로 구성됩니다.
여기서는 640*960이라는 사이즈 디자인을 사용했는데, 이 사이즈에서 요소들의 사이즈에 대해 이야기해보겠습니다.
상태 표시줄: 신호, 교환원, 배터리 등 휴대폰의 상태를 표시한다고 흔히 말하는 영역입니다. 높이: 40px
탐색 표시줄: 해당 기능 또는 페이지 간 점프 버튼의 높이를 포함하여 현재 인터페이스의 이름을 표시합니다: 88px
메인 메뉴 표시줄: 페이지의 메인 메뉴와 유사하며 분류된 항목으로 빠른 점프를 제공합니다. 전체 애플리케이션의 콘텐츠, 높이는 98px
콘텐츠 영역: 애플리케이션에서 제공하는 해당 콘텐츠를 표시합니다. 레이아웃은 전체 애플리케이션에서 가장 자주 변경되며 높이는 734px입니다.