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