开源中国:博客列表页和博客详情页的设计图

OSC运营汪 发布于 2016/05/31 01:36
阅读 8K+
收藏 15

大约五年前,@红薯 的博客写到:


然后到前几天:



的确,原计划6月开始改版,我们提前5月开始了。对于我们Platform team来说颇刺激!

上两个星期,我们对博客的编辑器进行调整的同时,对博客详情和个人博客列表进行设计和实现。

这次对博客的改版主要有两个原则:

    1. 更爽的阅读体验:博客是用来读的,不是用来的拜的,所以,读得爽,才是真的爽!
    2. 帮助博主打造个人品牌:共享经济时代,个人品牌决定你的未来!

虽然已经实现了一半了,但是,闭门造车对我们的用户似乎有些不负责。最后,我们决定还是将设计图拿出来让大家“吐槽”。

有同学提醒我们了:你不怕别人抄袭你们的设计吗?我们的回答是:我们很愿意看到别人抄袭我们的设计,竞争对手抄袭我们是对我们团队的最大的赞赏!

以下是设计图及说明:

博客详情页:


更新有:

     1. 去掉了之前博客周围繁杂的信息,将目录也放到了右侧,界面整体上简洁了很多,有助于读者更加专注于博客阅读本身;
     2. 博主的个人名片:博客底部的技能雷达与作者简介使大家对其有更直观的了解;
     3. 个人技能雷达:一图展示这个人的一技之长;
     4. AJAX评论及翻页;
     5. 赞赏功能:设计图没来得及更新;
     6. 眼尖的同学会发现设计图上面的“发布时间:发布于1周前”,我承认,那是一个bug,不是feature~。


-------------------------------------------------------------------------------------------------------------- 一条YY的分隔线--------------------


博客列表页:



主要更新有:

  1. 增加了个人博客搜索功能,我已经听过无数人抱怨没有这个功能了;
  2. 博客默认排序为最新,增加了最热排序;
  3. 去掉了博客列表的摘要部分,一个好的博客标题,已经是一篇博客的摘要;
  4. 博客列表会自动抓取博客第一张图片为博客配图,好的配图可提高点击率;
  5. 当选中博客分类时,会与未选中时呈现不同的颜色。
  6. 博客标题前面的"原",“荐”等标识分别表示博客是原创,推荐, “置顶”被放到了标题后面。
  7. AJAX分页、搜索个人博客


我们要感谢所有的吐槽,我们更感谢有建设意见的吐槽,如 @曾建凯 的博客 OSC博客改版想法整理 http://my.oschina.net/janpoem/blog/670513

加载中
1
红薯
红薯
昨天看了新设计图,心里没底啊,还是让大家吐吐槽先
涉水轻舟
涉水轻舟
一般般… 建议参考 Google Material Design 规范
mahengyang
mahengyang
真心好,比iteye,csdn之类的好太多了,改的这么漂亮,我就不需要自己弄jekyll或者hexo弄github静态页了
1
磊神Ray
磊神Ray
顶部栏和下面感觉有点不协调。
翟志军
翟志军
回复 @红薯 : 说实话,因为一开始底部不是重点,所以,没有重点考虑,只是让前端简单的放了一个。回头打磨下
红薯
红薯
我也觉得是 @翟志军
1
开源中国首席菜菜
开源中国首席菜菜
博客就是博客;底部的技能图可以扔了么.技能图在个人信息展示就足够了
0
无忌
无忌
改变特大
0
Vian
Vian
能识别博客内主体配色,然后把页面头部的绿条变成同色系的么?
0
C菌
C菌
感觉更加清爽了
0
我想有个家
我想有个家
@红薯 清爽,点赞,顶
0
Soi
Soi
不错不错!
0
如比如比
如比如比
居然没使用uml讲解,在设计图中还有贴代码的,罕见啊
翟志军
翟志军
设计图需要保真才能看出真正效果。
0
清风_
清风_
不错,顶
返回顶部
顶部