V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
libasten
V2EX  ›  问与答

如何引导“告知”访客,鼠标移动的指定区域可以看到微信二维码图片?

  •  
  •   libasten · 2021-05-18 15:19:19 +08:00 · 834 次点击
    这是一个创建于 1285 天前的主题,其中的信息可能已经有所发展或是发生改变。

    企业网站上的一个联系方式区域,分别有电话号码、电子邮箱等信息,都作的统一设计。

    微信一般都是扫码的,但是在这个设计中把二维码图片放进去风格不一致了。

    我是把二维码图片隐藏了,然后鼠标移动到这个 div 上在显示出来,通过 css 的 hover 控制。

    问题是这个像是一个彩蛋,只有我知道,而且在移动设备上没有鼠标 hover 的状态,除非去点击这个 div 才会触发,这体验也不好。

    我想问问大家伙,这种情况怎么告知访客呢?

    直接加一段文字:“鼠标放到这里看二维码”?

    11.jpg

    图片中打码的是微信号。

    6 条回复    2021-05-18 15:49:20 +08:00
    abersheeran
        1
    abersheeran  
       2021-05-18 15:27:54 +08:00
    文字也可以,但是更建议用阴影营造出这是个按钮的效果,让用户“自然”的知道这个可以点击。
    abersheeran
        2
    abersheeran  
       2021-05-18 15:28:45 +08:00
    这么多年互联网发展下来,其实很多习惯都被培养出来了。比如很多人看见下划线就知道是链接、可以点。
    ksc010
        3
    ksc010  
       2021-05-18 15:29:01 +08:00
    微信这里放一个二维码 icon
    cairnechen
        4
    cairnechen  
       2021-05-18 15:30:07 +08:00   ❤️ 1
    角标?类似这样 https://aliyundrive.com/download
    libasten
        5
    libasten  
    OP
       2021-05-18 15:41:06 +08:00
    @cairnechen 感谢,这是一个思路~
    GeruzoniAnsasu
        6
    GeruzoniAnsasu  
       2021-05-18 15:49:20 +08:00   ❤️ 1
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2808 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 07:31 · PVG 15:31 · LAX 23:31 · JFK 02:31
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.