标签设计。主要是给与用户上传的内容添加标签，这类标签主要有一下几点作用：

1.便于找到相似标签好友，提高产品社交属性；

2.便于归类内容，便于用户和后台进行数据抓取；

3.便于运营相关活动，提升产品互动性；

标签主要是在视频或照片拍摄/编辑结束后，在发布页出现的功能，发布页面具有的通用功能包括：封面（针对视频而言），图片缩略图，标题，描述，地点，标签，@他人，隐私权限，分享/同步到 几项信息，其中按照产品定位的权重及应用本身的属性特质，几点内容在呈现样式上会有一些显著的差异，如in和nice两款图片美化应用与微博：

在此次设计过程中，类似in的发布过程，主要对标签设计进行总结。

1.首先是入口，在页面中需要留出添加标签的位置，同时，考虑到用户可能重复添加标签，或者有些应用的添加标签机制是单次添加，不支持多次添加，因此标签区域要有可多次添加的隐喻，或者带出较强的添加指向性，如图所示：

2.添加过程

添加标签页面，往往需要用户的额输入操作，因此普遍做法是跳转到下一级页面，承载更多的用户操作。

在添加标签页面中，可放置如下功能或内容：

其中，按照不同的产品需求，可能衍生出各种设计样式，如：

（1）只可单次添加一个标签，添加后自动返回，如微博和in；

该设计样式不支持在当前页面连续添加或删除操作，因此仅保留搜索框即可。当前的添加标签操作是单向的，不会有反复添加、修改的问题，因此 路径的流畅性 是影响体验的主要问题，即用户搜索过程中可添加新标签，或者从搜索sug列表中选取推荐的标签时，要保持信息呈现清晰，不要放置过多分散用户注意力的冗余信息，例如当用户搜索时，搜索sug列表是层级最高的，常用标签、推荐标签等内容全部被隐藏掉，以便用户可快速定位选择，选择成功后立即跳出该页面返回上一级页面，再次添加新的内容而不会有反复操作的厌烦感。

其实这里还可细分的是是否支持用户添加新标签。不支持用户自定义标签是一个轻量化的交互样式。如果不支持用户自己添加新的标签，直接将焦点定位到搜索框，同时呼出输入法是一个更为直观的方法，不给用户其他的操作选择，如果输入结果不支持或无结果时，则无法添加标签。

（2）可添加多个标签

该样式的添加标签页面，承载的功能更多，后台涉及到的接口与单次添加相比也是工作量直线上升的，因此在前端的交互设计中需要考虑到压面信息的权重，以及标签的具体添加、删除，甚至排序等交互操作的实现方式。

由于可添加多个标签，在完成所有标签前当前页面是不跳转的，因此需要在用户每完成一个标签输入后，都有确定的操作给后台反馈，告知这是一个新的标签（或者完成后给出统一的反馈，具体技术机制了解不全面），同时前端呈现具体的标签样式，与基本的输入文本内容区别开来。

如足迹的添加标签页面，允许用户创建和添加新的标签。当前页面可同时添加多个标签，支持删除操作。由于输入焦点仅可定位在搜索框中，所以标签上需要有明确的X的角标提示用户当前标签是可删除的；

可手动添加标签更加直接的应用是啪啪。

其标签输入区域与搜索框进行了整合，及用户在该区域输入内容后，输入区域下方出现搜索sug列表，同时用户的输入内容已经呈现在标签区域中，根据初始页面的文案提示，若sug列表里无用户中意的标签，用户可点击输入法中的逗号将其作为新标签添加，同时焦点下移，用户可立即进行下一标签的输入操作。但是从页面可发现，期标签区域无表示删除的角标，因此止咳支持通过键盘上的删除键进行删除标签操作。但是不知是否由于技术原因，点击键盘删除标签时，第一次点击是标签高亮显示，再次点击才可删除标签，如果是有意这样设计的，个人感觉倒是有些画蛇添足了。