小程序的设计是很多UI设计师在工作中会碰到的，一款好的小程序设计页面，会带来效果很好的用户体验。上次设计的外观造型已经落地，经过一段时间的测试，觉得需要在小程序上做一些优化。本次小程序的改版除了优化流程以外，顺便也调整了界面风格。此处只涉及小程序设计方面，不讨论机位的选择，光线的布置等。

  项目背景简介

  软件设计的改版是有原因的，分析出为什么要改版后，才好制定改版目标。

  制定改版目标

  旧版软件的操作流程偏复杂，每多一步的操作，就会多流失率。同时加强软件的视觉美感，使用户用起来更舒服。

  操作逻辑梳理

  旧版软件跳到支付页面的流程步骤偏多，操作偏复杂，大部分用户还没到支付那一步就放弃了。新版的改进将缩短跳到支付的流程。旧版软件和新版软件的流程分析。

  配色与风格

  旧版的黑色主题风格在户外使用会出现较强的反光，干扰用户的操作。所以新版的主题颜色考虑使用浅色背景。旧版界面使用的是纯扁平风格，按钮偏小，间距没拉开，对用户的操作也会有一定的影响。

  另外：

  一、导航明确，来去自如

  导航是确保用户在网页中浏览跳转时不迷路的最关键因素。导航需要告诉用户，当前在哪，可以去哪，如何回去等问题。微信在小程序内现不提供统一导航栏样式，开发者可根据需要自行设计小程序首页和次级页面界面导航。建议所有的次级页面左上角提供返回上一级页面操作。此外，微信iOS用户还可通过界面边缘向右滑动操作，返回上一级小程序或微信页面。安卓用户可通过物理返回键达到同样目的。

  二、清晰明确

  一旦用户进入小程序页面，需要清晰明确地告知用户身在何处、又可以往何处去，确保用户在页面中游刃有余地穿梭而不迷路，这样才能为用户提供安全且愉悦的使用体验。

  三、流程明确

  为了让用户顺畅地使用页面，在用户进行某一个操作流程时，应避免出现用户目标流程之外的内容而打断用户。ui设计师培训在对学员的教授过程中最注重的也是这一点。

  四、小程序菜单

  小程序的所有页面，包括小程序内嵌网页和插件，微信都会在其右上角放置官方小程序菜单。新版界面使用拟态风格（轻拟物），大间距和留白使按钮更为突出，但不会失去视觉焦点，整体风格显得立体而又不繁杂。

  以上就是优漫教育小编为大家介绍的“【广州UI设计培训】：一款小程序UI界面是怎么设计出来的？”相关内容，学习ui设计培训，可以参考优漫教育提供的ui学习路线，该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等，根据优漫提供的ui学习路线图，可以让你对学好ui需要掌握的知识有个清晰的了解 ！