在UI设计小程序的过程中，我们要理解，实际上我们是在组织图片、文字、快捷键等最小元素的信息结构。这类要素与特定的信息相联系，如商品分类、文章描述、某商品…等。服务于这类信息是我们设计的。

在UI设计小程序的过程中，我们要理解，实际上我们是在组织图片、文字、快捷键等最小元素的信息结构。这类要素与特定的信息相联系，如商品分类、文章描述、某商品…等。服务于这类信息是我们设计的。不能因为看起来而忽略顾客体验。UI设计小程序需要学以下东西：

1.字体

字型在版面设计中起着重要作用，偏偏最容易被忽略。一般说来，使用的小程序模板字体都是固定的，但是你也可以通过PS等软件设计自己的字体。

有三种主要中文字体：
一是黑体字(笔画不带修饰)，如苹方、微软雅黑、思源等；
另一类则是由宋体、仿宋、楷体、行楷、隶、体、体、体等演变而来的字体。
艺术字体，如杂体、美黑体、水柱体、娃娃体等。

如要自行设置小程序字体，最好规规矩矩地使用宋体、仿宋、黑体等风格简单的字体，不要用美术字体，要明白，美术字体虽好，但会增加辨识难度。盲目地用美术的字体，将会走进“为了好看而忽略访问体验”的弯路。
同样，不要使用太多不同的字体。在一页上使用八、八种不同的字体，这将是一件非常糟糕的事情。字型必须统一。

2.色彩

现在有几种色彩，分别给予人不同的心理感受：红颜色热烈，对人的刺激很大，容易引起注意，让来访者紧张，精神集中，而且还容易导致视觉疲劳。黄黄傲慢，不安，也是一种容易引起注意的颜色。蓝沉静、质朴，将给人一种深邃、广而宁静的空间。而若在蓝色中分别加入少量红色、黄色、白色等颜色，对蓝色人物的影响也就不会比较明显。绿是一种较为中庸的颜色，用来抵销黄色的温暖和蓝色的寒冷。平静，温和。在有颜色的色料中，紫色的明度最低。使人感到阴郁、神秘。具体地说使用什么主色，要根据小程序的类型来选择，例如美妆，女装类可用较暖、粉的色调；数码，电子类可用冷硬蓝、黑色。但是绝对不能混得过多的色彩，用色过多会使访客眼花缭乱，页面没有主次。

3.布局

版式，即小程序中每个版块、图标、文字的排列。这样，我们就可以使访客清楚地了解主次，把握重点。例如，在小程序中，哪一种商品是“主角”，将其放置在最明显的地方，哪一种比较次要，那就放在最下面。applet的每一页都应该有明确的焦点，以便用户在进入新页面时能够迅速了解页面内容。布置要合理、简洁，确保用户进入小程序页面之后，才能知道自己在哪里、在哪里，要做好准备；切记不要将页面设置得像一个迷宫，让用户不知道在哪里寻找自己需要的东西！