出版商常见入门风格概述

共同立场

首先是出版社入口的位置。常见的位置有四个,分别是:底部标签、浮动按钮、顶部导航和顶部导航下方。

1.底部标签

位于页面底部的选项卡栏中间,用圆角矩形或圆形按钮显示,与其他选项卡形成鲜明对比。用户在其他级别时也可以快速使用发布功能。

这种风格经常出现在一些对内容分发有强烈需求的软件中。按钮位于拇指热点,方便用户快速发布内容,突出的按钮用户一眼就能找到。如下图所示:

以百度贴吧和知乎为例。两者都属于社交软件,非常鼓励用户发布内容。所以他们的发布按钮都放在底部标签栏的中间,用主题色和旁边的按钮形成强烈的对比,醒目又便于用户点击。

2.暂停按钮

悬停按钮通常独立出现在页面的右下角和底部标签栏的上方。与底部选项卡不同,底部选项卡可以快速跳转到其他级别的发布页面,浮动按钮通常用于特定页面。它的优点是不占用上下导航的空间,方便高效,可以扩展更多的功能,更方便用户点击。如下图所示:

以Keep和豆瓣为例。他们的主页使用悬停按钮让用户发布内容,这很醒目,容易点击,并鼓励用户发布内容。?

3.顶部导航

顶部的导航栏可以在左边或右边,通常以加号或照相机图标的形式显示。

我认为把它放在这个位置有两个原因。第一,它的要求没那么重要,没必要突出显示为底部标签栏。而且在一些层次分离的页面中,底部的标签栏会消失,所以放在顶部的导航栏是最好的选择。如下图所示:

以豆果美食和QQ空间为例。豆果美食作为一款美食菜单软件,内容观看者肯定比内容创造者多,所以发布需求不是特别大,所以在首页顶部导航栏左侧放置了一个发布按钮。

QQ的主要功能是及时沟通。空格是单独的一级,底部的tab会消失,放在导航栏里最合适。

4.下方顶部导航

位于顶部导航栏下方,向上滑动页面时消失,下拉页面后出现,占用页面空间较多。

这种风格不是特别常见。以网易云音乐为例。它的云村-动态页面采用了这种风格,但令人费解的是方形页面中使用了浮动按钮。

常见图标样式

图标通常用加号、铅笔、摄像头、图标+文字、异形来表示。图标的选择与特定功能相关联。

1.加号

加号在数学中意味着数字的增加,所以使用加号图标通常意味着扩展更多的功能。以百度贴吧和知乎为例。它们都细化了要发布的选项。如下图所示:

点击加号后会出现具体选项。有两种常见的显示样式:底部弹出窗口和气泡弹出窗口。以闲鱼、什么值得买、微博为例。

其中微博使用了泡泡弹窗。闲鱼和值得买的都采用底部弹出窗口样式,同时利用空白页增加更多功能,比如闲鱼的“淘宝专卖,免费送货,扫码买书”,值得买的在空白页增加广告。如下图所示:

铅笔

铅笔通常会让我们联想到书写,所以使用铅笔图标的发布按钮通常会直接发布文本内容,而不会添加更多的功能。以豆瓣和马蜂窝为例,如下图:

3.照相机

相机通常会让我们想起照片,所以使用相机图标发布按钮通常会鼓励用户发布照片或视频。以keep和微博为例,如下图:

4.图标+文本

这也是常见的样式,通常采用图标+文字的形式作为释放按钮。以腾讯动漫和网易云音乐为例,如下图:

5.外星人

通常与品牌形象相结合,具有很强的个性和趣味性。以巴达、董波、面球为例,如下图:

焦点

?今天要分享的主要内容是常见的publisher入门风格,我总结了以下几点:

1.对发布内容有强烈需求时,可以使用底部标签页样式,按钮突出,便于用户点击;

2.浮动按钮适用于特定页面;

3.发布需求不是那么强烈或者在单独层级使用时可以放在顶部导航位置;

4.当使用底部弹出窗口显示更多发布选项时,您可以使用空白页添加更多功能。

声明:本文未被商业化,仅用于学习交流。本文观点归原作者或机构所有,删除。