做了個景區(qū)語音導覽小程序(免費,用愛發(fā)電了屬于是旅游)
用了一段時間發(fā)現(xiàn)UI太丑了
這周末花時間大改造了一波
這次都優(yōu)化了啥
1.首頁煥新
漸變橙色搜索欄,更醒目
景點卡片重新設計,信息更清晰
加了序號標簽,一眼看出游覽順序
距離、講解點用彩色徽章顯示
點擊有懸浮動效,更有質感
2.地圖頁大升級
景點用曲線連起來了!
(圖上那條彎彎的橙色線)
可以一鍵開關游覽路線
播放中的景點會跳音波動畫
播放按鈕有三種顏色:
藍色-未播,橙色-播放中,綠色-已播
3.播放界面改造
頂部加了耳機圖標(播放時會呼吸)
進度條更大更好拖動
播放按鈕外圍有脈動光暈
首字放大的排版更有格調
4.搜索頁優(yōu)化
橙色漸變背景
熱門搜索的火焰會跳動
結果展示更直觀
5.個人中心美化
漸變頭部+VIP小徽章
功能卡片都用了漸變色
整體更精致了
6.改造重點
Zui滿意的是地圖上的游覽路線!
用平滑的曲線把景點連起來
不僅好看,還能清楚知道該怎么走
可以隨時開關,不會遮擋地圖
播放界面的細節(jié)也下了功夫
音波會跟著音頻跳動
按鈕有呼吸感,交互很舒服
7.感受
好的UI真的能提升使用體驗
細節(jié)決定產品質感
動畫不需要多,恰到好處就好
看著自己的作品變美真的很有成就感!
準備上線測試了~
下次去景區(qū)可以實際用用看效果
你們覺得怎么樣?
鄭州小程序定制開發(fā),鄭州APP軟件開發(fā),鄭州電商商城系統(tǒng)開發(fā),鄭州行業(yè)應用軟件開發(fā)
計算機軟硬件的技術開發(fā)、技術轉讓、技術服務、技術咨詢;網(wǎng)絡技術服務;網(wǎng)頁制作;設計、制作、代理、發(fā)布國內廣告業(yè)務;圖文設計制作;企業(yè)形象策劃;商務信息咨詢;物聯(lián)網(wǎng)信息服務;云平臺服務;企業(yè)品牌策劃、推廣;銷售:電子產品、日用百貨。
永諾網(wǎng)絡科技,始于2017年,鄭州永諾網(wǎng)絡科技有限公司2017成立,鄭州技術型小程序軟件開發(fā)公司企業(yè)...9年來,一直專注于中小企業(yè)小程序開發(fā)與app軟件開發(fā)為主,目前主要核心服務領域有:App定制開發(fā),微信小程序開發(fā),定制開發(fā)等技術支持和服務。18名設計師和程序員技術,與您一起尋求行業(yè)的突破點,跨越,顛覆!秉著專注,擔當,責任的心態(tài),始終把客戶外包的項目當成是我們自己的!合作,始于信任,源于用心。一個形象的作品,必然是理念、設計和技術...