libasten
V2EX  ›  问与答

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

  •  
  •   libasten · May 18, 2021 · 1245 views
    This topic created in 1853 days ago, the information mentioned may be changed or developed.

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

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

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

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

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

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

    11.jpg

    图片中打码的是微信号。

    6 replies    2021-05-18 15:49:20 +08:00
    abersheeran
        1
    abersheeran  
       May 18, 2021
    文字也可以,但是更建议用阴影营造出这是个按钮的效果,让用户“自然”的知道这个可以点击。
    abersheeran
        2
    abersheeran  
       May 18, 2021
    这么多年互联网发展下来,其实很多习惯都被培养出来了。比如很多人看见下划线就知道是链接、可以点。
    ksc010
        3
    ksc010  
       May 18, 2021
    微信这里放一个二维码 icon
    cairnechen
        4
    cairnechen  
       May 18, 2021   ❤️ 1
    角标?类似这样 https://aliyundrive.com/download
    libasten
        5
    libasten  
    OP
       May 18, 2021
    @cairnechen 感谢,这是一个思路~
    GeruzoniAnsasu
        6
    GeruzoniAnsasu  
       May 18, 2021   ❤️ 1
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3884 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 00:11 · PVG 08:11 · LAX 17:11 · JFK 20:11
    ♥ Do have faith in what you're doing.