图像移除按钮到编辑器预览

只需添加一个删除按钮,我们可以这样做:

将编辑按钮移到左侧(加分项:缩短到输入框的鼠标距离),然后将删除按钮放在右侧……这样,我们就在无害操作和危险操作之间拉开了距离。

其他不错的改进:

  • 将编辑图标变成蓝色,就像 50%、75% 一样
  • 保持文本为黑色,但使其也能点击以跳转到输入框
  • 当标题编辑器打开时,能否将其定位在预览文本的基线上方(高一个 z 图层)?这样可以减少点击时的晃动:

这是一个更大的范围,但对于旋转和裁剪,我们可能需要一个完全不同的菜单?

http://notion.so 有一个很好的例子:

所以他们有一个带有许多选项的按钮,缩放是通过拖动句柄完成的……

一个不错的小细节是,如果你添加的图片太小而无法覆盖按钮,当你想与之交互时,他们会强制将图片缩放到能够包含按钮的大小。这样可以避免在悬停时按钮覆盖任何周围的内容。

7 个赞