定制小程序開發設計 如何避開錯誤操作?
分享 2020.04.14 瀏覽次數:8418次
對初次涉及定制小程序開發的公司而言,它的設計與開發是一次挑戰。今天,杭州帷拓科技就來幫幫大家規避小程序設計中的那些坑。
一、設計稿最好用二倍圖
UI設計師都喜歡用一倍圖,但為什么用一倍圖,方便適配是表面現象,真正原因是開發用的開發工具支持一倍圖開發,開發不用再換算數值了。而小程序的開發工具不支持一倍圖開發,支持二倍圖開發。小程序里的尺寸單位叫 rpx,可以根據屏幕寬度進行自適應。在750*1334的設計稿里,1px = 1rpx。
二、切圖只需切750的尺寸
設計稿用二倍圖做的(750*1334),只需給一倍的切片;如果是按一倍圖設計的(375*667),只要給二倍的切圖。真的不管其它尺寸嗎?不是不想管,而是小程序的開發工具不支持。
三、導航欄不要自定義
標準高度:128rpx
小程序很輕量,同時也有很多限制。導航欄不能自定義就是其中之一,能改變的只有顏色。
四、標簽欄愛素顏
這個標準名稱叫:標簽分頁導航,標準高度:98rpx,簡稱標簽欄。
1. 偷笑別人花了臉
又是一個安靜的晚上,一個人窩在公司里設計,我承認這樣真的很無奈,和其它小程序一樣。聽說你還在搞什么原創,加個投影來點漸變,自以為這樣很棒簡直無懈可擊。結果開發小哥哥哭了,我相信是很美美的圖,但是開發做不到啊,那種表情可以想象。
2. 圖標只要81rpx
還是一個安靜的晚上,還是我在做設計,這次我真的按耐不住,和其它小程序一樣。聽說你又在搞什么原創,中間圖標變大大,破形破形再破形,燃燒開發腦細胞。
五、彈窗不覆蓋導航跟標簽
在小程序里導航欄跟標簽欄的層級是最高的,以至于享受慣最高待遇的彈窗在這里,也要臣服于他們。
六、視頻限時多
小程序對視頻的支持不是特別的好,原則上在滾動控件里不能放視頻,而且微信官方文檔里是這樣要求的。這點我也像我們開發小哥哥求證,確實是這樣,優酷和騰訊視頻都是將視頻固定。
但其實吧,這點已經被有些公司攻克了,比如開眼跟京東。攻克是攻克了,但是體驗不怎么好。如果公司產品需要放視頻,建議專門新開一個頁面,視頻部分最好不要有左右滾動。
七、一稿適配
iPhone X 怎么辦,安卓怎么辦,這些都不用再設計了,開發小哥哥都能搞定,相信他們。
八、關于設計資源
微信官方雖然有提供,但是更新時間停留在了2016年,沒有現在新版的小程序樣式,和現在的區別就在頂部導航欄上。
- PREV:無
- NEXT:如何辨別app開發的公司是否專業?
-
杭州定制小程序:引領小程序行業的未來趨勢
日期:2025-06-10瀏覽次數:1845次
-
杭州APP開發:引領移動應用新潮流
日期:2025-06-10瀏覽次數:1810次
-
杭州APP定制:打造智慧社區新生態
日期:2025-06-10瀏覽次數:1830次
-
杭州小程序開發公司:選擇合作伙伴的五大關鍵
日期:2025-05-16瀏覽次數:4310次
-
杭州APP定制公司:如何選擇一家專業的開發伙伴
日期:2025-05-16瀏覽次數:4307次
相關新聞
整合同類新聞,相關新聞一手掌握
-
云浮定制app,需要哪些知識點
日期:2021-02-25瀏覽次數:6037次
-
云浮開發題庫類app有何優勢?
日期:2021-02-25瀏覽次數:5727次
-
云浮網站設計:優秀的網站設計應該具備的特點,你知道的有幾個
日期:2020-09-11瀏覽次數:6062次
-
如何把網站設計得更加具有有創意
日期:2020-09-11瀏覽次數:5825次
最新新聞
與互聯網同行,實時掌握網建行業最新動態
-
網站應用程序開發的步驟
日期:2016-06-14瀏覽次數:9772次
-
不同的設計師每天都扮演著兩個角色
日期:2016-12-09瀏覽次數:8555次
-
網站設計XHTML 概述
日期:2017-12-06瀏覽次數:8510次
-
不懂代碼也可以進行微信小程序開發嗎?
日期:2020-05-12瀏覽次數:8423次
-
高端網站開發公司通常有哪些原則?
日期:2021-06-22瀏覽次數:7912次
隨機新聞
新聞新動態,您需要的新聞管家
洞悉市場趨勢演變讓傳播回歸社會
免費獲取網站建設與網絡推廣方案報價
-
關于我們
杭州帷拓科技有限公司,是一家新型的全案網絡開發公司,作為以互聯網高端網站建設、APP開發、小程序開發為核心的專業網絡技術服務供應商,帷拓科技致力于全面分析市場環境、衡量與預測市場需求、整合區別于行業競爭對手的絕對優勢,結合品牌理念深度挖掘項目優勢和產品價值,提升客戶品牌認知、認可度。
-
我們的客戶
帷拓科技歷經十年沉淀,與國內外上千家客戶達成合作關系,其中穩定合作的公司有:浙江華為、浙江移動、浙江5G產業聯盟、浙江省社科院、綠城足球俱樂部、娃哈哈雙語學校、健康中國杭州峰會、科雷機電等,帷拓科技始終堅持“帷有專業,才能拓展無限”的服務理念,堅持“認真堅持細節”的優質服務理念,不斷完善自身,成就企業,最終實現共贏。
-
我們的業務
帷拓科技主營業務范圍包含互聯網高端網站建設、APP開發、小程序開發、商城網站建設、公眾號運營以及數字營銷等,涵蓋了服務、房產、數碼、服裝、物流貿易等行業,根據品牌現狀,為每個客戶量身定制項目整體服務方案,以敏銳的市場洞察力、創新的市場策劃能力,全面把握市場變化,為客戶實現從企業到消費者的價值轉換。