Opensource.com 下一次迭代的亮点

我们改进了可读性和您的移动体验。
422 位读者喜欢这篇文章。
Website updates

Opensource.com

Opensource.com 团队一直在与 Bluespark 的开发团队认真合作,以发布 我们在十月份与您分享的网站重新设计的下一次迭代。 牢记我们改进可读性、移动体验和相关内容这三个目标,我们已准备好向社区展示一个更加“轻量级”的 Opensource.com 版本。

我必须首先提到,我本希望提前更多时间向社区分享此更新。我们最初的计划是在六月底发布此代码。我们提前完成了项目时间表,并且各方面条件都满足,可以将代码发布时间安排在 6 月 14 日星期三上午。 话虽如此,我的团队一直在我们的开发和暂存环境中不知疲倦地执行质量保证。

虽然我们可能遗漏了一些东西,但我认为您会喜欢新的外观。 也许,当您阅读本文时,它将在网站的新的轻量级版本上。 接下来,我想分享一些亮点。

提高可读性

您希望首先感到欣慰的是深灰色背景已被移除。 没有了! 字体、字体粗细和行高保持不变,我们只是稍微增加了文本宽度。 文章页面上更大的标题和副标题,适合我们这些眼睛老化或屏幕较大的人。

sample_article.png

新文章布局预览

改善移动体验

您可能会注意到的第二件事是更精简的页眉,更薄、更清晰、更适合移动设备。 文章页面现在具有单列布局(见上文)。 我们在文章顶部添加了简短的作者简介,并将扩展版本的简介移至底部。

我们对首页上的第一个区域 hero-spot 做了一些调整,我们可以在其中突出显示一篇热门文章。 我们的“标签”(也称为分类法)页面进行了轻微改版,以匹配新的外观和感觉(请参阅底部的屏幕截图)。

homepage_sidexside.png

新(左)旧(右)首页的并排视图

提供更好的相关内容

当您阅读文章时,您可能会注意到底部有一个更赏心悦目的部分,其中分享了推荐文章。 我们去除了“四四方方”的感觉,使其成为文章中更自然的一部分。 最后,对于我们的一些更受欢迎的内容,包括但不限于编程、云、硬件和其他主题,我们一直在文章中添加额外的菜单——希望将您链接到相关内容,以帮助您继续您的旅程并探索开源世界。

sample_tag.png

分类标签页面的预览

来自读者的反馈

与往常一样,我们欢迎您的反馈和错误报告。 我真的很高兴这个版本将为 Opensource.com 社区成员和其他访问者提供更好的桌面和移动设备阅读体验。

在评论中留言或给我们发送电子邮件

Avatar
Jason Hibbets 是 Red Hat 数字社区团队的社区主管。 他与 Enable Architect、Enable Sysadmin、Enterprisers Project 和 Opensource.com 社区出版物合作。

9 条评论

重新设计看起来很棒! opensource.com 已经是一个设计精良的网站,但这些调整使其变得更好。 谢谢

代码部署已上线,一切看起来都很棒。 如果您发现任何问题或错误,请发送电子邮件至 open@opensource.com 或在下方添加评论,说明您喜欢或不喜欢的内容。

Jason

就我个人而言,我从左到右、从上到下阅读英语,并且感觉自己老了:我使用的几乎每个网站都变得越来越垂直。 这个网站现在使用的水平空间不到我可用水平空间的三分之一,使得滚动对于阅读内容变得越来越必要。 虽然您说您实际上已经加宽了它。 我认为对我来说,也许是去除深灰色使两侧感觉太亮,并突出了屏幕的空旷感...

不过,我喜欢页面顶部更薄的设计。

感谢您的反馈。 关于这一点的一些想法。 我们希望采用单列布局,以便更好地响应人们正在使用的各种不同设备。 手机、平板电脑、桌面电脑上的并排浏览器等等都浮现在脑海中。 对于行宽,我们对此进行了一些研究,发现一些研究表明,较长的文本行可能难以阅读,因此我们正在努力找到微妙的平衡。 当然,对此有不同的看法;)

回复 作者:kjcole

我认为,这正是需要更多教育和浏览器灵活性的地方,以便用户可以轻松快速地拥有多个可自定义的 CSS——这样我就可以“Zen Garden”任何我访问的网站,而不必在意设计师的偏好。

(在为别人设计页面时,我不声称自己有任何艺术/设计技巧。 我只是确保它们包含有效的 HTML5、CSS,并且 WAVE [http://wave.webaim.org/] 对可访问性的抱怨不多。)

回复 作者:jhibbets

我非常喜欢这种格式。

我认为较窄的行长使阅读更容易。 我发现,如果我在网上阅读跨越屏幕的内容,我会在大约三分之一的位置开始下一行。

那是我的速读版本。

窄格式就像一个提词器:我可以将目光固定在一个地方,而无需来回移动。 滚动没有问题,并且由于我的时间顺序有点问题,视力也不是很好,我发现这非常易读。

即使在我的 27 英寸巨型 iMac 屏幕上,两侧的额外空间也不会困扰我。

只是一个提示:在“提高可读性”部分,您有一个不必要的撇号::: 和 sub-headline's ::

谢谢。

你知道,我在 sub-headline's 和 sub-headlines 之间来回切换。 这就是解决争论的方法;)

感谢您的反馈,享受轻松阅读。

回复 作者:JeffMacharyas

此更新确实使该网站具有令人愉悦的“有趣和吸引人”的感觉。

但是,我确实怀念在不必单击文章的情况下查看文章有多少评论的功能。 我经常返回 Opensource.com 的主页,以快速查看我感兴趣的文章是否有任何新的讨论。 现在我真的做不到了。

© . All rights reserved.