휴대폰 인터페이스 디자인 상식 사양

자격을 갖춘 APP 개발 UI 디자이너가 되려면 모바일 시대의 발자취를 따라 각 UI 디자이너가 반드시 익혀야 하는 기본기를 이해해야 한다.

첫째, 플랫폼을 이해합니다.

웹 디자이너가 HTML/CSS 를 알아야 하는 것처럼 모바일 UI 디자이너로서 모바일 앱의 아키텍처를 이해해야 합니다. 첫째, 모바일 단말기 디자인의 언어는 웹 디자인의 언어와 다르다. 플랫폼마다 프로그래밍 언어와 인터페이스가 다르며, 모바일 터미널 인터페이스의 구성은 CSS 와 태그로 구현되지 않습니다.

공식 개발 문서를 깊이 읽고, APP 의 문서 지식, APP 구성, 컴파일 방법, 게시 방법, 설계 규칙 등을 더 잘 이해해야 합니다. 이러한 것들은 애플리케이션 개발뿐만 아니라 시스템의 안정성, 수명 등에 영향을 미칩니다. 모바일 UI 디자이너로서 간단한 모바일 디자인만으로는 충분하지 않습니다. 우리는 장기적인 관점에서 고려해야 한다.

둘째: 모바일 엔드의 기술 구성을 이해합니다.

UI 디자이너에게는 플랫폼의 기본 특성만 아는 것만으로는 충분하지 않습니다. 다음으로 위치 서비스 (wifi, GPS 등) 와 관련된 기술 구성 요소를 이해해야 합니다. ), 블루투스 (저전력 블루투스 기술), 신호, 전면 및 후면 카메라, 마이크, 자이로 스코프, 위치 센서, 가속도 센서, 지문 스캐너 (아이폰 5S), 안구 추적 기술, 음성 인식, 얼굴 인식 등 모든 신기술의 배후에는 응용, 인터랙티브 디자인, 체험, 심지어 비즈니스 모델까지 더 많은 가능성이 있다.

셋째, 지역 UI 구성 요소의 개발 잠재력을 발견하십시오.

각 모바일 운영 체제에는 항상 많은 로컬 UI 구성 요소가 있으며, 사용자 정의를 용이하게 할 수 있는 자유도가 매우 큽니다. (존 F. 케네디, Northern Exposure (미국 TV 드라마), 휴대폰명언) 그들의 특성 (크기, 크기, 기능) 을 정확하게 이해해야 하며, 협력하는 개발자를 위해 많은 시간을 절약할 수 있습니다.

넷째, 모바일 측 워크 플로우를 이해합니다.

SDK 를 설치하고 실행하여 TubyMotion, Xamarin, Titanium 과 같은 모바일 개발 프레임워크를 이해합니다. 모바일 개발에 필요한 모든 측면을 포함하고 있으므로 통합 개발 환경에 익숙합니다.

다섯째, 모바일 단말기의 인터페이스 모드를 이해합니다.

세 모바일 플랫폼 사이에는 유사점이 있지만 상호 작용 설계에 대해 자세히 살펴보면 개념적으로 큰 차이를 발견할 수 있습니다. 디자이너로서, 당신은 이러한 차이점과 그것들이 실제 사례에 어떻게 반영되는지 이해해야 한다.

단일 플랫폼에만 집중하지 마십시오. 세 플랫폼 모두 깊이 체험이 필요합니다. 하루에 적어도 한 번, 적어도 반년은 놀아야 합니다. 이 과정에서 차이를 체득하고, 중요하다고 생각하는 대표적이고, 기록을 보존할 가치가 있는 화면을 보존한다. 단일 플랫폼의 열광적인 팬으로서, 당신은 모바일 UI 디자이너가 될 수 없습니다.

여섯째: UI 디자인을 기록하고 설명하십시오.

스크린 샷이 UI 의 모든 특성을 보여주기에 충분하지 않다는 점을 감안하면 인터페이스의 상태, 전환 과정, 전환 애니메이션 등의 정보를 기록하고 상황에 따른 인터페이스 피드백을 기록하는 법을 배워야 합니다.

모바일 ui 디자인 규칙은 무엇입니까?

원칙 1: 내용 1 위.

인터페이스 레이아웃은 컨텐츠 지향적이어야 하며 사용자의 기대에 맞는 컨텐츠를 제공해야 합니다.

원칙 2: 터치 디자인

인터페이스 디자인의 상호 작용 시스템은 자연스러운 제스처를 기반으로 인체 공학적 보존의 일관성에 부합한다.

원칙 3: 입력 방법 변환

각종 휴대전화의 설비 특성과 설계 방법을 이용하여 앱의 문자 입력을 줄이다.

원칙 4: 유창함

상호 작용에서 손가락과 제스처를 적용하는 작업 흐름, 사용자의 주의력 프로세스 및 인터페이스 피드백 세션의 유동성을 유지합니다.

원칙 5: 다 채널 설계

장치의 다중 채널 특성, 공동 작업 다중 채널 인터페이스 및 상호 작용을 최대한 활용하여 사용자가 더 사실적이고 몰입할 수 있도록 합니다.

원칙 6: 배우기 쉽다

인터페이스 구조를 간결하게 유지하고, 탐색 설계를 명확하고 이해하기 쉽고, 조작이 간단하고, 사용자가 인터페이스의 표의 요소 및 인터페이스를 통해 제공하는 단서를 통해 작동 방식을 명확하게 알 수 있습니다.

원칙 7: 인터럽트를 위한 설계

응용 프로그램 사용 시나리오를 고려하여 사용자가 이전 작업을 복원하고 중단된 각 장면 아래에서 사용자의 노동 노력을 유지할 수 있도록 합니다.

원칙 8: 지혜에는 사랑이 있다.

사용자에게 흥미롭고, 지능적이며, 효율적이고, 세심한 디자인을 제공합니다.

모바일 앱의 UI 디자인을 표준화하는 방법?

모바일 APP 용도/시스템 1 에 대한 UI 사양을 표준화하는 방법은 플랫폼별로 일관된 인터페이스 사양을 준수하여 최종 설계된 인터페이스 효과를 최적화합니다. 모바일 APP 의 UI 2 를 표준화하여 생산성을 높이는 방법, UI/UE/ 개발자 간의 공동 작업이 더 쉬워집니다. 자원 또는 설계 문제로 인한 반복적인 수정, 반복 노동, 비효율성을 줄입니다. 3 표준화된 방식으로 사용자 중심 목표를 달성합니다. 최고의 결과와 최고의 경험을 사용자에게 제공하십시오. 4 현재 가장 많이 사용되고 있는 휴대폰 운영 체제 플랫폼은 안드로이드, IOS, Windows Phone 입니다. 기타 운영 체제로는 블랙베리 10, NokiaOS, Firefox, Sailfish OS, Tizen 등이 있습니다. UbuntuTouch 가 휴대폰 APP 1 IOS 에 대한 UI 디자인 크기/화면 지원을 규제하는 방법: 너비 640PX 높이 1 136px. 물론 적응 모드는 향후 화면 확장의 요구를 충족하기 위해 필요합니다.

IOS 시스템은 아이폰 4 부터 Retina 시대로 접어들면서 자원 크기 비율이 1X 에서 2X 로 바뀌었다. 2 안드로이드: 폭 720px, 높이 1280px. 적응 모드로 설계되었는데, 지금은 안드로이드 시스템의 화면이 점점 다양해지고 있습니다! 안드로이드 시스템은 어댑티브 화면 지원을 사용합니다. 화면 크기가 다르기 때문에 ldpi(240*320), mdpi(320*480), hdpi(480*800), XH DPI (720 */의 네 가지 범주로 간단히 나눌 수 있습니다. 폭은 640px 이고 높이는 960px 입니다. 세부 정보 모듈1탐색 모음: 해당 기능 또는 페이지 간 점프 버튼을 포함한 현재 인터페이스의 이름을 표시합니다. Ios 탐색 모음의 ui 아이콘 형식은 60px+공백+7px 이고, 안드로이드 시스템의 경우 64px*48px+공백+8px 2 탭 표시줄: 사용자가 다양한 하위 작업, 보기 및 모드 사이를 전환할 수 있습니다.

Ios 탭 모음: 98px Android 탭 모음: 96px 3 도구 모음: 관련 개체의 조작 버튼을 현재 화면이나 보기에 배치합니다. Ios 시스템 탭 표시줄: 88px Android 시스템 탭 표시줄: 96px 4 사용자가 보다 직관적으로 경험할 수 있도록 자원에는 다양한 상태가 필요합니다.

5 목록: 어떤 형식의 목록이든 단일 라인 목록의 높이는 사용자 손가락 접촉에 가장 적합한 값이어야 합니다. IOS 시스템 높이 88px Android 시스템 높이 96px 6 글꼴: IOs: 기본 글꼴 영어 HelveticalNeue 중국어 bold Android: 기본 글꼴 Droidsans fallback 은 Google 자체 글꼴입니다. 마이크로소프트 야헤르와 많이 닮았어요. 글꼴 번호 7: 아래 IOS 를 예로 들어 내 음악: 34 px 내 음악, amoy 노래, 발견: 30 px Muxx 34 px 지역 음악, 30 px 거품, 등자기 24px 8 바탕 화면 아이콘: 시스템 통행할 수 없는 데스크탑 아이콘 디자인에 따라 통행할 수 없는 크기로 디자인해야 합니다. 9 디테일 모듈: 디테일이 가장 중요하며, 좋은 콘텐츠와 완벽한 디테일만이 방문객의 주의를 끌 수 있습니다! 그래서 제작 과정에서 더욱 주의해야 합니다! 전재.

휴대 전화 UI 디자인 사양은 무엇입니까?

이것은 크리에이티브 디자인 아카데미의 대답입니다.

휴대폰 UI 의 규격은 안드로이드와 IOs 로 나뉘어 내용이 더 많다. 사진 몇 장, 아이폰, 참고할 수 있어요. 증명서가 필요하면 Q 군: 527+963+ 152, 선생님을 찾아 증명서를 요구하세요.

너를 도울 수 있기를 바란다. 감사합니다.