V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
aco
V2EX  ›  分享创造

一个壁纸站点,大家给点意见 http://wallpaper.acohome.cn

  •  
  •   aco · 2019-06-20 15:52:21 +08:00 · 4953 次点击
    这是一个创建于 1771 天前的主题,其中的信息可能已经有所发展或是发生改变。
    每天抓取 bing 的壁纸
    我看了很多的类似的壁纸站,但都是从后端出发搭建的页面,页面的呈现效果感觉不舒服,所以就开始自己搭建。
    主要是针对前端的体验,希望大家多给点意见。
    http://wallpaper.acohome.cn
    61 条回复    2019-06-25 09:52:24 +08:00
    appleFN
        1
    appleFN  
       2019-06-20 16:19:22 +08:00
    支持一个
    Desiree
        2
    Desiree  
       2019-06-20 16:25:14 +08:00
    切换动画有点慢额。。
    MyouiSouth
        3
    MyouiSouth  
       2019-06-20 17:39:31 +08:00
    切换动画慢+1
    还有左右按钮为什么移上去要变成两道杠啊,我还以为按了有菜单。。。
    lzxgh621
        4
    lzxgh621  
       2019-06-20 17:41:28 +08:00 via iPhone
    没人会在意效果,反正都是爬虫爬的。
    wxsm
        5
    wxsm  
       2019-06-20 17:48:49 +08:00
    切换个图太磨叽了。另外左右箭头的动画有点迷。特效是要合适而不是堆砌。
    pixel127
        6
    pixel127  
       2019-06-20 17:51:14 +08:00
    这 首页那张是跟 bing 搜索同步的吧
    LeonKennedy
        7
    LeonKennedy  
       2019-06-20 18:48:55 +08:00
    这个动画效果,太慢了
    iamdj
        8
    iamdj  
       2019-06-20 20:07:47 +08:00
    这个特效有点迷啊,感觉有点掉帧。
    herexf
        9
    herexf  
       2019-06-20 20:17:03 +08:00 via Android
    不知道为啥要动画…
    gavindexu
        10
    gavindexu  
       2019-06-20 20:18:14 +08:00 via iPhone
    特效略浮夸了吧……
    zjyl1994
        11
    zjyl1994  
       2019-06-20 21:52:19 +08:00
    你这个图片切换特效很炫但是体验很慢欸,还有为啥方向箭头挪上去变等号了???
    smileherd
        12
    smileherd  
       2019-06-20 21:55:39 +08:00
    确实特效略浮夸
    sheeta
        13
    sheeta  
       2019-06-20 22:20:03 +08:00
    动画太多了,没耐心等
    sindri
        14
    sindri  
       2019-06-20 23:56:42 +08:00
    挺好的,箭头透明的比较好。个人感觉。
    ZY2071
        15
    ZY2071  
       2019-06-21 00:37:00 +08:00
    n 年前也用接口写过一个 http://zy2071.com/Fun/imgs.html
    zq19
        16
    zq19  
       2019-06-21 00:43:06 +08:00 via Android
    想问一下,网站部署不需要 Heroku 吗?因为我用的 Heroku,网站的 URL 就包含了 heroku,大佬这种自定义的 URL 怎么弄的?
    aco
        17
    aco  
    OP
       2019-06-21 09:00:58 +08:00
    @pixel127 首页是和必应同步的
    aco
        18
    aco  
    OP
       2019-06-21 09:02:17 +08:00
    @zjyl1994 主要是想放上去有点变化,我在想想该怎么弄
    aco
        19
    aco  
    OP
       2019-06-21 09:03:27 +08:00
    @sindri 已经给了一定程度的透明,在透明就感觉不到了
    aco
        20
    aco  
    OP
       2019-06-21 09:10:43 +08:00
    @zq19 我部署在 aliyun 的 Heroku 是什么? 没用过
    wlor
        21
    wlor  
       2019-06-21 09:13:48 +08:00
    可以看看孟坤的参考一下 http://lab.mkblog.cn/wallpaper/
    aco
        22
    aco  
    OP
       2019-06-21 09:19:01 +08:00
    @wlor 从一开始就定了个目标,页面最好不要有滚动,一屏就全看完,所以这种滚动的就不在考虑内
    GeekCourse
        23
    GeekCourse  
       2019-06-21 09:25:07 +08:00
    鼠标放箭头上变成了等号,什么意思,让我等一会儿?
    这个交互不好
    mozhizhu
        24
    mozhizhu  
       2019-06-21 09:33:07 +08:00
    我似乎看到浏览器在燃烧。。。
    icharm
        25
    icharm  
       2019-06-21 09:34:03 +08:00
    这不是 bing 上面的壁纸嘛
    aco
        26
    aco  
    OP
       2019-06-21 09:34:50 +08:00
    @GeekCourse 嗯嗯 好多人提了,换一种效果
    xh520630
        27
    xh520630  
       2019-06-21 09:47:22 +08:00
    @aco 他这个滚动是为了看更多的缩略图 体验感真的比你那个好了 10000 倍.不但切换要等好久 还切换的贼慢 还有内置 CD
    aco
        28
    aco  
    OP
       2019-06-21 09:51:21 +08:00
    @xh520630 所以第一印象就是有动画就慢?往下滚动不需要时间么?而且滚动的往往找不到之前看中的图,因为一下子就滚动过去了
    aco
        29
    aco  
    OP
       2019-06-21 10:08:07 +08:00
    @mozhizhu 其实还好啦,现在浏览器对 css3 的动画支持已经很强了,不会太耗性能的
    xh520630
        30
    xh520630  
       2019-06-21 10:20:28 +08:00
    @aco 你那个 6 秒只能看一个壁纸.他那个 6 秒可以看 5 张壁纸.这"往下滚不需要时间吗"确实可以说不需要时间.而且找壁纸的时候也不会找不到看中的图,因为找壁纸还跳着看那还找啥壁纸.
    前 10 楼 7 个说切换特效碍眼的还是不能理解吗..?
    CSGO
        31
    CSGO  
       2019-06-21 10:33:38 +08:00
    淡入淡出就行,这种各种旋转啥的,效率太低。全局的动画时间要是快一点,可能会更好,控制在 200ms 左右。
    aco
        32
    aco  
    OP
       2019-06-21 10:36:38 +08:00
    @xh520630 切换的时间可以优化,但是往下滚也确实是要加载时间的(包括图片加载,不然白屏有什么意义),如果能一直往下滚动,滚动到一定程度会照成浏览器卡顿,这个特效只是在切换的时候,让图片有加载的时间罢了,切换的时间太长我承认,但是你说的太夸张了,而且网站是有列表页的,不是只有单单那个首页,https://wallpaper.acohome.cn/list 而且是可以控制每页的行列数的,一页的行列数是可以控制的,你说的 6 秒看一张,太夸张了
    aco
        33
    aco  
    OP
       2019-06-21 10:37:38 +08:00
    @CSGO 这个问题我已经在改了,尽量缩短切换时间
    glaucus
        34
    glaucus  
       2019-06-21 10:40:01 +08:00
    切换动画有点慢,而且会出现上一个壁纸的部分还留在下一个壁纸上,应该也是动画的锅
    bmzxdwgqz
        35
    bmzxdwgqz  
       2019-06-21 10:40:43 +08:00
    1.动画太骚太浪费时间了,而且还有 BUG,有时候会出现上一个图的某一部分没被刷掉
    2.右上角点击出来的 3 个图标没有注释,如果不都试一次不知道每个有什么用
    suyuyu
        36
    suyuyu  
       2019-06-21 13:25:54 +08:00
    换个图我有点想锤电脑
    x86
        37
    x86  
       2019-06-21 13:31:58 +08:00
    翻页浮夸...就是花里胡哨
    logozy
        38
    logozy  
       2019-06-21 13:33:43 +08:00 via Android
    除了慢 别的都还可以
    mystrylw
        39
    mystrylw  
       2019-06-21 14:09:19 +08:00
    别用雅黑,首先不是商用字体,其次 mac 上显示为宋体
    fun001
        40
    fun001  
       2019-06-21 15:50:29 +08:00
    挺好的,刚下载了一个非常漂亮
    g190875565
        41
    g190875565  
       2019-06-21 15:58:15 +08:00
    为什么中间一条黑线
    Pi7bo1
        42
    Pi7bo1  
       2019-06-21 16:15:11 +08:00
    黑线+1
    yuzuc
        43
    yuzuc  
       2019-06-21 16:24:26 +08:00
    个人感受:切图的特效太慢,右上角的按钮一直晃神烦,左右箭头的点击动画挺好看的,就是看图的时候太挡画面
    nanau2016
        44
    nanau2016  
       2019-06-21 19:20:15 +08:00
    楼主的对交互的理解还是停留在刀耕火种的阶段,高级的交互不是越复杂越酷炫越好
    类似于高级时装绝对不会找胸大的模特,
    越高级越克制
    zq19
        45
    zq19  
       2019-06-21 20:18:13 +08:00
    @aco 谢谢您,heroku 是一个可以给小型网站提供免费部署的工具。
    zirconium
        46
    zirconium  
       2019-06-21 20:45:59 +08:00
    我一直在用这个: https://bing.ioliu.cn/
    Bakumon
        47
    Bakumon  
       2019-06-21 21:59:37 +08:00
    很棒,收藏了
    spirit1431007
        48
    spirit1431007  
       2019-06-21 22:27:39 +08:00 via Android
    图片的加载效果太好看了!
    Zzdex
        49
    Zzdex  
       2019-06-21 22:29:57 +08:00
    中间为啥要加一根线?
    18ac0877
        50
    18ac0877  
       2019-06-21 23:04:04 +08:00
    右上角那个大圆,一直在晃,强迫症受不了,而且会不自觉吸引关注。
    LFW
        51
    LFW  
       2019-06-22 09:56:08 +08:00
    图片资源很赞 但是感觉切换效果时间有些长
    Takamine
        52
    Takamine  
       2019-06-22 11:21:30 +08:00
    不知道是我显示器太小还是怎么了,莫名看着不舒服...。
    BlueCabbage
        53
    BlueCabbage  
       2019-06-22 17:26:57 +08:00
    对竖屏支持不好
    aco
        54
    aco  
    OP
       2019-06-25 09:39:56 +08:00
    @mystrylw window 上用雅黑,苹果上用系统字体应该问题不大
    aco
        55
    aco  
    OP
       2019-06-25 09:42:07 +08:00
    @g190875565 黑线的可以截个图看下吗? 我这边看的没有。。。应该没有的
    mystrylw
        56
    mystrylw  
       2019-06-25 09:42:46 +08:00
    @aco 可您 CSS 并没有针对苹果设置啊
    aco
        57
    aco  
    OP
       2019-06-25 09:43:54 +08:00
    @nanau2016 emmmm 就切换两张图片,淡入淡出么?
    aco
        58
    aco  
    OP
       2019-06-25 09:45:24 +08:00
    @yuzuc 在那儿晃就是提示那里有个按钮,但如果不晃的话,就基本上没人会去点一下了。
    aco
        59
    aco  
    OP
       2019-06-25 09:46:20 +08:00
    @mystrylw 嗯嗯 我加一下,感谢提出~之前一直没注意
    g190875565
        60
    g190875565  
       2019-06-25 09:48:02 +08:00
    @aco ![]( )
    aco
        61
    aco  
    OP
       2019-06-25 09:52:24 +08:00
    @g190875565 哦 应该是平分的时候 分出来有小数,我看下
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3400 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 11:45 · PVG 19:45 · LAX 04:45 · JFK 07:45
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.