我們在設(shè)計制作微信小程序的時候有哪些規(guī)范

我們?nèi)粘Ｉ�活中使用�?a class='hot_txt inner_link' href='/webapp/ ' target='_blank'>微信小程序數(shù)量眾多，很大一部分原因是由于小程序的開發(fā)難度相比APP要低得多，更低的門檻意味著小程序的制作成本也會降低，中小企業(yè)想要打入移動端市場有了更好的選擇。確實從技術(shù)難度上來說，小程序更加親民，但是在設(shè)計制作時還是有一些基礎(chǔ)的規(guī)范需要注意的，而不是想怎么做就怎么做。

一、尺寸規(guī)范

小程序的開發(fā)尺寸是rpx（responsive pixel），采用這個尺寸的目的就是為了讓制作出來的小程序只需一稿就能適配所有的屏幕尺寸。px指的是物理分辨率，而手機的顯示分辨率則是pt，以iphone6為例，它的物理像素為750*1334，而它的屏幕尺寸則是375*667，這時候你以prx作為尺寸單位，那1rpx=0.5px。如果是別的手機尺寸，它就會根據(jù)倍率變?yōu)槠渌麛?shù)值。一般來說，在設(shè)計時默認按照iphone6的尺寸即可。

二、組件規(guī)范

小程序的所有頁面，包括小程序內(nèi)嵌網(wǎng)頁和插件，微信都會在其右上角放置官方小程序菜單。開發(fā)者不可對其內(nèi)容自定義，但可選擇深淺兩種基本配色以適應(yīng)頁面設(shè)計風格——來自小程序設(shè)計指南。

在這個基礎(chǔ)上，頁面還有哪些地方需要注意的呢？首先是返回鍵，小程序的操作邏輯和APP有些許不同，現(xiàn)在全面屏手機的操作都是直接在屏幕側(cè)邊橫向內(nèi)滑就可以返回上一頁，而小程序想要返回就必須要點左上角的返回鍵。所以在頁面頂部最左側(cè)，一定要記得添加返回鍵，以免用戶意外退出。

小程序的導(dǎo)航欄通常設(shè)置在底部，可以根據(jù)實際需要設(shè)置2-4個欄目。如果你的小程序功能相對簡單，在首頁已經(jīng)做好了各個頁面的入口，那也可以將導(dǎo)航欄直接刪除。由于體積大小的限制，就算做了導(dǎo)航欄，也不能像APP一樣添加豐富的視覺效果，靜態(tài)切換更為合適。

其實這些規(guī)范對于原本就是開發(fā)相關(guān)的從業(yè)人員來說，很快就能適應(yīng)，畢竟和APP開發(fā)類似，只需稍微花些時間就能習慣。并且這些規(guī)范很大程度上是幫助了開發(fā)人員，為他們提供了便利。對于不懂技術(shù)的人來說，從頭學(xué)起的成本依舊不小，經(jīng)驗上的缺失都要依靠試錯和學(xué)習。

我們身邊的中小企業(yè)居多，他們想要設(shè)計制作一個微信小程序真的要花費那么多精力去開發(fā)嗎？現(xiàn)在自助搭建平臺發(fā)展火熱，一個模板就能輕松解決的事情，完全不用投入大量時間精力。最重要的是，模板開發(fā)的成本更低，制作周期也非常短，這樣的性價比相信沒有哪個企業(yè)可以拒絕。

相關(guān)文章推薦，點擊閱讀：《從制作到應(yīng)用，微信小程序?qū)嵱媒坛?/span>》