交互设计:用 3 个「实战案例」详解选择器的用法(十一)

我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  
上篇文章给大家分享了第三个案例,并且解决了第一个问题“ 交互设计:用 3 个「实战案例」详解选择器的用法(十) ”,接下来继续看看第二个问题。
交互设计:用 3 个「实战案例」详解选择器的用法(十一) 问题二:字段太长如何处理?

关于文字溢出处理的重要性我已经在案例二重点说过,这里不做赘述,仅展示以下此次的筛选弹窗时如何处理的。

文字溢出处理:
交互设计:用 3 个「实战案例」详解选择器的用法(十一) 为什么一级文字太多隐藏而二级和三级却显示呢?

因为一级能够显示足够的文字,而二级和三级的显示宽度是有限的,为了用户识别信息,所以二级和三级需要全部显示。

最后来个demo辅助理解。

demo:
交互设计:用 3 个「实战案例」详解选择器的用法(十一) 以上,就是本次想要分享的内容。

今日经验:永远带着思考去做任何事情。

以上就是“交互设计:用 3 个「实战案例」详解选择器的用法(十一)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。

随意打赏

提交建议
微信扫一扫,分享给好友吧。