赞助商
立即赞助

标题文案溢出使用「…」合理吗?来看高手的分析!

交互设计3年前 (2021)发布 流光
3.7K 0 0

讨论个比较常见问题。

读者:

呆呆,这个图的卡片列表里,标题省略号合适吗?

(因为原图涉及读者项目隐私,重画了个草图。)

标题文案溢出使用「…」合理吗?来看高手的分析!

!又是没有务背景的问题。过这个问题较简单,可展开来说一。

通常,会在各类产品面见诸如「标题超出部用略号显示」这的计,譬如上面这图。

于,许多人自家产品的设过程中,遇到此类况,被发问到时,也会搪塞一句:文案超出就「…」显示吧。

大数遇到种情况的,是因为之前没考虑,才临时想个决办法。

而很多时候,些品所以用「…」显示,并不是为单纯地文案溢出,可能是专设计过。

,如果简单地认为「…」就是解决溢而使的方法,那就有问题了。

下面举个例。

些产品,我们几乎看不到列表视图里的标题省略的。

因为类产品的目的就是让用户读到完整的标题信息,对眼前的内容做判断,从而考虑是否点进去看详情。

所以在设定时候,界标题数规定,与界样已经提前规划好了,可能在后台设限定死数,要求运员上新时要统界展示形。

这种情况,一般就会再有省略号的问题,譬如一些知识付类产。

标题文案溢出使用「…」合理吗?来看高手的分析!

较典的还有 TED 演讲视频的标题,在《设计体系》这本书里专门到了这个案例。

对于 TED 来说,演讲标题的息优先是最高的,所以宁可保留所有标题文案,对案做截断「…」显示。

因为对标题做截断是容易的,而难的是把一个演讲主题提炼成一句简短句,所以为了展示更清晰的标题,宁可在界面上保留长标题,甚至为长标题的显示而专门计相符的展示形式。

标题文案溢出使用「…」合理吗?来看高手的分析!

反过来,也因为这一点而确定了界面上标题字数的上限,确保文案不会超过界面显示的最大临界值。

包括一些资讯类产品,标题也会限制,以满足化呈且不使用省略。意思:假设界面文案范围了 30 字符,那么配置的时候就必须 30 字符以内把内表达清楚,且必须完全显示界面。

标题文案溢出使用「…」合理吗?来看高手的分析!

所以常看到一些 UGC 产品之所以会限制标题字数,原因除了常见的标题不能过之外,还一点了列表页就能显示完整。

各位在设计类产品功能时,也要注意到一点,而不是随意说一个「字符不能超 50 吧」。

而有些品内容列表,所以频繁使用省略号,它目是为了引导用户击用。

标题文案溢出使用「…」合理吗?来看高手的分析!

这类形般出现在销号发文章里,多是销员自己为了文章击率而做。很少会有款品所有内容都是这样,除是些内容品,运是企业自己,为了让品上内容有更多击而这样去设计,可能涵盖了广告,以此赚取广告费。

过这类容的设计已经户开始反感,如果是特殊情况,最好这样做。

当然,还有同类型的,一出现在页面面积且需要展示更多息的集类视图,比如:

标题文案溢出使用「…」合理吗?来看高手的分析!

这种形式的计,就是因为页面上想展示的息多,以至于通过这类集来展示某个模块的内容,营造出一种丰的觉。

也就利用「…」引导用户点击,表示信息展示全,如果看,就点详,二级页面。

还有一产品的省略号,纯粹就是大家理的,溢出就省略号显示。

比如样是资讯或内容类,以文为主品,虽然标题出范围用了省略号,用户基本也已经知是什么内容(上那个合类视图也是),有摘要引读。

如图:

标题文案溢出使用「…」合理吗?来看高手的分析!

这种标题字符限制在了两行,多余字符「…」展示,基本上已经是一句整的话,人大致了解这条信息的意思。并且还有分摘要,已经足够户判断是否对它有兴趣,如果没兴趣,直接刷走无谓。

包括一些商类产品,用户多以商品图片为主要决策因素,商品标题作为辅助息,优先不高,所以标题溢出是否略号显示也无所谓。

这其中一特殊况,就些产品的标题即不展示全,同时又省略,比如淘宝的商品搜索结果页面。

标题文案溢出使用「…」合理吗?来看高手的分析!

因这类列表实质一产品卖点集合的浓缩词,不完整的一句话,多余字符展示或者不展示,都不会太影响,所以也不重。

当中我比反感的还要数药。

好友邀请列表视图里,常常看不全昵称,为好友会有游戏昵称,微信备注会展示在游戏昵称后,以至于要到游戏关系里先看全昵称,再到匹配界邀请好友。

既然已经区分了微信好友与游戏好友,为么昵称上面区分呢?

当然,经常玩的好友可能没这个必要,毕竟头像或昵称都可以快识别出来,但是偶尔一起玩的好友通过这的识别方式就比较难了。

这里就简单提一句。

通上面提到的一例子,以及不同场下标题省略号的处理方式,相信大家对块的理比之前更深。

样,于开篇读者提到问题,更符合情况可能类似于知乎这,有完句子,所以标题是否省略号处理也没太大影响。

但具体的还是要结合务详情仔细考量。

而标题内容的展示是否要用略号理,优先要这条息的业权重,以及是否会响用户决策。

所以各设这类内标题否用「…」显示时,也注意判断自己的产品特性符合哪种类型,不随意一句话,「超出就省略显示好了」。

欢迎关注作者的公众号:「呆呆U理」

标题文案溢出使用「…」合理吗?来看高手的分析!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

本文作者通过对产品开发三原则模型:商业可行性、技术可能性、用户期望值的分析,来说明其对于产品设计产生的价值。 一. 什么...
产品开发三原则
一、 拍摄准备页 拍摄准备页,是用户点击拍摄功能按钮后进入的页面,也是进入拍摄流程之前的页面,故名「准备页」。更详细的...
交互流程
之前我把交互设计师职业技能的第一部分——思维部分讲完了,之后我开始讲「眼界」这部分。老实说,我只是作为一个设计师在写些...
交互模型
编者按:本文总结了微交互的基础知识和三大作用,作者用大量优秀的微交互案例演示让你直观感受到微交互的强大,适合对微交互...
交互设计
@孔雅轩LineVision :引领初中级设计师摆脱「纠结设计」的弯路,通过对层次感的了解可以将有限的技法用在最该用的地方。 ...
ui设计
想必你还在对HJUX视觉伙伴们给出的《2018年值得设计师学习的六大视觉设计趋势》连连称赞,那么赞别停!今天团队的交互伙伴们...
2018设计趋势
从接触交互设计到现在也有一段时间,而这是第一次比较全面的接触游戏交互,网上也蛮少有游戏交互的实习体验,目前为猪厂用户...
交互设计
@Daidai丶呆 :随着互联网的发展,国内设计知识的沉淀是越来越深,许多设计师已经慢慢培养起新的设计理念,如「基于交互模式...
交互设计