小程(chéng)序(xù),小程序菜單中“所有頁麵”的右上角是固定放置的,在設計界麵時要預留這個區域(yù)的空間。
第二,NavBar設計(jì)
1.為了更好地融入(rù)各種風格的頁麵,有必要保持小(xiǎo)程序菜單的(de)清晰和(hé)可識別性。
2.互動預防措施
如果要在小程序菜單附近放置交互元素,要(yào)考慮是否存在交互(hù)衝突,盡量避免意外觸(chù)碰(pèng)的可能。區分。
1)風(fēng)格(gé)與官(guān)方菜單(dān)風格不區分,容易引起懷疑
2)2)nav bar柱兩(liǎng)端頂部(bù)對稱,與(yǔ)官方風格不同,是很好的綜合。以上僅為個人意見,需要用(yòng)戶數(shù)據(jù)進行(háng)客觀驗證(zhèng)。
3.搜索框的幾種常見(jiàn)表現形式
第三,工(gōng)具欄設計
1.小程序設計規範
頂部標(biāo)簽頁欄的顏色可以自(zì)定義,一般采用(yòng)App的設計風格,保證兩個平台的視覺統一。
2.幾種常見的(de)表現
四.標簽欄設計
1.建議標簽數量為2-4個。
底部標簽欄功能(néng)也可以根據產品要求進行選擇或刪除
2.幾種常見的表(biǎo)現
動(dòng)詞(verb的縮(suō)寫)起始頁圖標
除了品牌Logo,啟(qǐ)動(dòng)頁麵不(bú)能更改。設計師需要提供2倍和3倍(bèi)大小的標(biāo)誌。
不及物動(dòng)詞加載樣式
1.小程序設(shè)計規範
全局載荷是小程序名稱左側的載荷圖標。modal的加載方式將覆蓋(gài)整個頁麵。因為不可(kě)能講清楚(chǔ)具體的加載位置或者內容,可能會引起用(yòng)戶的焦(jiāo)慮,所以建議謹慎使用。
2.常用的加載樣式
需要(yào)告知用戶具體的裝載(zǎi)位置和(hé)形狀,以減少用(yòng)戶的(de)焦慮。
7.沒有App怎麽設計(jì)
對於沒有開發(fā),的應用程序,有必要快速設計出符合規格的小程序。
小程序設計應(yīng)遵循友好、高效和一致的設計原則。每個頁麵都要有明確的重點,明確告知用戶(hù)在(zài)哪裏,可以去哪裏,確保用戶可以輕鬆穿(chuān)梭頁麵而不(bú)迷路。