Folding screen mobile phones are very popular in recent years , We aim to use HarmonyOS The folding screen mobile phone provides application design guidance ——HarmonyOS Folding screen design specification . This specification belongs to UX Scope of design specification , Designed to enhance the user experience . adopt HarmonyOS Folding screen design specification , Alignment design language , Pull through the direction of experience design , Help designers unify design quality , Provide clear and consistent information for end users 、 Easy to use experience .
With Huawei's new generation of folding screen Mate X2、P50 Pocket Release , Huawei's latest HarmonyOS Folding screen design specifications are coming ！
Now follow us to understand HarmonyOS New highlights of folding screen design specification ~
One 、 New design specification for external screen
in the light of 2021 The new folding screen has a unique outer screen ,HarmonyOS Folding screen design specification has added “ SubLCD ” This chapter introduces the adaptation design of the external screen , Help designers make full use of the outer screen of the folding screen , Bring additional surprise experience to users .
When the folding screen is folded , There is a piece to show 、 Interactive screen , It is called external screen . According to the size of the external screen , The external screen is divided into large external screen and small external screen . The size of the large external screen is close to that of an ordinary mobile phone , It can be designed directly according to the layout and interaction of mobile phone or folding screen . Small external screen, small size , Only a small amount of key information or shortcuts can be displayed , Appropriate adaptation design is required .
chart 1 Two specifications of external screen
Because the small external screen needs special adaptation design ,“ SubLCD ” This chapter makes a detailed description of the adaptation design of the small external screen , Including applicable scenarios 、 Visual display template 、 Interface language, etc . Pictured 2 Shown ,“ SubLCD ” This chapter provides visual display templates and cases of small external screens .
chart 2 Templates and cases of small external screen
in addition , This chapter also describes in detail the experience connection rules and applicable scenarios of the internal and external screens . Seamless experience connection is recommended for large outer screen and inner screen ; Small external screen and internal screen need to distinguish between scenes and states to consider whether to experience connection .
Two 、 New multi window interaction specification
The wide screen feature of the unfolded state of the folded screen makes it naturally suitable for multi task parallel processing , So in HarmonyOS The folding screen design specification specially adds “ Multi window interaction ” This chapter , Help designers make full use of widescreen to realize multi task parallelism 、 Convenient temporary task processing , Provide users with a better use experience .
This part mainly introduces the suspended window on the folding screen 、 Three kinds of multi window interactive positioning of split screen and parallel view 、 difference 、 Applicable scenario 、 Adaptation requirements and interaction rules .
chart 3 Sum graph 4 These three multi window interfaces are presented and introduced respectively .
chart 3 Three kinds of multi window interface presentation
chart 4 Three kinds of multi window Introduction
In addition to the above additions ,HarmonyOS The folding screen design specification also adds more video cases to the original chapters , Help developers 、 Designers and product managers understand typical scenes and design rules more quickly . Welcome to click “ Read the original ”, Learn more about HarmonyOS Details of folding screen design specification .
I hope this issue can bring some help to all developers . meanwhile , We attach great importance to the opinions of developers , Welcome all developers to HarmonyOS Positive feedback from the official website of application development or Huawei Developer Forum , We will also continue to improve the document experience , Thank you for your support and trust , Let's join hands , Create infinite possibilities .
