V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐学习书目
Learn Python the Hard Way
Python Sites
PyPI - Python Package Index
http://diveintopython.org/toc/index.html
Pocoo
值得关注的项目
PyPy
Celery
Jinja2
Read the Docs
gevent
pyenv
virtualenv
Stackless Python
Beautiful Soup
结巴中文分词
Green Unicorn
Sentry
Shovel
Pyflakes
pytest
Python 编程
pep8 Checker
Styles
PEP 8
Google Python Style Guide
Code Style from The Hitchhiker's Guide
goodluck
V2EX  ›  Python

做了一个直播导航网站,数据不是很多,界面太丑,求建议

  •  
  •   goodluck · 2017-03-10 15:22:32 +08:00 · 5000 次点击
    这是一个创建于 2602 天前的主题,其中的信息可能已经有所发展或是发生改变。

    在腾讯云 vps 上用D jango 架了一个直播号航网站: http://www.yibo666.cn/, 每一分钟更新主播状态,由于数据不是很多,界面空洞,怎么样才能让界面看着舒服点,然后有什么建议。还有抓取了几千个主播每天的微博更新,也不知道界面怎么弄。各位大神有何良策?

    23 条回复    2017-10-17 11:40:37 +08:00
    zcc0810
        1
    zcc0810  
       2017-03-10 16:13:40 +08:00
    很厉害哎!数据都有了,可以做个排行榜什么的(好像有人做过。。。)
    thet
        2
    thet  
       2017-03-10 16:21:04 +08:00
    可以参考斗鱼的 UI ,弄些 icon ,文字排版下。数据还蛮多的,那个直播时间图挺赞的,做一些数据分析还是不错的。
    LemoAtom
        3
    LemoAtom  
       2017-03-10 17:00:21 +08:00
    goodluck
        4
    goodluck  
    OP
       2017-03-10 17:25:42 +08:00
    @LemoAtom 滚动条放左边好像不适合普通人的习惯吧?热门主播,新人主播,这个我没数据。。。。我的审美觉得还是有点阴暗的界面。。
    hwwh1999
        5
    hwwh1999  
       2017-03-10 19:07:32 +08:00
    太厉害了!
    xd314697475
        6
    xd314697475  
       2017-03-10 21:36:17 +08:00
    @LemoAtom 可以的
    XyaoX
        7
    XyaoX  
       2017-03-11 09:35:50 +08:00
    厉害啊....怎么做的能参考代码吗?
    eqqmy
        8
    eqqmy  
       2017-03-11 10:05:55 +08:00
    图片宽高比调整一下。每个直播间的信息精简一下,不用弄成上下都有,或者把一部分信息写在图片里。字体调小。

    其实可以参照下斗鱼之类的。
    eqqmy
        9
    eqqmy  
       2017-03-11 10:10:01 +08:00
    人气值三个字做个 icon ,然后把人气值转换成 xx 万之类的。左边的导航栏背景做个毛玻璃效果感觉会好很多。
    ulins2000
        10
    ulins2000  
       2017-03-11 10:21:40 +08:00
    数据采集,其实很简单,分析一下 html 代码,主要是数据绑定规律,解析一下数据就是你的了,一个简单的逆向过程
    tausi0661
        11
    tausi0661  
       2017-03-11 10:25:46 +08:00
    @goodluck 能问下数据都是怎么获取的么? 比如在线状态, 观看数量这些, 都是抓 html 取的?
    goodluck
        12
    goodluck  
    OP
       2017-03-11 18:04:40 +08:00
    @tausi0661 您好,我是用爬虫去抓取每斗鱼,熊猫,战旗等网站的直播页面,每一分钟抓取一次,所以我更新会落后这些网站一分钟左右。我是根据他们的状态判断主播状态的。。
    goodluck
        13
    goodluck  
    OP
       2017-03-11 18:09:05 +08:00
    @thet 您好,我没那实力去完全照搬斗鱼,熊猫这些网站的界面,原因有这些。
    ( 1 )我的数据没有他们多,只有主播人气,状态数据而已。
    ( 2 )我切图水平有限,他们图片太多,我就算 css,html 跟他们一样,少了图片,就差距很大。
    ( 3 )我是个后端程序员,欣赏,设计能力有限,不能举一反三。
    我现在就是想弄成谷歌那种,界面简单,但是不难看的界面。
    goodluck
        14
    goodluck  
    OP
       2017-03-11 18:10:59 +08:00
    @eqqmy 可能由于我是近视眼的原因,我看小的字很难受,所以就把字体变大了。气值转换成 xx 万之类这个可以做。
    eqqmy
        15
    eqqmy  
       2017-03-11 18:42:54 +08:00
    @goodluck 自己做着玩也无所谓了,不过字体小一点真的挺重要的,我也是正式接触项目的时候才发现的。
    fhefh
        16
    fhefh  
       2017-03-11 18:56:02 +08:00
    每次做东西的时候 最头疼的就是界面 总想设计得很好看

    于是乎 我想找个做设计的女朋友 😁😈
    nanxiaobei
        17
    nanxiaobei  
       2017-03-12 02:42:21 +08:00
    我可以做,但是要钱哈哈哈
    aboutTime
        18
    aboutTime  
       2017-03-12 02:48:51 +08:00
    的确,自己撸网站最难的就是想需求和设计

    就是用最熟知的 bootstrap 做 UI 都比你自己写要好看嘛,大概看了下除了 pagination 都是自己写的样式

    第一可以用一些现成的 UI 框架,比如谷歌 design 、 bulma 之类的
    第二可以去一些卖皮肤的网站“借鉴”一下那些大手子的设计
    goodluck
        19
    goodluck  
    OP
       2017-03-13 16:20:06 +08:00
    @aboutTime 是的,很多样式都是自己写的, bootstrap 的感觉不好看。。以前没用过谷歌 design 、 bulma 之类的。有时间去研究一下。谢谢!
    oldmenplus
        20
    oldmenplus  
       2017-09-27 10:47:47 +08:00
    1、左栏太密集而且太小了。
    2、右侧空白太多。
    3、真页都没看到有爱的交互效果。
    4、这 Logo 不有爱诶,放的位置好奇怪诶 (´・_・`)。
    5、感觉预览图展示好大,字也好大。
    6、右边的排版...好奇怪,每个直播介绍分成了三层,不便于阅读诶。

    ⚆_⚆ 想当不开心。(求别打死)
    goodluck
        21
    goodluck  
    OP
       2017-09-28 12:00:34 +08:00
    @oldmenplus 嗯,谢谢您的意见,近期准备改版一下。到时候希望再来评价一下。
    oldmenplus
        22
    oldmenplus  
       2017-10-11 18:31:59 +08:00 via Android
    @goodluck 好想改你的网站,强迫症受不了跃跃欲试,_(xз」∠)_ 但是我不会代码
    goodluck
        23
    goodluck  
    OP
       2017-10-17 11:40:37 +08:00
    已经改版好了,感觉怎么样。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5964 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 87ms · UTC 02:18 · PVG 10:18 · LAX 19:18 · JFK 22:18
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.