첫째, 아이폰 6 의 인터페이스 레이아웃은 다음과 같습니다.
750x 1334px 크기의 화면 4.7 인치.
☆ 상태 표시줄: 40px 높이의 전원 표시줄입니다. 을 눌러 섹션을 인쇄할 수도 있습니다
☆ 네비게이션: 상단 바, 높이 88px；;
☆ 마스터 메뉴 (탭): 탭 바와 하단 바, 높이 98px；;
☆ 내용 영역: 높이가1334px-40px-88px-98px =1108px 인 화면 가운데 영역
둘째, 아이폰 6 에 대한 아이콘 크기는 다음과 같습니다.
☆ 탐색 모음의 아이콘 높이는 약 44px (대부분의 기능 버튼) 이고 탭 모음의 아이콘 크기는 약 50x50px, 최대 96x64px 입니다.
☆ 닫기 버튼 34px*34px, 뒤로 버튼 26px, 간단한 획 아이콘 40px.
셋째, 일반적으로 사용되는 클릭 가능한 높이-로그인 상자, 암호 상자, 기능 목록 등 , 88px 로 통합 설정.
4. 아이폰 6 프로토타입지도 검색 표시줄, 입력 상자, 댓글 상자, 주소 표시줄의 높이를 58px 또는 60px 로 균일하게 설정합니다.
다섯째, 아이폰 6 디자인 초안에서 인터페이스 요소 간의 공통 거리입니다.
일반 간격-가까운 거리: 20px (모서리로부터의 거리); 먼 거리: 30px；;
기타 거리-10px, 44px 등.
블록 간격: 30-40px.
A. 먼 거리: 예를 들어, 휴대폰의 맨 왼쪽 화면으로부터의 아이콘 거리를 변경합니다.
B 친밀거리: 왼쪽 아이콘과 오른쪽 문자 사이의 거리.
여섯째, 검은색, 흰색, 회색 색상에 일반적으로 사용되는 값은 다음과 같습니다.
① 텍스트 블랙 #333
② 텍스트는 짙은 회색 #666 입니다
③ 텍스트는 밝은 회색 #999 입니다
④ 테두리는 연한 회색 #e5e5e5 입니다
⑤ 배경은 밝은 회색 #f2f2f2 입니다
⑥ 버튼 배경은 순백색 #ffffff 입니다
첫째, 주의사항
1, 각 프로젝트 설계에는 1-2 글꼴 스타일만 사용되며, 브랜드는 단어를 명확하게 지정할 때 전체 텍스트를 관통하는 하나의 글꼴만 필요합니다. 글꼴을 확대하여 핵심 문건을 강조하십시오. 서체를 많이 사용할수록 프로답지 않다.
2. 서로 다른 스타일의 서체, 모양이나 시리즈가 같은 것이 가장 좋다. 서체 스타일의 일관성을 보장한다.
3. 서체와 배경의 계층이 선명해야 서체 스타일이 색조 분위기와 일치하도록 해야 한다.
둘째, 인터페이스에서 문자를 선택하는 규칙
표준 글자는 플랫폼마다 인터페이스 디자인에 따라 다릅니다. 예를 들어, 휴대폰 인터페이스 디자인에는 고정된 글꼴 스타일이 있고 웹 페이지에는 몇 가지 일반적인 글꼴이 있습니다.
다음은 인치당 72 픽셀의 사양입니다.
터미널 일반 글꼴 이동
IOS: 중화고딕체나 겨울 청고체를 자주 사용합니다. 특히 겨울 청고체가 가장 효과적이며, 정방란정흑과 흑체도 많이 사용합니다.
셋째, 글꼴 크기
1, 탐색 표시줄 텍스트 크기 36-38px；; 을 눌러 섹션을 인쇄할 수도 있습니다
제목 크기: 32px, 34px；;
콘텐츠 영역의 텍스트 크기는 28px, 30px； 입니다.
4. 보조 텍스트: 20px, 24px, 26px；;
5. 탭 표시줄 (또는 주 메뉴모음) 의 아이콘 아래에 있는 텍스트 크기는 20px； 입니다.
6, 궁극적 인 원칙: 요소 높이의 절반을 초과하지 마십시오.
7. 행간: 1.2- 1.5 배 크기.
다음 그림은 사용자가 받아들일 수 있는 문자 크기를 보여 주는 바이두 사용자 경험에 대한 작은 조사입니다.