小程序 mall ui页面实例分析（与app相比）

许多知名电子商务公司已经逐渐加入了小程序团队，从最初的蘑菇街小程序，到现在的电子商务平台小红树也不久前也加入了小程序商城，然后用这两个小程序商城分析商城小程序 ui页面设计。

Mushroom Street App和小程序之间的接口非常典型。图：

蘑菇街小程序界面的第一印象是间接的，平坦的，并且APP的第一个屏幕的横幅被移除，并且主题颜色背景被替换。 小程序的真实图标已成为带有放大字体的简单线性图标。下一列使用物理图像，但灰度的整体增加，页面的均匀性得到增强。

其次，水平滚动列表少于App，产品信息直接显示在第一级页面上，用户的简短评论代替直播和功能推荐。

通过这种方式，界面的整体外观更轻，满足小程序的设计要求。

让我们看一下红皮书

的小程序结尾的界面

第一级页面没有任何指导和功能分区，只有产品和产品。必须要说的是，在许多小程序中使用水平线分割柱，使用卡式垂直排列的小红书非常有吸引力。辅助页面有点像淘宝的详细页面。这种简约风格非常受欢迎。

那么，总结一下上面的小程序商城ui页面实例分析，uff设计中的小程序应该注意以下几点？

1·灯光设计

通常，小程序比App简单得多，突出了主要功能。您还可以将并行功能更改为串行/触发功能以简化页面。

2.注意团结

小程序颜色，图标，样式应与App一致，但要考虑目标受众进行适当的更改量。减少横幅和物理图标的使用，以实现页面简化和颜色均匀性。

3.是否应使用水平滚动列表

大多数当前的小程序都没有使用这种方法，但是有一些像Douban得分一样的小程序正在使用中。水平滚动列表和垂直滚动列表是小程序中的两个选择关系，一个是无限拉动，另一个应该是有限的。

4·注意加载效果

小程序内容的轻量级也有一个重要原因。——缩短开放时间。用户的小程序等待时间比应用程序短得多。此时，加载效果可以用作奖励项目以保留用户。

5·导航栏样式

小程序的底部导航栏相对较硬，配置空间为2-5，严格定义图标和文本空间。您可以使用顶部导航栏和浮动导航按钮。例如，心灵之王将使用“知识狗”作为浮动按钮来引导用户进入热门列表小程序。

以上是小程序商城ui页面实例分析，如果需要小程序商城系统开发，可以咨询Hvihi.com小程序工具开发公司沈阳汇海，提供多类型商城/商店小程序制作，可视化编辑1秒，在线生成5个步骤。通过拖动和拼接模块布局小程序商城页面，你可以看到你得到的东西，你只需要艺术家来制作一个漂亮的商场。有关更多小程序商店，请参阅：小程序商店

＆lt; 汇海（www.hvihi.com）是国内知名的商城系统和商城网站建设提供商，其中汇海技术小程序系统提供小程序商城开发，小程序配送系统，微分配系统，商城系统，电子商务网站建设， 微信发行系统，小程序商城及其他多端商场和电子商务行业解决方案＆gt;

确认：这个文件和图像源网络编辑器的网站部分，如果有侵权及时通信删除。 汇海hvihi.com网站原创文章，请注明出处。