五一小長假即將到來,相信大家都已經非常期待啦!
為了做好充分的攻略,最近黑馬哥也體驗了一些旅游出行所需的產品,發現了一些不錯的設計細節。提高產品設計的每一個細節,才能帶給用戶更好的體驗,這些細節的設計也讓我們的出行游玩變得更美好。
往期回顧:
圖標在產品中隨處可見,如何提高圖標設計的深度和差異化至關重要,立足于品牌的角度是其中之一的有效方式。
最近在使用智行火車票 App 時,底部標簽欄圖標設計融入了品牌基因圖形,點擊狀態圖標以火車頭剪影進行視覺表達。結合動效過度流暢自然,不僅突出了品牌曝光度,也強化了用戶的品牌認知和記憶度。
由于流體漸變豐富的色彩表現和動態感,在畫面中能夠更好地起到突出作用,成為近些年流行的視覺趨勢之一。
在攜程旅行酒店預定的欄目中,將查詢按鈕以流體漸變的形式進行設計,使得單調的按鈕變得更加豐富多彩。流動感的視覺呈現提高了按鈕的設計亮點,增強了用戶的點擊欲和感官體驗。
隨著 3D 設計的流行,在眾多的產品中隨處可見,提高了產品設計的感官體驗。
在攜程旅行“火車超能力”的頁面設計中,運用了 3D 場景增強畫面視覺感。在解鎖的超能力模塊中,3D 場景的呈現讓內容表達變得更直觀,突出的視覺感也吸引了用戶的關注度。不僅讓界面設計更美觀,突出的視覺表達也提高了用戶解鎖超能力的意愿度。
越來越多的產品都在探索品牌化的融入,除了品牌色的強化以外,在品牌圖形、輔助圖形、特征圖形等方面也在不斷探索。
飛豬旅行 App 個人中心界面中,營銷活動的四個入口圖標設計結合飛豬 Logo 造型表達。通過內部差異化的圖形元素區分各類營銷賣點,品牌圖形的運用統一了圖標形式感,讓元素不會顯得分散,視覺協調性和美感度控制得都非常不錯。通過固定造型來約束和統一視覺表達,可以解決圖形分散和視覺風格雜亂的設計問題。
閃屏設計有結合品牌元素的固定形式,也有閃屏廣告,可以單獨出現也可以前后出現。
最近在啟動途牛旅游 App 時,閃屏的設計以品牌化的創意進行表達,視覺沖擊力也成功的引起了我的關注度。將旅游相關的場景元素融入到途牛的品牌外形中,形成帶有品牌感的場景插畫。通過固定造型約束元素組合,不僅統一了風格表達,干凈簡潔的設計也充滿了圖形創意的魅力。
微動效在圖標中的運用十分常見,可以起到突出元素表達的作用。所以,動效已經成為產品設計師所具備的基礎技能。
飛豬旅行 App 行程欄目中,金剛區圖標在每次進入時會以動效形式逐個演變,以此來增強用戶對每個業務的了解。逐個演變后以靜態形式展示,降低動效過度形成的干擾。
封面可以輔助信息的傳播,也能提高用戶對欄目的關注度。封面的比例、設計感和表現形式,影響了視覺感的程度,也是吸引用戶關注度的重要因素。
飛豬旅行 App 在“我的旅行回憶”欄目中,封面以徽章滾動的形式進行表達,動態畫面提高了該欄目的關注度。更容易吸引用戶“進入回憶”,解鎖并點亮對應徽章。
簽到可以增加產品活躍度,提高用戶的簽到參與度至關重要。除了對應的福利政策之外,設計感的提升也能提高用戶的參與度。
馬蜂窩 App 在福利中心欄目中,簽到的設計融入了可視化的表達。簽到領取的蜂蜜用罐子裝起來,還帶有流動感,動態的表達生動有趣,提高了用戶參與簽到的意愿度。動態可視化的設計讓簽到后的得利更直觀,趣味性的表達也讓簽到變得更有意思,提升用戶對該功能的感官體驗。
產品為了提高用戶黏性會打造一些激發用戶參與度的功能或者活動,通過簽到或者完成任務獲得積分/工時等獎勵,可以兌換禮品、優惠券、服務解鎖等。
智行火車票 App 是通過打工小智的形象設計任務功能,以游戲化的模式激發用戶參與度。完成相應的任務獲得工時,用工時換取現金、優惠券和其他服務等。整個任務頁面設計非常精美,打工模式的玩法也比較有趣,游戲化的設計提高了欄目的感官體驗和參與度。
在一些重點突出的按鈕設計中,會通過造型、配色、動效、營銷等形式突出視覺感,提高按鈕的關注度和點擊欲。
在去哪兒旅行機票預訂的界面中,搜索按鈕左側設計了一個動態賣點(立減 20),動效的表達突出了按鈕的關注度。動態營銷賣點給突出按鈕提供了不錯的設計思考,這是一個增強用戶點擊欲的有效形式。
在第一個小長假來臨之前,我們通過這些旅游和出行的產品設計細節,讓我們感受到各大產品做出的努力,為大家提供更好的使用體驗。
本文對于設計的理解闡述屬于個人見解,不足之處歡迎大家留言補充,我們互相進步。
歡迎關注作者的微信公眾號:「黑馬家族」
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 729 位幸運星
發表評論 為下方 5 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓