小程序的ui框架尺寸

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

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

2、 小程序 UI 调色：小程序的 UI 调色使用典型的灰色调子，较亮的颜色基调使用明度较浅的颜色；

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

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

1、小程序前期策划

在制作小程序之前我们要先知道小程序的功能，我们想要用小程序做什么？我们做小程序的目的是啥？首先要有一个大致的框架。

2、申请一个小程序账号

需要去微信公众平台上面申请一个小程序的账号，在微信官网首页上有注册账号的入口，进入之后选择小程序的模块。在注册小程序的模块中按照提示填好信息和资料，提交后等待审核。审核通过之后，我们就可以开始着手制作小程序了。

3、小程序服务器及域名

不管是小程序还是网站都需要用到服务器及域名，服务器这块需要提前考虑好（阿里云、腾讯云、华为云等服务器）；域名这块（com、cn等）；

4、小程序前端界面设计

根据小程序的框架，由美工设计出小程序的各个页面的图，小程序的设计要做到页面简洁干净，不要有太多的信息，在布局排版上要注意各个内容版块之间要有适当留白，间距合理，避免堆砌。

5、小程序前端后端开发

设计图做好之后，接下来就是前端、后端人员进行开发；小程序前端开发的语言可以用源生的，也可以html5或vue等前端框架。后端语言主流的有php、aspnet、jsp。其中php运用最为广泛，开发性价比也最高。

6、小程序审核上线

小程序前端后端设计好之后，接下来就是小城市调试测试，由测试人员进行各个功能板块的测试，找出问题，然后反馈给开发人员进行修改，再确认没有问题之后，然后提交到微信进行审核上线。上线之后交由客户进行检查，确认无误之后进行交接。

7、 小程序取名

大家可能会忽略这步，小程序取名也是非常重要的。如果你的名取得好，别人在搜索小程序的时候，就会出现你的小程序。比如你是做什么的，那么你的小程序和做的东西相关。这样获取客户就比较精准一些。

举个例子比如现有微信里的滴滴打车，就是应用号雏形，这样用户如果想用滴滴打车，就不需下载了，只需要关注滴滴打车的应用号就可。现在微信应用号

微信小程序即将推出，你可以先搭建好自己的webapp为应用号的推出做准备，快人一步，抢占风口。。所谓需求推动技术，很多不会编程的人也有开发

微信小程序

webapp的需求，因此市场上也出现了一些

微信小程序

webapp开发平台，其中我推荐咫尺网络的webapp开发平台即速应用，很不错~~

小程序开发推荐使用uni-app,它是一个使用Vuejs开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。

uni，读youni，是统一的意思。

很多人以为小程序是微信先推出的，其实，DCloud才是这个行业的开创者。

DCloud于2012年开始研发小程序技术，优化webview的功能和性能，并加入W3C和HTML5中国产业联盟，推出了HBuilder开发工具，为后续产业化做准备。

2015年，DCloud正式商用了自己的小程序，产品名为“流应用”，它不是模式的轻应用，而是能接近原生功能、性能的动态App，并且即点即用。

为将该技术发扬光大，DCloud将技术标准捐献给工信部旗下的HTML5中国产业联盟，并推进各家流量巨头接入该标准，开展小程序业务。

360手机助手率先接入，在其34版本实现应用的秒开运行。

随后DCloud推动大众点评、携程、京东、有道词典、唯品会等众多开发者为流应用平台提供应用。

在2015年9月，DCloud推进微信团队开展小程序业务，演示了流应用的秒开应用、扫码获取应用、分享链接获取应用等众多场景案例，以及分享了webview体验优化的经验。

微信团队经过分析，于2016年初决定上线小程序业务，但其没有接入联盟标准，而是订制了自己的标准。

DCloud持续在业内普及小程序理念，推进各大流量巨头，包括手机厂商，陆续上线类似小程序/快应用等业务。

部分公司接入了联盟标准，但更多公司因利益纷争严重，标准难以统一。

技术是纯粹的，不应该因为商业利益而分裂。开发者面对如此多的私有标准不是一件正确的事情。

虽然是始作俑者，但造成混乱的局面非DCloud所愿。于是我们决定开发一个免费开源的框架。

既然各巨头无法在标准上达成一致，那么就通过这个框架为开发者抹平各平台差异。

这，就是uni-app的由来。

因为多年积累，所以DCloud拥有300多万开发者，并不意外因为DCloud一直都有小程序的iOS、Android引擎，所以uni-app的App端和小程序端保持高度一致，并不意外因为DCloud在引擎上的持续投入，所以uni-app的App端功能、性能比大多数小程序引擎都优秀，并不意外因为DCloud对各家小程序太了解了，所以做好抹平各端差异的跨端框架，并不意外

现在，uni-app已经是业内最风靡的应用框架，支撑着6亿手机用户的庞大生态。

世界兜兜转转，当你踏出第一步时，随后很多事不会按你的预期发展。但只要你不忘初心，你想要的那个目标，最终会换个方式实现。

DCloud的初心是什么？

为开发者提供免费、高效的开发工具，让天下没有难做的应用改进应用形态，让用户更方便的获取数字服务

DCloud也再次承诺不会对uni-app、HBuilderX等工具收费，感谢数百万开发者的一路陪伴，也请一直监督我们不忘初心！

外卖小程序开发制作的方法是（以微信小程序为例）：

1、打开微信小程序开发工具，开始制作小程序。首先需要搭建小程序的框架，一般外卖小程序的框架分为招牌菜的轮播图、搜索栏、活动信息、饭菜品类的介绍、菜单栏等等，也可以自己设计。

2、框架搭建后就可以按照版块添加相应的快递内容。注意版块与内容要相符，为了更加地吸引用户，可多添加一下产品的，或者是添加一下制作过程的视频。

3、内容添加完成后，可以扫码浏览一下，看一下有没有需要调整修改的。若是没有就可以准备发布了，提交审核前需要核对基础信息，无误后即可提交审核。

4、外卖小程序上线后，可开通附近小程序的功能。以便用户更好地发现你，同时也可以把相应的二维码放在实体店里，以便提升用户体验。

以上就是关于小程序的ui框架尺寸全部的内容，包括:小程序的ui框架尺寸、怎么制作小程序、微信小程序怎么开发小程序开发技术框架是什么等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！