我們?cè)谠O(shè)計(jì)制作微信小程序的時(shí)候有哪些規(guī)范

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

一、尺寸規(guī)范

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

二、組件規(guī)范

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

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

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

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

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

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