一、 前端UI設(shè)計(jì)講解
首頁(yè)UI畫面布局及按鈕展示
——————首頁(yè)標(biāo)題欄展示品牌LOGO及搜索按鈕,極簡(jiǎn)式設(shè)計(jì)。
——————四個(gè)選項(xiàng)卡按鈕分別為:
推薦:顯示設(shè)定時(shí)間內(nèi)(如一周內(nèi))的高贊高評(píng)熱門文章進(jìn)行排序推送至首頁(yè)推薦選項(xiàng)卡,遞減式排序推送十篇文章。
最新:顯示最新發(fā)布的文章。
資訊:按時(shí)間排序顯示企業(yè)或行業(yè)相關(guān)新聞。
活動(dòng):線上APP或門店活動(dòng)消息推送及預(yù)告
——————banner圖片幻燈片3張,顯示圖片和標(biāo)題,標(biāo)題文字為白色并配合半透明毛玻璃效果背景,突出但不突兀,點(diǎn)擊圖片或標(biāo)題可跳轉(zhuǎn)至指定頁(yè)面。
——————文章作者頭像、昵稱及關(guān)注按鈕
——————文章標(biāo)題及副標(biāo)題顯示
——————文章TAP標(biāo)簽,點(diǎn)擊進(jìn)入同類型文章推薦頁(yè)面
——————文章配圖自動(dòng)裁切合適大小并顯示。
——————文章發(fā)布時(shí)間、點(diǎn)贊數(shù)量和評(píng)論數(shù)量顯示。
——————底部導(dǎo)航按鈕:
社區(qū):即首頁(yè)按鈕,點(diǎn)擊返回至首頁(yè)
好物:積分商城按,點(diǎn)擊后進(jìn)入積分商城
愛(ài)車:點(diǎn)擊后進(jìn)入選車頁(yè)面
消息:排列顯示訂單消息、客服通知、私信消息
我的:點(diǎn)擊進(jìn)入個(gè)人中心
好物頁(yè)面UI畫面布局
——————商城客服按鈕,點(diǎn)擊進(jìn)入客戶系統(tǒng)。
———————商品分類選項(xiàng)卡
———————熱銷商品、新品banner圖
———————商品詳情圖、商品標(biāo)題、商品副標(biāo)題、商品價(jià)格展示,點(diǎn)擊進(jìn)入商品詳情頁(yè)面。
愛(ài)車頁(yè)面UI畫面布局
——————頂部快捷搜索框,快速找到心儀車型。
———————車源排序篩選
———————車輛縮略圖、品、車型、價(jià)格等參數(shù)展示。我的頁(yè)面UI畫面布局
———————用戶頭像、昵稱、可用積分展示,頭像和昵稱可直接獲取微信頭像、昵稱。積分可用于商城消費(fèi)抵扣或線下門店洗車保養(yǎng)抵扣。
———————邀請(qǐng)好友功能,可生成用戶推廣碼,被邀請(qǐng)人在平臺(tái)上購(gòu)買商品后,邀請(qǐng)人可獲得傭金。
———————我的訂單,點(diǎn)擊后進(jìn)入訂單詳情列表
———————我的卡券,在此可查看所有領(lǐng)取后的卡券,卡券分為現(xiàn)金優(yōu)惠券和計(jì)次券,計(jì)次券可用于如洗車、保養(yǎng)類核銷扣除,在商城可用積分或現(xiàn)金購(gòu)買?,F(xiàn)金券(滿減券)用于商城購(gòu)買抵扣使用,計(jì)次券主要用于線下核銷使用
獲得卡券的方式有2種,一種是商品首頁(yè)領(lǐng)取,還有一種是購(gòu)買對(duì)應(yīng)等級(jí)的會(huì)員商品獲得
———————設(shè)置功能,進(jìn)入后新增或更改收貨地址、綁定手機(jī)等操作。
———————關(guān)于,點(diǎn)擊后顯示小程序企業(yè)簡(jiǎn)介。