我们调整了文章的阅读界面

36

当你今天开始阅读 SegmentFault 的文章时,你会发现眼前所见跟之前有些不同。我们根据大量的用户反馈并结合自身特点对文章的阅读界面进行了调整,主要目的在于提高阅读的效率,改善排版的美观程度。

布局调整

我们去掉了很多版面之间的分割线,使之看起来更具整体性。同时为了更好地利用侧边栏,我们对其所展示的信息做出了调整,将作者信息整合到了文章的最顶部,体现出对创作者的尊重。标题与正文之间过渡更加自然,阅读的专注性更高。

图片描述

字体调整

大家都能看出来,我们明显增大了字体。确实随着电脑大屏以及手持设备的普及,原有相对较小字体的阅读体验已经下降。所以我们这次不仅增大了字号,而且增大了行距,并且把字体也做出了相应调整。它们之间的区别可以从下图体现出来,可以看出新字体的字符间的侵入性更小,这样更容易在英文字母较多的技术文档中获得更加的阅读体验。毕竟开发者平时看代码眼睛已经很累了 :)

图片描述

其它调整

我们把点赞和分享按钮放到了左侧,并做了滚动跟随,更加有便于读者的互动行为。

图片描述

图片的边框被我们去掉了,同时自动居中,对于喜欢配图的作者来说,你的图片会有更好的展示效果。

图片描述

总结

界面的改变会有一个适应过程,但我们很有信心它是朝着好的方向发展着的。就我个人来说,过了一段时间的适应期之后,已经无法再回到之前老旧的界面啦。希望大家喜欢这次改变,如果你有任何建议也欢迎与我们交流。


如果觉得我的文章对你有用,请随意赞赏

你可能感兴趣的

18 条评论
煎鱼 · 5月31日

希望 SF 可以加强对专栏文章的思考,以及对 BUG 处理的及时响应

忘不了,在过年的那一晚,我开通了专栏写了文章,结果死活编辑不了。还有这几天,文章也出现无法编辑的情况。

耗费了我大量的时间和精力以及对 SF 的信任 😇

愿好!!!

+5 回复

陈力 · 5月31日
我们把点赞和分享按钮放到了左侧,并做了滚动跟随,更加有便于读者的互动行为。

IMHO, I don't think it is a good feature. Because it violates:

阅读的专注性更高。

Yes, it is a trade-off. But the latter should occupy higher weight.

+3 回复

0

@陈力 no de ying yu when shi hao

逃亡乐队 · 6月1日
0

NI DE YINGYU ZHEN DE FEI CHANG BANG

小轲轲 · 6月4日
micstone · 6月3日

墙裂建议专栏增加文章分类功能!!!

+2 回复

最后的夏天 · 6月4日

1.文章为什么不像笔记一样放在一级菜单,每次都要点我的主页--文章,很麻烦
2.文章不能分类.

+1 回复

Jchermy · 5月31日

改版的问题之个人意见:
1.字体显眼是没错,但是会不会字体太大了?
2.还有为何不展示文章收藏数了呢?(或者是我没找到?
其他的改进表示都还不错~

回复

0

字体我们还会做一个微调,收藏数现在确实没有展现了

joyqi 作者 · 5月31日
0

@joyqi 想再提几个sf的app的体验问题可以嘛!好那我就说了~1.首页的推荐->精选文章 你们是怎么做推荐的呢?为什么好几天过去了还是那几篇文章,(包括我自己的文章;2.消息通知为什么点进去看了红点还不消失,非要点右上角那个已读的按钮呢,真的很反人类啊。。。真心希望sf越做越好呀,平台好大家这样参与度才会高对吧~

Jchermy · 5月31日
0

推荐的改进是我们下一步马上要做的

joyqi 作者 · 5月31日
凉凉凉凉 · 5月31日

然而在笔记本上只能看到半个点赞按钮。请调整一下定位噢

回复

0

请问你的屏幕尺寸是?

joyqi 作者 · 5月31日
0

@joyqi 13寸的 mac pro chrome浏览器 侧边栏移出屏幕外了

凉凉凉凉 · 6月1日
0

@凉凉凉凉 修复了,由于边距较窄,最终我们在特定尺寸下使用了一个较小的点赞图标

joyqi 作者 · 6月1日
小轲轲 · 6月3日

希望越做越好...希望人越来越多!现在人还是太少了。
现在逼乎真的是受不了,说什么StackOverflow看不懂英文就不配当程序员。
真的装逼,有本事说话聊天都用英文啊?你看英文比中文快?
希望SF越做越好。

回复

0

clipboard.png

kumfo · 6月3日
Cure_Dovahkiin · 6月5日

不错啊啊,差不多的复杂度需求比知乎那个笨重的页面好多了

回复

BestMian · 6月6日

感觉字体和行间距大的有点不自然

回复

载入中...