我真不敢相信3年自从上次重新设计这个博客后,但在过去的几个月里,我一直在写blog.spongraphics的第6版。我为这一次经历了许多概念,从彻底检修到细微的重新调整,不过,我还是选择了一些中间的设计,新的布局保留了2007年设计的品牌和风格。

一些历史

自从2007年创建以来,这个博客穿的几乎是同一套衣服,每6-12个月进行一次轻微调整和重新调整。2009年的最后一次重新设计,尽管看起来非常相似,但从一开始就进行了完整的重新构建,更新了代码,并在布局中添加了大量的修饰。这个版本在过去几年里持续得很好,但我开始觉得需要彻底检修,并开始研究各种设计概念以获得新的外观。
这次我想去做一些完全不同的事情,但我的一部分人想保留大标题插图,因为它是这个网站的一个可识别功能,也是许多粉丝电子邮件的主题。我试着把它塑造成许多概念,但它不起作用,所以最后我决定放弃它,重新开始新的布局。

有什么新鲜事吗?

这个博客总是有一种复古/复古的主题,棕色/米色的配色方案和纸张纹理。在尝试了一些完全开箱即用的设计后,我决定最好还是坚持这个主题,所以我把它带回到广场一号,开发了一个新的复古风格的标志,把它绑在一起。

我真的想扩大内容范围,但是我有点担心5年的内容价值已经被扩展到了原来的450px布局。我决定咬住子弹,把主柱扩大到600像素,所以从现在开始所有的帖子都会有更大的截图和图片。那些基于450px布局的旧文章看起来并不太糟糕,它们只是坐在页面中央,而正文则延伸到整个宽度。

新设计实际上只是旧布局的一个演变。几乎所有的东西都在同一个地方,但只需简单的重新调整。

Ermahgerd是Nert Responserv

我遇到的一个主要难题是是否要让这个博客设计具有响应性。从我自己的浏览体验中,我经常发现响应式设计更像是一种麻烦,而不是一种好处(例外)。几乎我所有的帖子都很长,由多个图片组成。如果采用响应式设计,这些图像将被缩小,您将无法放大以查看教程屏幕截图中的详细信息。再加上所有的东西都永久性地以100%的比例缩放,你将永远轻抚你的设备,使其到达页面的底部。
我没有去追求快速响应的设计,只是优化了手机布局的一小部分,例如调整文本大小以避免标题和列表上的孤立。双击主列并放大,以提供与我为移动视区设计的布局几乎相同的布局,除非您可以缩小以扫描页面或在侧边栏或页脚中查找某些内容(否则这些内容将在响应式设计中完全重新定位或删除)。不想让混乱的页面分心吗?点击“读卡器”Safari中的按钮,提供一个干净的移动优化版页面。就好像苹果把他们的设备设计成这样…

仍然在测试!

我已经尽力让设计在所有浏览器和设备上都能正常显示,但我没有能力测试它们。如果你遇到任何明显的错误,我很乐意听到你的消息(截图也非常方便!).请在评论中告诉我你对重新设计的看法。我有没有遗漏什么,或者你有什么不同的做法?

在Pinterest上共享
62评论 提交 加上你的!
订阅接收spoon图形通讯beplay全方位手机移动娱乐平台

订阅我的时事通讯,成为第一个听到新文章的人

62评论

  1. 看起来很棒,克里斯,我更喜欢你现在在这个网站上拥有的更大的内容区域。

    我很高兴你没有走上快速反应的路线,主要是因为如果有人在做辅导,不管怎样,它们都会在桌面上。

  2. 我得承认,我比我想象的更喜欢这个。我有一部分人认为事情有点多,但这一点被设计的雄心壮志所超越,同时又是完全新鲜的。

    至于它没有反应;我喜欢反响应的勇气,因为我对响应式设计有着类似的理念;虽然它有助于访问,但并不意味着每个站点都最适合响应式设计。所以,是的,这在固定格式的基础上工作得更好。-)

  3. 新设计做得好,我真的很喜欢新的标志,而且坐得很好。喜欢页眉和页脚的纹理。

    对事物反应方面的有趣想法。很高兴看到它有不同的角度,而不是“一切都必须有反应”。

    好工作伙伴。

  4. 我喜欢这个新设计!

    我正要问,“为什么你没有用,反应?“但我觉得你有你的理由,我理解你的决定没有反应!

  5. 你好!!
    问候语!!我喜欢这些博客!!谢谢分享!!
    我有个问题……“图形”一词中使用的字体名称是什么?新的标志?
    谢谢,请一直这样工作!!!!
    XXOO

  6. 干得好,克里斯。伟大的工作。喜欢新的调整和设计。你会很高兴知道它在Kindle Fire HD上显示得非常完美!

    • 要让读者工作,你所要做的就是用一个

      标签;例如…一篇文章!然后,您的书面内容(包括任何图像)将在阅读器中呈现。;-)

      尽管我从来不会说响应式设计是一种忧虑;我只认为这是一个解决方案,比你想象的容易,所以你要保持简单。-)

  7. 干得好,克里斯……我喜欢宽广的内容区和褐色的配色方案。纸的纹理赋予它不同的外观。新的复古风格标志简单而漂亮…做得很好…

  8. 好看的重新设计…!喜欢图形和颜色布局…字体和颜色也是一个很好的功能。

  9. 我等这个重新设计已经一年了,我甚至评论了一些我迫不及待想看到它重新设计的文章。

    内容区太小了,即使这一个也不够大,不适合我的口味。)但是我喜欢你做的每一件事,这一个没有什么不同…

  10. 看起来很不错,对网站的非响应性没有什么失望,因为博客是用来阅读的,在较小的设备上这将是一个困难,而在较大的屏幕上则没有那么愉快。

    说我不知道你的用户群是什么样的,你是否有大量的移动设备或大屏幕流量。

    干得好。

  11. 我真的很喜欢这种清新的设计,克里斯!感觉还是很像你的家。

    我最喜欢的一件事就是你选择了移动弓箭手。我只希望你能给我们一些指导,拜托。我发现这是最好的解决方案,因为我也发现响应性是,经常,讨厌的事

  12. 你好,克里斯,

    这是你做的一个非常好的设计,但我觉得你以前失去了一些东西。
    最后一个是非常独特的,不可能与另一个混淆。(我真的很喜欢你最后的头条:)。

    不管怎样,我们需要一些改进,正如史蒂文所说,更广泛的内容是一个不错的选择。

    最好的,

  13. 你好!很酷的重新设计!
    标题“版本6”中使用的字体是什么?

    感谢您的回复!:)

  14. 嗨,克里斯,

    感谢您在网站和博客上所做的努力!

    我是你所有文章的忠实读者,非常感谢每一篇文章。

    我知道为自己的项目寻找时间和精力是多么困难,比如博客发布和创建tuts。因此,我真的要感谢你们,你们为我们所有人——你们的读者——做了一个巨大的利益!

    保持动力,继续前进!;)

    最好的问候,
    亚历克斯来自皮克斯洛夫斯

  15. 克里斯,新设计是你的功劳——我认为你做得很好。我喜欢这样,我仍然能认出它是blog.spoon网站,但加了一点“闪光”。

    很有说服力——我对你的期望丝毫没有减少——但看到新设计我仍然很高兴!

  16. 这是个可爱的家伙!我喜欢快速响应的网站,但这种布局实际上非常有效!

    颜色调色板很容易在眼睛上,总体上它使一个容易阅读。

    干得好,克里斯!

    不过,我在iPhone上注意到的一点是,你的页脚没有延伸100%。是故意的吗?

评论现已关闭