日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

微信小程序怎么設(shè)計(jì)圖文步驟( 二 )


微信導(dǎo)航欄
微信導(dǎo)航欄 , 直接繼承于客戶端 , 除導(dǎo)航欄顏色之外 , 開(kāi)發(fā)者無(wú)需亦不可對(duì)其中的內(nèi)容進(jìn)行自定義 。但開(kāi)發(fā)者需要規(guī)定小程序各個(gè)頁(yè)面的跳轉(zhuǎn)關(guān)系 , 讓導(dǎo)航系統(tǒng)能夠以合理的方式工作 。
微信導(dǎo)航欄分為導(dǎo)航區(qū)域、標(biāo)題區(qū)域以及操作區(qū)域 。其中導(dǎo)航區(qū)控制程序頁(yè)面進(jìn)程 。目前導(dǎo)航欄分深淺兩種基本配色 。
導(dǎo)航區(qū)(iOS)
導(dǎo)航區(qū)通常只有一個(gè)操作 , 即返回上一級(jí)界面 。
導(dǎo)航區(qū)(Android)
同iOS一樣 , 導(dǎo)航區(qū)也只有一個(gè)返回上一級(jí)頁(yè)面的操作 , 而點(diǎn)擊安卓手機(jī)自帶的硬件返回鍵也起到相同作用 。

微信小程序怎么設(shè)計(jì)圖文步驟


微信
微信導(dǎo)航欄自定義顏色規(guī)則(iOS和Android)
小程序?qū)Ш綑谥С只镜谋尘邦伾远x功能 , 選擇的顏色需要在滿足可用性前提下 , 和諧搭配微信提供的兩套主導(dǎo)航欄圖標(biāo) 。建議參考以下選色效果:
選色方案示例
微信小程序怎么設(shè)計(jì)圖文步驟


微信
頁(yè)面內(nèi)導(dǎo)航
開(kāi)發(fā)者可根據(jù)自身功能設(shè)計(jì)需要在頁(yè)面內(nèi)添加自有導(dǎo)航 。并保持不同頁(yè)面間導(dǎo)航一致 。但是受限于手機(jī)屏幕尺寸的限制 , 小程序頁(yè)面的導(dǎo)航應(yīng)盡量簡(jiǎn)單 , 若僅為一般線性瀏覽的頁(yè)面建議僅使用微信導(dǎo)航欄即可 。
開(kāi)發(fā)者可選擇小程序頁(yè)面添加標(biāo)簽分頁(yè)(Tab)導(dǎo)航 。標(biāo)簽分頁(yè)欄可固定在頁(yè)面頂部或者底部 , 便于用戶在不同的分頁(yè)間做切換 。標(biāo)簽數(shù)量不得少于2個(gè) , 最多不得超過(guò)5個(gè) , 為確保點(diǎn)擊區(qū)域 , 建議標(biāo)簽數(shù)量不超過(guò)4項(xiàng) 。一個(gè)頁(yè)面也不應(yīng)出現(xiàn)一組以上的標(biāo)簽分頁(yè)欄 。
其中小程序首頁(yè)可選擇微信提供的原生底部標(biāo)簽分頁(yè)樣式 , 該樣式僅供小程序首頁(yè)使用 。開(kāi)發(fā)時(shí)可自定義圖標(biāo)樣式、標(biāo)簽文案以及文案顏色等 , 具體設(shè)置項(xiàng)可參考開(kāi)發(fā)文檔 。
微信小程序怎么設(shè)計(jì)圖文步驟


微信
頂部標(biāo)簽分頁(yè)欄顏色可自定義 。在自定義顏色選擇中 , 務(wù)必注意保持分頁(yè)欄標(biāo)簽的可用性、可視性和可操作性 。
微信小程序怎么設(shè)計(jì)圖文步驟


微信


{#page_break title=''#}流程明確
為了讓用戶順暢地使用頁(yè)面 , 在用戶進(jìn)行某一個(gè)操作流程時(shí) , 應(yīng)避免出現(xiàn)用戶目標(biāo)流程之外的內(nèi)容而打斷用戶 。
反例示意
用戶本打算進(jìn)行搜索 , 在進(jìn)入頁(yè)面時(shí)卻被突如其來(lái)的抽獎(jiǎng)彈窗所打斷;對(duì)于抽獎(jiǎng)沒(méi)有興趣的用戶是非常不友好的干擾; 而即便有部分用戶確實(shí)被“誘人”的抽獎(jiǎng)活動(dòng)所吸引 , 離開(kāi)主流程去抽獎(jiǎng)之后可能就遺忘了原本的目標(biāo) , 進(jìn)而失去了對(duì)產(chǎn)品真正價(jià)值的利用和認(rèn)識(shí) 。
微信小程序怎么設(shè)計(jì)圖文步驟


微信
清晰明確
一旦用戶進(jìn)入我們的小程序頁(yè)面 , 我們就有責(zé)任和義務(wù)清晰明確地告知用戶身在何處、又可以往何處去 , 確保用戶在頁(yè)面中游刃有余地穿梭而不迷路 , 這樣才能為用戶提供安全的愉悅的使用體驗(yàn) 。
導(dǎo)航明確 , 來(lái)去自如
導(dǎo)航是確保用戶在網(wǎng)頁(yè)中瀏覽跳轉(zhuǎn)時(shí)不迷路的最關(guān)鍵因素 。導(dǎo)航需要告訴用戶 , 我在哪 , 我可以去哪 , 如何回去等問(wèn)題 。首先在微信系統(tǒng)內(nèi)的所有小程序的全部頁(yè)面 , 均會(huì)自帶微信提供的導(dǎo)航欄 , 統(tǒng)一解決我在哪 , 如何回去的問(wèn)題 。在微信層級(jí)導(dǎo)航保持體驗(yàn)一致 , 有助于用戶在微信內(nèi)形成統(tǒng)一的體驗(yàn)和交互認(rèn)知 , 無(wú)需在各小程序和微信切換中新增學(xué)習(xí)成本或改變使用習(xí)慣 。

推薦閱讀