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