JobPlus知识库 互联网 其它 文章
移动端内容编辑器(键盘)的设计参考

大家无论是发微博,微信,知乎,等等,都会使用到键盘(内容编辑器),今天就跟大家一起思考和探索,键盘设计有哪些比较好的设计体验。

首先,我们先看最基础iOS原生控件的键盘。

在最基础的社交中,原生键盘已经足够我们使用,但是在内容原创类的产品中,这些是完全满足不了键盘侠的操作的,功能性的扩展是必然,下图的基本功能扩展内容,都是我们在编辑文章时最基础的排版工具。

以上的功能,如何将其嵌入到键盘的设计中呢?

键盘设计参考

产品名称: iOS 备忘录

参考内容:文本样式

iPhone备忘录的原生编辑器是非常值得参考的,它对于扩展功能的交互设计做的极好。

在文本样式中,它将所有功能都排列的很清晰,体验也非常好。

如果你觉得这种编辑器很麻烦,它在文本处做了一个快捷编辑,手指长按选择,就可以简单的编辑样式。

备忘录编辑器的交互和排版样式可以应用在很多产品中,如果你觉得不太好,那可以对比看一下微博头条文章的文本编辑器,俗话说,没有对比就没有伤害。

产品名称:腾讯QQ

参考内容:图片选择

一般我们在聊天过程中,如果需要发送照片时,需要点开相册的按钮,然后进入二级页面相册中来选择。

QQ在发送图片的交互中,做了一个选择框,可以快速的选择,不用在进入二级页面选择相片了,非常方便快捷,不过这个设计只能选择最近的照片,如果想发送以前的照片,点击左下方的相册就可以了。

产品名称:印象笔记

参考内容:文本样式

印象笔记的文本样式设计和备忘录有些相似,可以说是基于备忘录的文本编辑器升级优化的,这里不考虑视觉,只看其功能和交互。

印象笔记在键盘上方的空白处做了标签选项,用户可以方便的切换键盘和编辑器,而且,它在底部设计了文本色彩选择。

在排版编辑中,增加了段落编辑,选择列表等,对功能的分类非常清晰。

总结

在设计文本编辑器时,可以参考以上设计方法,把自己当作一个用户来设计,虽然每个产品对于编辑器的功能都有一定的限制,不过,好用的编辑器依然会受到用户的青睐。

如果你想成为一个键盘侠,先把自己的键盘来好好设计一下吧。


如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

¥ 打赏支持
0人赞 举报
分享到
用户评价(0)

暂无评价,你也可以发布评价哦:)

扫码APP

扫描使用APP

扫码使用

扫描使用小程序