小程序设计页面尺寸,微信小程序设计尺寸规范

我们都理解vw是现在设备宽度的1%，也就是1vw是设备宽度的1%，50vw是设备宽度的50vw也一样)。你怎么理解vmin？拆开来看就是v min。前面的V还是vw中的V，min是W和h的最小值，这样vmin就可以理解为当前设备最短边的1%(VMAX是最长边的1%)。你立刻明白了吗？50vmin是最短边的一半，100vmin是最短边的全部。

rpx是微信小程序WXSS的尺寸的单位。在介绍rpx之前，先介绍WXSS。WXSS(WeiXinStyleSheets)是一组用于描述WXML组件样式的样式语言。WXSS用于确定applet 页面WXML的组件应该如何显示。为了适应广大的前端开发者，微信小程序的WXSS具备了CSS的大部分特性。同时，为了更适合开发小程序，微信开发者对CSS进行了扩展和修改。

4。页面扁平化的意思是减页面跳，可以减跳不跳。跳转到新的页面会增加用户适应新的页面元素的成本，同时/小程序也会。这种方式可以缩短用户到达产品的路径，也是小程序减少用户干扰的重要手段。这样做的好处是让用户对小程序的架构有更全面的了解。用户总是在较少的跳转路径中清楚地知道自己在小程序中的位置。

5.用选项和自动填充替换输入和表单。小程序早期没有浮动窗口功能。这个时候的表单输入对用户和产品来说都是噩梦。比如用户需要输入一条消息，而这条消息是存储在手机里的，所以用户需要中断当前操作来查看消息。然后返回当前操作，通过其他方式填写信息。在这个过程中，很有可能会因为操作过于复杂而流失客户。6.减少等待、反馈和时效性。小程序的官方文档花了大量的篇幅来阐述给予用户“加载状态”和“完成状态”反馈的重要性，反馈设计的好坏对留存率有着至关重要的影响。

applet包含一个描述整个程序的应用程序和多个描述每个页面的页面。如图21所示，applet的主要部分由三个文件组成，它们必须放在项目的根目录中。如图22所示，applet 页面由四个文件组成，如图23所示。注意:为了方便开发者减少配置项，描述页面的四个文件必须具有相同的路径和文件名。创建一个项目启动页面，如图24所示:创建一个空白项目，如图25所示点击“ ”在applet的主体部分和pages文件夹中创建三个文件，在pages文件夹下创建一个索引文件夹，如图25所示。右键单击pages文件夹创建一个新目录，并在index文件夹下创建四个文件:index.wxml、index.wxss、index.js和index.json

基于微信小程序轻快的特点，我们拟定了小程序界面设计的指南和建议。设计指南基于对用户知情权和操作权的充分尊重。旨在微信生态内建立友好、高效、一致的用户体验，同时最大程度地适应和支持不同需求，实现用户和小程序服务商的共赢。为了避免用户在微信上使用小程序服务时注意力被周围复杂的环境干扰，小程序要注意减少无关的设计元素对用户目标的干扰，礼貌地向用户展示程序提供的服务，引导用户友好地操作。

在确定重点的前提下，尽量避免其他与用户在页面上的决策和操作无关的干扰因素。这个页面的主题是查询，但是加入了很多与查询无关的业务条目，与用户的目标无关，容易导致用户迷失，去掉任何与用户目标无关的内容，定义页面的主题，在技术和页面控制的前提下，提供有助于用户决策和操作的帮助内容，比如最近的搜索词。没有主次操作，让用户没有选择。