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

2017-03-10 15:22:32 +08:00
 goodluck

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

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

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

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

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

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

⚆_⚆ 想当不开心。(求别打死)

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/346469

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX