Opensource.com 下一次迭代的亮点

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

Opensource.com

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

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

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

提高可读性

您有望摆脱的第一件事是移除深灰色背景。再见了!字体、字体粗细和行高保持不变,我们只是稍微增加了文本宽度。文章页面上更大的标题和副标题,为我们这些眼睛老化或屏幕较大的人准备的。

sample_article.png

新文章布局预览

改善移动体验

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

我们对我们的焦点区域(英雄位)进行了一些调整,这是主页上我们能够突出显示热门文章的第一个区域。我们的“标签”(也称为分类)页面进行了略微修改,以匹配新的外观和感觉(请参阅底部的屏幕截图)。

homepage_sidexside.png

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

提供更好的相关内容

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

sample_tag.png

分类标签页面预览

来自读者的反馈

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

在评论中畅所欲言或给我们发送电子邮件

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

9 条评论

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

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

Jason

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

但我喜欢页面顶部更薄。

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

回复 ,作者 kjcole

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

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

回复 ,作者 jhibbets

我非常喜欢这种格式。

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

那是我的速读版本。

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

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

只是一个小提示:在“提高可读性”部分,您有一个不必要的撇号 ::: 和副标题的 ::

谢谢。

你知道,我曾在 sub-headline's 和 sub-headlines 之间来回纠结。感谢您解决争论;)

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

回复 ,作者 JeffMacharyas

此更新确实使网站具有“有趣且吸引人”的感觉。

但是,我确实怀念无需点击文章即可查看文章有多少评论的功能。我经常返回 Opensource.com 的主页,以快速查看是否有任何关于我感兴趣的文章的新讨论。现在我真的无法做到这一点了。

不要害怕,这是我在质量保证中遗漏的东西,它应该在未来的代码发布中返回。
Jason

回复 ,作者 Jason van Gumster

知识共享许可协议本作品根据知识共享署名-相同方式共享 4.0 国际许可协议获得许可。
© . All rights reserved.