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