小程序示例丨小程序開發項目的相關設計規范
2020-06-24 09:44:42 閱讀(635)
互聯網頭部流量平臺都在力推自己的小程序,對于中小企業而言,小程序不僅是流量共享的入場券,更是零售、餐飲、建筑等各類行業目前最貼近用戶使用習慣,滿足客戶消費體驗,升級企業服務質量的利器。
圖片來源于網絡
企業在選擇進行開發小程序之后,可以了解小程序開發項目的相關設計規范,掌握基本的設計規范常識之后就可以分析開發公司提供的小程序示例,以此來判斷這家開發公司是不是自己想要的。
1、關于尺寸:小程序的開發尺寸是rpx,可以實現手機多種屏幕尺寸。小程序經過編譯之后,rpx要進行換算,換算是以375個物理像素為基準,這里不深入了解,設計稿尺寸375px或750px一般都沒問題。
2、關于菜單:官方的小程序菜單是全局性質的,位置固定,開發公司不可以進行自定義設置,只能選擇深淺顏色配比。所以在設計的時候需要提前預留位置,可以有交叉元素但是不能沖突。常見的菜單狀態是,全局菜單、調用錄音、獲取地理位置。
3、關于導航:導航的背景可以自定義圖片和顏色并可設置透明度,但注意在二級設置中添加返回鍵。
4、關于標簽:標簽有頂部標簽和底部標簽,數量一般設置在2-5個。頂部標簽可以自定義設置顏色和樣式,還可以設置X軸滑動;底部標簽有不同形狀的設計,圓形、方形、高矩形和寬矩形。
5、關于內容:小程序內容和APP內容設計大同小異。需要注意的是,彈窗的優先級并不是最高的;頁面視頻也不會沿著X軸移動。
6、關于加載樣式:進入小程序如果加載時間比較長,需要提供取消操作,用進度條顯示進度;加載界面應該設置動畫效果,避免被誤認為卡死。
7、關于操作結果反饋:圖標提示適用于輕量級成功反饋,自動消失并不打斷操作流程;文字提示適用于解釋當前狀態和不嚴重的錯誤,同樣自動消失不打斷操作。
以上就是小程序開發項目的相關設計規范,下面給出幾個萬商云集小程序示例(可訪問鏈接,手機掃描進入小程序),供大家分析參考。
1、妙香泉陳醋BAT小程序(https://static.iwanshang.cn/case-201911793.html)
2、重慶民宿排名BAT小程序(https://static.iwanshang.cn/case-201911792.html)
3、重慶舒適家居BAT小程序(https://static.iwanshang.cn/case-201911791.html)
萬商云集一站式SAAS應用服務平臺,提供商城網站建設、企業網站建設、微信、百度和支付寶小程序開發等服務,如果您對小程序開發有任何需求或疑問,可以點擊在線咨詢,將有專業人員為您服務。
未經允許不得轉載,或轉載時需注明出處- 本文關鍵詞:
- 小程序開發