更强的 V2EX 界面修改方案 v2ex.k 0.1.0 发布!!

2015-02-12 00:17:16 +08:00
 kokdemo

上周六晚上,我发布了 v2ex.k 的0.0.1版本,收到了很多的反馈和支持,这让我对这个项目充满信心。那个周末连续更新到了0.0.5版本。

但我希望这个项目可以做到更好。

经过几个晚上的加工,0.1.0版本终于定型。截至我写这个帖子的时候,已经达到了0.1.1版本,紧急修复了一个bug。

如果对v2ex.k 不太熟的同学可以先看一下原来的帖子: http://www.v2ex.com/t/169091

或者github主页: https://github.com/kokdemo/v2ex.k

或者直接安装一下试试: https://chrome.google.com/webstore/detail/v2exk/dnbmbhefokngmkalbdcgjdlgoppfhndn

特性

  1. 全新的界面颜色。
  2. 左侧导航栏。
  3. 快速阅读模式。
  4. 左侧显示通知条数。
  5. 自定义颜色设置。

6. 全键盘操作模式。

截图

观察力比较好的同学已经能看出一些端倪来了,主要修改的地方见下面的描述。


更新

2015.2.11:


帮助

  1. 使用快速阅读只需要点击列表中除了链接之外的空白即可。
  2. 右侧的快速阅读区域可以点击进入具体的帖子。
  3. 自定义颜色设置具体如下

<code>

.k_color_dark{
    background-color: #3C7300;/*主要导航条颜色*/
}

.k_color_light{
    background-color: #5CB000;/*次级导航条颜色*/
}

span a.node.k_color_node{
    background-color: #B9D998;/*小标签背景颜色*/
    color: #FFF;
}

td a.count_livid.k_color_count{
    background-color: #3C7300;/*回帖数目背景颜色*/
}   

#Wrapper.k_color_background{
    background-color: #E2F1D0;/*背景颜色*/
}

.k_color_hover:hover{
    background-color: #2980B9;/*导航条放置变色*/
}

.k_color_item{
    background-color: #FFF;/*列表项背景颜色*/
}

.k_color_item a:link,.k_color_item a:visited,.k_color_item a:active{
    color: #3C3B47; /*列表项文字颜色*/
    text-shadow: none;
}

.k_color_choosen{
    background-color: #eeeeee;/*被选择的列表项的背景颜色*/
}

#k_tabbar a.tab_current:link, #k_tabbar a.tab_current:visited, #k_tabbar a.tab_current:active{
    background-color: #505770; /*次级导航条被选中颜色*/
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}

</code>

4 . 全键盘使用:

For chrome

https://chrome.google.com/webstore/detail/v2exk/dnbmbhefokngmkalbdcgjdlgoppfhndn

感谢

首先要感谢V2EX Next项目 https://dribbble.com/shots/1355911-V2EX-Next 上一个版本的配色很受大家诟病,我将配色向next项目靠拢,果然好多了!

其次要感谢
@rainy3636
@loading
@romotc
@yrom
@vimutt
@233
@branchzero
@Jreen
@julijulilijuliju
@liwanglin12
@elvba 等同学的反馈,尤其是@branchzero反馈特别仔细;新的快速阅读的想法也是来自@elvba。

接着要感谢一下 @caoyue 制作的ff版本 https://github.com/caoyue/userjs/blob/master/v2ex.k.user.js

以及 @break 制作的衍生版本 https://github.com/jShi-git/purple-v2ex

我的思路和他的有很多相似的地方。


ps

写完帖子也有12点多了……希望大家能够用的开心!

还是那句话:

『用更好的UI开始新的一天。』

11999 次点击
所在节点    分享创造
103 条回复
Winny
2015-02-12 08:59:40 +08:00
主力是Firefox用不上,单纯支持一下。
andy1987
2015-02-12 09:30:31 +08:00
很不错,在布局上跟孢子社区有点像哦
ZhaoMiing
2015-02-12 09:38:16 +08:00
很不错,但搜索框圆的有点违和
hewigovens
2015-02-12 09:38:54 +08:00
侧边栏的图标目测大小不一, 看着很难受
jimmy
2015-02-12 09:55:19 +08:00
竟然没有​自动更新的功能,我本地还是0.0.5
只能卸载重装了。
JkCola
2015-02-12 09:57:59 +08:00
@kokdemo 简直赞
但是提点建议,我想要[滚动条],要不回复列表太长,我都不知道看了多少
gqfBzoLVY3Wl4Tng
2015-02-12 09:58:32 +08:00
chrome 有tampermonkey
kokdemo
2015-02-12 10:02:50 +08:00
@sorcerer 关于你的问题,其实是三部分的原因促成我这么来做。

1. 用iframe来加载,虽然能够完整的加载全部的页面,但是对iframe的控制力太小,导致右侧与整体界面格格不入,也减少对她的扩展的可能性。

2. 我认为快速阅读就是需要更快一些,让我们的浏览更有效率,如果你对这个帖子真的有兴趣,那么无论是按一下右方向键还是点击一下右侧区域,都可以直达这个帖子。

3. 好吧,上面都是我编的,其实是因为v2ex没有提供读取一个帖子回复的接口……


@ZhaoMiing 这是下一步要修改的。


@hewigovens 应该是一样大的,是不是最上面那个提醒的icon不居中?
kokdemo
2015-02-12 10:04:33 +08:00
@jimmy 我不太清楚这个自动更新怎么搞……

@JkCola 滚动条这个我也很纠结,保留滚动条的话,视觉上会很不连贯
jimmy
2015-02-12 10:06:56 +08:00
新版本更新上了,用的时候有几个地方相当的别扭。
1、快速阅读的时候,点击整个页面的任何地方都跳转到详细页去,误操作很频繁。
2、在详情页里应当屏蔽方向键,特别是人家在输入内容的时候,方向键是用来调整输入内容的,现在一触发方向键,输入的内容就等于作废了。
3、快速阅读最好能打评论也显示出来,毕竟“论坛”嘛,评论比主题关注度更高,主题不会变,但评论时刻都在变。现在这种方式,快速阅读的意义就没有了。
先这样吧,免得等下我又不小心碰到方向键。
PS.这是我第5次输入这些内容……orz...
kokdemo
2015-02-12 10:10:18 +08:00
@jimmy

方向键这个误操作……是我设计的问题,我考虑改用一些用的比较少的键位上或者是在输入框中屏蔽掉。

至于显示评论真的还做不到……快速阅读这个点击跳跃就是这么设计的,如果你对这个很感兴趣,那么点击一下进入详情。

我今天再收集一些反馈,晚上整理一下,看看这些交互是否需要改一下。
JkCola
2015-02-12 10:10:44 +08:00
@kokdemo 我个人感觉还是加上的好,加个比较漂亮的滚动条,也会太损失美感
jimmy
2015-02-12 10:23:03 +08:00
自动更新:点击编辑,然后就会有上传更新包的地方,用这种方式上传的版本,就会自动更新了。
PS. 关于键位,我觉得j、k这种翻页操作可以用到这里。。。
kokdemo
2015-02-12 10:32:37 +08:00
@jimmy 总之我先把输入框屏蔽加上吧……
longquanwo
2015-02-12 10:57:45 +08:00
good
lhx2008
2015-02-12 11:18:06 +08:00
ff的怎么同步更新。。基本不可用的样子
pzhang
2015-02-12 11:22:06 +08:00
置顶的帖子标志位置好像有点问题:

mazk
2015-02-12 11:23:58 +08:00
我有个疑问……把css加到设置里,如果到没有这个插件的浏览器上看,岂不是会乱……?
happywowwow
2015-02-12 11:25:06 +08:00
眼花缭乱的

还是支持

另外同上,置顶的标识位置有问题
kokdemo
2015-02-12 11:47:46 +08:00
@pzhang
@happywowwow 置顶的我给忘了……


@mazk 会这样的,但是chrome的插件是会同步的,应该问题不大。

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

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

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

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

© 2021 V2EX