什麼是功能入口設計---上海天象網絡技術有限公司

什麼是功能入口設計---上海天象網絡技術有限公司
個人中心其核心模塊其實就是功能入口,因此清晰、有層次的佈局尤爲重要,功能入口我大概統計了有2種表現形式:列表式、宮格式。

1、列表式
列表式是最常見的展現方式,其優勢是層次展現清晰,靈活性高,方便信息後期擴展。其展現方式往往是圖標+文字,圖標主要根據產品整體圖標風格而定,這裏就不在贅述。
其缺點是,如果同級過多時,容易產生疲勞;視覺樣式弱,視覺區分層級較差;只能通過排列順序、顏色來區分各入口重要程度。
使用場景:多用於工具類和閱讀類的APP中,不適合電商類功能模塊較爲複雜的APP中。
另外在列表設計中,我們還可以根據業務分類進行列表分組,以方便用戶瀏覽查看。
比如上圖支付寶將賬單、總資產、餘額、餘額寶、銀行卡我的資產部分分爲一組;芝麻信用、保險服務、花唄等功能入口分爲一組;其他幾個例如微信、得到、搜狐新聞、網易新聞、百度閱讀從上圖可以看到,都是將相關聯的分爲一組。
這麼做的目的其實就是增加界面層次,讓用戶更快速的找到需要的信息或入口。

2、宮格式
宮格式也就是將頁面劃分爲若干相同的區塊,相關聯的可分爲一個區塊,其優勢是可以強化功能操作;頁面視覺效果更好。其缺點是在層次上不如列表式清晰簡潔,會增加用戶使用成本;另外不利於後期擴展,會出現一行只有一個功能入口的情況。
使用場景:由於其視覺效果好,可以強化功能操作,因此我們看到很多電商、外賣、團購、短視頻等都採用該展現形式,同時對於一些功能入口較少的APP,採用宮格式也可以讓整個界面效果更豐富。
從上面的案列可以看出,宮格式設計圖標占比較重,因此在設計時,圖標是設計的重點,我們可以採用線性圖標、線+面、面型圖標進行設計,其設計風格同樣根據整體規範的設計風格而定。
比如百度外賣採用了較爲簡潔的粗線性圖標設計,和底部的面型圖標拉開差距,提升界面細節表現力。而YY的設計風格就是線+面,讓整個界面顯得活潑。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章