當前位置:菜譜大全網 - 美食做法 - 發布器的常見入口樣式總結

發布器的常見入口樣式總結

常見位置

首先是發布器入口的位置,常見的位置有四種,分別是:底部 tab、懸浮按鈕、頂部導航和頂部導航下方。

1.底部 tab

位於頁面底部 tab 欄中間,用圓角矩形或圓形按鈕顯示,和其他的 tab 形成比較鮮明的對比,用戶處於其他層級時也可以快速使用發布功能。

這種樣式常出現在對內容發布有強需求的壹些軟件中。按鈕處於拇指熱區,便於用戶快速地發布內容,同時醒目突出的按鈕用戶壹眼就能找到。如下圖:

以百度貼吧和知乎為例,他們都屬於社交類軟件,非常鼓勵用戶發布內容,所以它們發布按鈕都放置在了底部 tab 欄中間,並且使用主題色和旁邊的按鈕形成強烈的對比,醒目且便於用戶點擊。

2.懸浮按鈕

懸浮按鈕通常獨立出現在頁面右下角、底部 tab 欄上方。不同於底部 tab 在其他層級時也可以快速跳轉到發布頁面,懸浮按鈕通常服務於特定的頁面。它的優點是不占用頂部和底部導航的空間,便捷高效,可以擴展更多的功能,用戶點擊更加方便。如下圖:

以 Keep 和豆瓣為例,他們的首頁都使用了懸浮按鈕來讓用戶發布內容,醒目且方便點擊,鼓勵用戶發布內容。?

3.頂部導航

位於頂部導航欄,可以在左側也可以在右側,通常以加號或相機圖標的形式展現。

放在這個位置我認為有兩個原因,首先是它的需求不是那麽重要,所以不必像底部 tab 欄那樣著重突出它,而且在有些單獨層級的頁面中,底部 tab 欄會消失,所以放在頂部導航欄是最好的選擇。如下圖:

以豆果美食和 QQ 空間為例,豆果美食作為壹個美食菜譜類軟件,內容觀看者肯定大於內容創造者,發布需求不是特別大,所以在首頁頂部導航欄左側放置了發布按鈕。

而 QQ 的主要功能是及時通訊,空間是壹個單獨的層級,底部 tab 會消失,所以放在導航欄最合適。

4.頂部導航下方

位於頂部導航欄的下方,上滑頁面時消失,下拉頁面後出現,比較占用頁面空間。

這種樣式不是特別常見,以網易雲音樂為例。它的雲村-動態頁面就使用了這種樣式,不解的是在廣場頁面用了卻懸浮按鈕。

常用圖標樣式

圖標通常會使用加號、鉛筆、相機、圖標+文字和異形等樣式來表現。圖標的選擇和具體的功能掛鉤。

1.加號

加號在數學中意味著數量的增加,所以使用加號圖標通常意味著擴展了更多的功能。以百度貼吧和知乎為例,他們都把要發布的選項再做細化。如下圖:

點擊加號後會出現具體的選項,常見的展示樣式有底部彈窗和氣泡彈窗兩種。以閑魚、什麽值得買、和微博為例。

其中微博使用了氣泡彈窗。閑魚和什麽值得買都使用了底部彈窗的樣式,同時它們利用空白頁面添加了更多的功能,比如閑魚添加了“淘寶專賣、免費送、掃碼買書”,而什麽值得買在空白頁面添加了廣告。如下圖:

2.鉛筆

鉛筆通常讓我們聯想起寫字,所以使用鉛筆圖標的發布按鈕通常以直接發布文字內容為主,不會附加更多的功能。以豆瓣和馬蜂窩為例,如下圖:

3.相機

相機通常會讓我們聯想起照片,所以使用相機圖標的發布按鈕通常鼓勵用戶發布照片或視頻。以keep 和微博為例,如下圖:

4.圖標+文字

這也是比較常見的壹種樣式,通常使用圖標+文字的形式作為發布按鈕,以騰訊動漫和網易雲音樂為例,如下圖:

5.異形

通常和品牌形象相結合,具有很強的個性和趣味性。以叭噠、波洞、臉球為例,如下圖:

劃重點

?今天主要分享的內容是常見的發布器入口樣式,我總結了以下幾點:

1.對發布內容有強需求時可以使用底部 tab 樣式,按鈕突出醒目且便於用戶點擊;

2.懸浮按鈕適用於在特定的頁面中使用;

3.對於發布需求沒有那麽強烈或在單獨層級中出使用時可以放在頂部導航的位置;

4.當更多的發布選項使用底部彈窗展示時,可以利用空白頁面增加更多的功能。

免責聲明:本文未做商用,僅作為學習交流使用,文中觀點歸原作者或組織所有,侵刪