基于微信小法式轻盈的特性，我们制定了小法式界面设想指南和倡议。 设想指南成立在充实尊敬用户知情权与操纵权的根底之上。旨在微信生态系统内，成立友爱、高效、分歧的用户体验，同时最大水平顺应和撑持差别需求，完成用户与小法式效劳方的双赢。

　　为了不用户在微信中利用小法式效劳时，留意力被四周庞大情况滋扰，小法式在设想时该当留意削减无关的设想元素对用户目的的滋扰，规矩地向用户展现法式供给的效劳，友爱地指导用户停止操纵。

　　每一个页面都应有明白的重点，以便于用户每进入一个新页面的时分都能快速地了解页面内容。在肯定了重点的条件下，应只管制止页面上呈现与用户的决议计划和操纵无关的滋扰身分。

　　为了让用户顺畅天时用页面，在用户停止某一个操纵流程时，应制止呈现用户目的流程以外的内容而打断用户。

　　一旦用户进入我们的小法式页面，我们就有义务和任务明晰明白地见告用户身在那边、又能够往那边去，确保用户在页面中游刃不足地穿越而不迷路，如许才气为用户供给宁静且愉悦的利用体验。

　　导航是确保用户在网页中阅读跳转时不迷路的最枢纽身分。导航需求报告用户，当前在哪，能够去哪，怎样归去等成绩。微信在小法式内现不供给同一导航栏款式，开辟者可按照需求自行设想小法式首页和次级页面界面导航。倡议一切的次级页面左上角供给返回上一级页面操纵。别的，微信 iOS 用户还可经由过程界面边沿向右滑动操纵，返回上一级小法式或微信页面。安卓用户可经由过程物理返回键到达一样目标。

　　小法式的一切页面，包罗小法式内嵌网页和插件，微信城市在其右上角安排官方小法式菜单，款式如图。开辟者不成对其内容自界说，但可挑选深浅两种根本配色以顺应页面设想气势派头。 官方小法式菜单将安排在界面牢固地位，开辟者在设想界面时请预留出该地区空间，若需求在此地区四周安排可交互元素，要出格留意交互变乱能否会抵触，操纵能否简单被利用

　　开辟者可在满意可用性的条件下，从微信供给的深浅两套配色的小法式菜单当选择适宜的计划，以顺应小法式页面设想气势派头。

　　开辟者可按照本身功用设想需求在页面内增加自有导航。并连结差别页面间导航分歧，指向明晰，有路可退。受限于手机屏幕尺寸的限定，小法式页面的导航应只管简朴。倡议开辟者设想的自有导航款式与微信官方小法式菜单款式连结必然差别，以便辨别。

　　开辟者可为小法式页面增加标签分页（Tab）导航。标签分页栏可牢固在页面顶部大概底部，便于用户在差别的分页间做切换。标签数目不得少于2个，最多不得超越5个，为确保点击地区，倡议标签数目不超越4项。一个页面也不该呈现一组以上的标签分页栏。

　　此中小法式首页可挑选微信供给的原生底部标签分页款式，该款式仅供小法式首页利用。开辟时可自界说图标款式、标签案牍和案牍色彩等，详细设置项如图标尺寸等参考可参考开辟文档和 WeUI 根底控件库。

　　顶部标签分页栏色彩可自界说。在自界说色彩挑选中，务必留意连结分页栏标签的可用性、可视性和可操纵性。

　　页面的太长工夫的等候会惹起用户的不良感情，利用微信小法式项目供给的手艺已能很大水平收缩等候工夫。即使云云，当不成制止的呈现了加载和等候的时分，需求予和时的反应以舒缓用户等候的不良感情。

　　小法式启动页是小法式在微信内必然水平上展示品牌特性的页面之一。本页面将凸起展现小法式品牌特性和加载形态。启动页除品牌标记（Logo）展现外，页面上的其他一切元素如加载进度唆使，均由微信同一供给且不克不及变动，无需开辟者开辟。

　　开辟者可在小法式里自界说页面内容的加载款式。倡议不论是利用在部分仍是全局加载，自界说加载款式都该当尽能够简约，并利用简朴动画见告用户加载历程。

　　模态的加载款式将笼盖全部页面的，因为没法明白见告详细加载的地位或内容将能够惹起用户的焦炙感，因而应慎重利用。除在某些全局性操纵下不要利用模态的加载。

　　部分加载反应即只在触发加载的页面部分停止反应，如许的反应机制愈加有针对性，页面跳动小，是微信保举的反应方法。比方：

　　除在用户等候的过程当中需予和时反应外，对操纵的成果也需求予以明白反应。按照实践状况，可挑选差别的成果反应款式。关于页面部分的操纵，可在操纵地区予以间接反应，关于页面级操纵成果，可利用弹出式提醒、模态对话框或成果页面展现。

　　关于页面部分的操纵，可在操纵地区予以间接反应，比方点击多选控件前后以下图。关于经常使用控件，微信设想中间将供给控件库，此中的控件都已供给完好操纵反应。

　　图标型弹出提醒合用于轻量级的胜利提醒，1.5秒后主动消逝，其实不打断流程，对用户影响较小，合用于不需求夸大的操纵提示，比方胜利提醒。出格留意该情势分歧用于毛病提醒，由于毛病提醒需明白见告用户，因此分歧适利用一闪而过的弹出式提醒。

　　笔墨型弹出提醒合用于需求轻量化地用笔墨注释当前形态或提示不严峻的毛病。1.5秒后主动消逝，不打断流程，对用户影响较小。

　　关于操纵成果曾经是当前流程的闭幕的状况，可利用操纵成果页来反应。这类方法最为激烈和明白的见告用户操纵曾经完成，并可按照实践状况给出下一步操纵的指引。

　　在设想任何的使命和流程时，非常形态和流程常常简单被疏忽，而这些非常场景常常是用户最为懊丧和需求协助的时分，因而需求非分特别留意非常形态的设想，在呈现非常时予以用户须要的形态提醒，并见告处理计划，使其有路可退。

　　要根绝非常形态下，用户莫明其妙又无处可去，窒碍在某一个页面的状况。上文中所提到的模态对话框和成果页面都可作为非常形态的提示方法。除此以外，在表单页面中特别是表单项较多的页面中，还应明白指出堕落项目，以便用户修正。

　　从 PC 时期的物理键盘鼠标到挪动端时期手指，固然输入装备极大精简，赢得体育官网可是手指操纵的精确性却大大不如键盘鼠尺度确。为了顺应这个变革，需求开辟者在设想过程当中充实操纵手机特征，让用户便利文雅的操控界面。

　　因为手机键盘地区小且麋集，输入艰难的同时还易惹起输入毛病，因而在设想小法式页面时应只管减罕用户输入，操纵现有接口或其他一些易于操纵的挑选控件来改进用户输入的体验。

　　例以下图中，在增加时，接纳摄像头辨认接口来协助用户输入。除此以外微信团队还对外开放比方天文地位接口等多种微信小法式接口 ，充实操纵这些接口将大猛进步用户输入的服从和精确性，进而优化体验。

　　除操纵接口外，在不能不让用户停止手动输入时，应只管让用户做挑选而不是键盘输入。一方面，回想易于影象，让用户在有限的选项中做挑选凡是来讲是简单于完整靠影象输入；另外一方面，仍旧是思索得手机键盘麋集的单键输入极易形成输入毛病。 比方图中，在用户搜刮时供给搜刮汗青快速选项将协助用户快速停止搜刮，而削减或制止没必要要的键盘输入。

　　由于在手机上我们经由过程手指触摸屏幕来操控界面，手指的点击准确度远不如鼠标，因而在设想页面上需点击的控件时，需求充实思索到其热区面积，制止因为可点击地区太小或过于麋集而形成误操纵。当简朴的将本来在电脑屏幕上利用的界面不做任何适配间接移植得手机上时，常常就简单呈现如许的成绩。因为手机屏幕分辩率各不不异，因而最相宜点击像素尺寸也不完整分歧，但换算成物理尺寸后大抵是在7mm-9mm之间。在微信供给的尺度组件库中，各类控件元素均已思索到了页面点击结果和差别屏幕的适配，因而再次保举利用或模拟尺度控件尺寸停止设想。

　　微信设想中间已推出了一套网页尺度控件库，包罗sketch设想控件库Photoshop设想控件库，后续还将完美小法式组件，这些控件都已充实思索了挪动端页面的特性，可以包管其在挪动端页面上的可用性和操纵机能； 同时微信开辟团队也在不竭完美和扩大微信小法式接口，并供给微信大众库，操纵这些资本不单可以为用户供给更放慢速的效劳，并且对页面机能的进步有极大感化，无形当中提拔了用户体验。

　　除以上所提到的各种准绳，倡议接入微信的小法式还该当时辰留意差别页面间的同一性和持续性，在差别的页面只管利用分歧的控件和交互方法。

　　同一的页面体验和有持续性的界面元素都将协助用起码的进修本钱告竣利用目的，减轻页面跳动所酿成的不适感。正因云云，小法式可按照需求利用微信供给的尺度控件，以到达同一不变的目标。

　　微信内字体的利用与所运转的体系字体连结分歧，经常使用字号为22, 17, 15, 14, 12(pt)，利用处景详细以下：

　　为便利设想师停止设想，微信供给一套可供 Web 设想和小法式利用的根底控件库；同时供给便利开辟者挪用的资本。