필수정보 : 미니프로그램 개발문서 및 설계지침의 핵심사항에 대한 자세한 설명

본 글은 주로 위챗에서 공식적으로 발표한 개발 문서와 디자인 가이드라인에 대한 자세한 설명을 제공합니다.

미니 프로그램 개발 문서

미니 프로그램 개발 방법에 대한 전반적인 소개와 공식적인 예. 체험해 보시라고 초대받은 개발자라면 코드를 스캔하여 미니 프로그램을 체험해 볼 수 있습니다.

미니 프로그램 디자인 가이드

미니 프로그램 디자인 사양에 대한 규정은 사용자 경험, 요소 스타일, 레이아웃까지 매우 포괄적입니다. 이는 WeChat이 소규모 프로그램과 그 엄청난 기능을 강조하는 것을 반영합니다. 제한 없이 성급하게 공개하면 심각한 제품 분열로 이어질 수 있다는 우려가 있습니다.

다음으로 두 문서의 구체적인 내용을 소개하기 시작합니다.

1. 미니 프로그램 개발 문서

문서 시작 부분에 언급되어 있습니다.

는 WeChat에서 제공하는 기능을 쉽게 활성화할 수 있는 WeChat 네이티브 API 호출을 지원합니다. 사용자 메시지 획득, 로컬 저장, 결제 기능 등

실제로 여기에 나열된 여러 기능은 이전 공개 계정 개발에서도 구현될 수 있습니다. 우리에게 있어서 이 문장의 핵심은 "네이티브"입니다. 기본적으로 탐색 바와 버튼과 같은 구성 요소가 실제로 WeChat의 중간 계층을 통해 네이티브 구성 요소로 변환되어 렌더링 속도와 운영이 효과적으로 향상된다고 판단할 수 있습니다. 페이지 효율성을 높여 네이티브 앱에 더 가까운 경험을 제공합니다.

데모 프로그램에는 드롭다운, 탐색 모음 등과 같은 몇 가지 새로운 구성 요소가 표시됩니다. 미니 프로그램은 기본적으로 HTML+CSS와 유사한 결합된 언어 도구도 제공하므로 새로운 구성 요소에 놀라지 않습니다. 생각할 수 있는 한 개발자는 WeChat에서 제공하는 개발 도구를 통해 더 많은 구성 요소를 구현할 수 있어야 합니다.

2. 미니 프로그램 디자인 지침

이번 WeChat의 디자인 사양은 더 구체적이고 심오합니다. 공식적으로 디자인이 WeChat 사양을 준수해야 한다고 규정할지는 확실하지 않습니다. 그렇지 않으면 매대에 올려지지 않을 것입니다. 하지만 저는 개인적으로 생태계가 성숙해짐에 따라 WeChat의 엄격한 관리 스타일을 따르는 것이 불가능하지 않다고 생각합니다.

그러나 다른 관점에서 보면 WeChat은 WXSS(CSS는 그 하위 집합)라는 스타일 정의 언어를 제공하는데, 이는 디자인 사양이 제한되어 있더라도 사용자에게 매우 강력한 스타일 사용자 정의 기능을 제공해서는 안 됩니다. 너무 단단하거나.

1. WeUI 업데이트

새로운 디자인 스타일과 구성 요소를 갖춘 WeChat의 공식 프런트엔드 UI 프레임워크인 WeUI도 주요 업데이트를 받았으며 독립적인 io 도메인 이름을 갖게 되었습니다. https: //weui.io.

이 업데이트에서는 다음도 제공합니다.

스케치 디자인 제어 라이브러리: https://github.com/weui/weui-...

Photoshop 디자인 제어 라이브러리: https://wximg.gtimg.com/shake...

디자인 소스 파일을 제공함으로써 디자이너는 위챗 미니 프로그래밍 과정에 더욱 편리하게 참여할 수 있습니다.

보다 일관된 디자인을 달성하기 위해 최신 디자인 소스 파일도 해당 글꼴 파일을 제공합니다. 중국어 폰트는 Pingfang(iOS)과 Siyuan Heidi(안드로이드)를 사용하고, 영문 폰트는 SF UI Display(iOS)와 Robot(안드로이드)을 사용한다.

2. 사용자 경험 사양

문서에는 좋은 점과 나쁜 점에 대한 설명도 부분적으로 설명되어 있습니다.

미니 프로그램의 몇 가지 중요한 시각적 특징은 디자인 사양에서 엿볼 수 있습니다.

3. 계층 사양

WeChat의 계층은 단순하고 멋진 기본 애니메이션이 없지만, 하지만 이번에 페이지 수준 사양을 보면 Google Material Design이 처음 출시되었을 때의 놀라운 느낌이 아직도 생각납니다.

위챗 자체와 유사하게 위챗 미니 프로그램의 4단계는 이해하기 쉽습니다.

자세한 내용: 미니 프로그램 개발 문서 및 디자인 지침의 핵심 사항에 대한 자세한 설명. , PHP 중국어 웹사이트를 주목해주세요!