
憑借我們多年的底部tab欄設計經驗,傳統的文字+圖標形式統一了視覺呈現、用戶審美,創造了一致的體驗。但設計師有沒有想過是否有更好的底部tab欄案例?答案不確定,但我們確實看到一些優秀的勘探方案,其中一些是在線方案。
第一種是第一代標簽樣式。以淘寶網為例。這是一個經典的圖標加文字樣式。雖然home tab有一些創新,但我們仍然將其歸為第一代選項卡,包括近兩年流行的動態選項卡。實際上,它們都屬于第一代標簽頁。我的定義標準是圖標和文本的結合,這被認為是第一代標簽。無論是在底部標簽頁添加快捷方式,還是添加有趣生動的動畫,都無法避免內容和模塊仍然完好無損,仍然是圖標+文本來傳達產品的信息架構。
后來,設計合作伙伴可能會想當然地接受這種底部tab欄風格。它的優點是美觀、清晰、大方。但它不夠簡潔,至少不是最簡潔的。所以有了第二代的標簽設計。我們來看看小紅書和Instagram的第二排入場券。兩者都實踐了本章的主題,刪除原則,一是刪除圖標,二是刪除文本。表面上,這是一個簡單的刪除,但事實上,背后有深刻的思考。
小紅書的設計方案摒棄了圖標眾多的創作機會,選擇呈現最簡潔的副本,幫助用戶區分不同標簽對應的模塊。放棄了視覺美的創造機會,贏得了體驗美,消除了圖標元素的干擾。一方面,提高了底層標簽的識別和操作效率。另一方面,用戶關注的是應用程序本身的內容。
我們經常聽到這樣的理論:一幅畫勝過千言萬語,但請注意,它并不適用于底部tab欄的圖標領域。盡管圖標很漂亮,但除了一些常用的圖標,大多數圖標都需要文本幫助解釋。更真實的情況是圖標只是文本的一個輔助角色。假設您打開任何三個應用程序并從它們的選項卡中刪除文本,會發現準確識別選項卡內容的關鍵是文本而不是圖標,特別是對于新用戶。
我們可以用微信底部tab欄作為INS的例子。他們都擁有大量的用戶,穩定的用戶習慣和成熟的產品使用經驗。這得益于其短期、高頻互動的產品形式。主流的使用場景是打開軟件回復一條消息,打開軟件刷一段時間的圖片饋送,具有較高的使用頻率。用戶使用底部標簽的經驗足以支持他們的“盲目選擇”。因此,無論您選擇哪種形式,都應該仔細考慮用戶的體驗和業務目標。當你知道你是誰和你是誰之后,你可以使用刪除原則來簡化產品。
除了上述兩個在線方案外,我們還可以看到其他一些底部tab欄方案。設計上的探索總是如火如荼,但我們需要明確的是,優化底部標簽的目的是讓它更簡潔、更易于使用,而不僅僅是為了視覺上的創新。 注:尊重原創文章,轉載請注明出處和鏈接 http://m.hebeijilong.cn/news-id-21537.html 違者必究!部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們,了解更多相關資訊請關注UI設計頻道查看更多,了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050