微信小程序ui框架有哪些

微信小程序ui框架有哪些,第1张

微信小程序开发,是目前火爆的开发方式,也是适应中小企业快速解决的一个方案。选择一个合适自己的开发UI框架,能够让自己开发速度提升数倍。

推荐两个小程序UI框架:

WeUI

WeUI是由微信官方设计团队分别支持微信H5网页和微信原生小程序的开源UI组件

ColorUI

ColorUI是开源且支持原生小程序的UI组件,由于我目前在帮朋友改一个原生的微信小程序,所以就选择了这款开源组件。

小程序的 UI 设计指南在小程序官方文档中均有介绍,以微信官方设计文档为参照:

1、 小程序布局:小程序的布局主要采用块状结构进行布局,优先采用卡片、列表或网格等布局方式;

2、 小程序 UI 调色:小程序的 UI 调色使用典型的灰色调子,较亮的颜色基调使用明度较浅的颜色;

3、小程序 UI 尺寸:采用 1080px 宽,720px 高的界面设计尺寸,控件尺寸以 8px 为基准单位,即每个控件的间距需以 8px 设计;

4、 小程序 UI 字号:字体最大尺寸 36px,最小尺寸 24px,中等字体尺寸使用 30px。

1、首先打开手机,然后在手机桌面中点击登录微信。

2、进入微信页面后,找到并点击发现。

3、然后在打开的发现页面中,找到并点击小程序。

4、接着在打开的小程序页面中,搜索“拼接图片”。

5、最后进入到这个小程序页面中,选择点击“切九图”,最后上传想要处理的图片,点击“完成”。

6、最后选择想要的九图模板,点击“保存图片”,就完成了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11626534.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存