一个壁纸站点,大家给点意见 http://wallpaper.acohome.cn - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
aco
V2EX    分享创造

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

  •  
  •   aco 2019-06-20 15:52:21 +08:00 5934 次点击
    这是一个创建于 2374 天前的主题,其中的信息可能已经有所发展或是发生改变。
    每天抓取 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
    这个特效有点迷啊,感觉有点掉帧。
    mwftts
        9
    mwftts  
       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
    挺好的,刚下载了一个非常漂亮
    00ps
        41
    00ps  
       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 嗯嗯 我加一下,感谢提出~之前一直没注意
    00ps
        60
    00ps  
       2019-06-25 09:48:02 +08:00
    @aco ![]( )
    aco
        61
    aco  
    OP
       2019-06-25 09:52:24 +08:00
    @g190875565 哦 应该是平分的时候 分出来有小数,我看下
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     965 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 29ms UTC 18:55 PVG 02:55 LAX 10:55 JFK 13:55
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86