小程序界面设计规范,8大规划和4个案例合集

更新时间:2023-02-17 16:31:34

小程序界面设计规范,8大规划和4个案例合集。根据微信小程序的设计指南,我们提出了以下几条设计要求:友好礼貌:小程序的界面应该友好,不能有任何形式的骚扰或不雅行为;清晰明确:小程序的界面应该清晰易懂,不能有任何模糊不清的元素;便捷优雅:小程序的界面应该提供便捷的使用体验,并且保持优雅的外观;统一稳定:小程序的界面应该保持统一,不同页面之间应该保持一致,避免混淆用户。

这些设计规范不仅适用于微信小程序,对于其他平台的小程序也有着巨大的参考意义。在学习小程序设计时,大家可以有意识地甄别这些设计规范,并加以遵守。

小程序界面设计都有哪些规范?

友好礼貌

减少无关设计元素干扰用户,友好并礼貌的提供服务引导操作。

重点突出

每个页面都应有明确的重点,以便于用户每进入一个新页面的时候都能快速地理解页面内容。

流程明确

不要增加与该页面流程无关的阻断操作,导致流程不顺畅。

清晰明确

有责任和义务清晰明确地告知用户身在何处、又可以往何处去。

导航明确,来去自如

导航需要告诉用户,当前在哪,可以去哪,如何回去等问题。

小程序菜单

小程序的所有页面,包括小程序内嵌网页和插件,微信都会在其右上角放置官方小程序菜单,样式如图。

小程序菜单深浅配色方案(iOS和Android)

开发者可在满足可用性的前提下,从微信提供的深浅两套配色的小程序菜单中选择合适的方案,以适应小程序页面设计风格。

页面内导航

顶部标签分页栏颜色可自定义。

理论知识是枯燥的,不如同真实完成的小程序界面设计案例来展现这些设计规范的实际运用吧~我整理了一些小程序界面设计免费可商用资源,大家可以保存直接使用哦!

在线直播类小程序设计

由即时设计团队设计师在「即时设计」上创作的一款在线直播小程序界面设计,内容包含6个高频页面,可快速进行复用学习,并提供给即时设计用户学习使用。

民宿酒店类小程序界面设计

由即时设计团队设计师在「即时设计」上创作的一款民宿类小程序界面设计,红色色调为主风格,更符合产品年轻化的调性和使用人群。里面包含登录页、首页、消息和聊天对话页、弹层式窗口、瀑布流卡片、十字交互,方便复用。设计酒店、旅游民宿类界面排版时可学习借鉴。免费提供给即时设计用户学习使用。

在线文档小程序资源

由即时设计团队设计师在「即时设计」上创作的一款在线文档小程序整体采用蓝色调设计,蓝色白色的搭配,更符合办公类产品,整体大气简约,偏现代。制作企业类、在线办公类、文档类小程序时可借鉴此模版学习参考。免费提供给即时设计用户学习使用。

书籍阅读类小程序设计

由即时设计团队设计师在「即时设计」上创作的一款书籍阅读类小程序界面设计,整体风格干净简约,大量的留白,让使用者用起来更为轻松,具有呼吸空间,信息的层次感将更加明显,用户指引效果也很好,免费提供给即时设计用户学习使用~

以上就是整理自微信小程序设计指南的关于「小程序界面设计都有哪些规范?」,希望能够对你设计出优质的小程序界面有帮助~