vpsee.com 改版（失败）了！

2013年07月10日 | 标签: , , , , | 作者：

（7月12日更新：改版失败，差评比好评多得多，不得不恢复到原状，不过时间没有白费，折腾一下还是学到不少东西～）

四年都没有改版，不知道大家看这个博客有没有审美疲劳，反正俺是有点看不下去了，特别是现在看多了扁平化设计后再回头看有点 “不适”。现在不是扁平化（flat）都不敢拿出去 show，好吧，俺被感染了，上周末花了点时间重新设计了 vpsee.com，加上一些陆陆续续的补补丁丁，改版已经基本完成。

根据 2013 Web Design Trends Infographic 的图示和理解，今年网站设计的趋势包括以下几点：responsive, metro or “flat”, minimalism, typography, parallax, infinite scrolling, content first, fixed header, single page websites, and large image backgrounds. 我们的改版选择了 responsive, flat, minimalism, content first 这几个关键字。

现代社会的特点是东东极为丰富，给用户和消费者的选择太多，选择多是好事，坏事是不知道选哪个，害怕自己把持不住眼花缭乱的世界，所以定了两条原则：“内容优先” 和 “简单”。不管 flat or not flat，不管是否大图片背景，不管响应设计还是不响应，都要遵循 content first 和 simplicity (and minimalism).

有了基本指导思想，做事的速度就快多了。唯一纠结的问题是导航条是选择放在上面（fixed header）还是放在左边（vertical navigation），vertical navigation 也是今年的流行趋势之一。貌似大部分网站都在用 fixed header，决定尝试一下 vertical navigation.

工具方面，Twitter 的 Bootstrap 觉得有点笨重，不符合我们的最简原则，所以选用了另一个小巧的 CSS 库：Pure. 中文的排版方面参考了 TYPO.CSS.

有了神器 Pure 相助，重写 WordPress 模版花了不到一小时。欢迎大家测试和意见，如果这个新版设计太糟糕，请留言告知你所使用的浏览器和分辨率以便调试，谢谢。

新版
vpsee.com 2.0

旧版
vpsee.com 1.0

发表评论(20 Comments) 分类：Uncategorized

评论 (20 Comments)

  1. partric - July 10th, 2013 8:43 pm

    Windows XP/IE 8/1680×1050 显示左边的导航跑到左上角了，和你给的图不一样。

  2. fanboy - July 10th, 2013 9:00 pm

    看上去不错，在我的 imac 上 1920×1080 上显示很好，大字体非常容易阅读

  3. 我买糕的。 - July 10th, 2013 9:20 pm

    个人认为标题上不要有下划线比较好看….

  4. vpsee - July 10th, 2013 9:37 pm

    @我买糕的
    谢谢，赞同，已去掉下划线～

  5. garfe - July 10th, 2013 10:12 pm

    站内search功能没有了吗？只能再开个google了

  6. Anonymous - July 11th, 2013 3:58 pm

    呵呵，我还在1024*768上，导航栏和正文大概有两个半汉字宽的重叠部分。
    如今像我这样分辨率的应该是小小众了吧。

  7. unionstack - July 12th, 2013 3:12 am

    是我审美观问题，不喜欢这种风格呢

  8. 郭翙 - July 12th, 2013 3:13 am

    扁平化没错，但体验非常之差！！都没心情在上面看文章了。

  9. mars - July 12th, 2013 3:30 am

    不喜歡

  10. 憎水剂 - July 12th, 2013 12:04 pm

    我也不太喜欢这个，主要是不习惯

  11. anakin - July 12th, 2013 12:09 pm

    还是以前的风格好啊,这个太简洁了..

  12. zjhui - July 12th, 2013 2:54 pm

    看着很奇怪，还是以前的舒服

  13. wrh - July 13th, 2013 1:33 am

    看的很别扭，我在 1366×768 下 windows7 chrome 下看左边的导航太靠下

  14. zodiacg - July 14th, 2013 11:16 am

    来晚了没看到新风格实际效果。不过我觉得旧风格在内容优先和简洁上已经做得很好了

  15. Andrew - July 14th, 2013 3:30 pm

    希望继续改

  16. bretter - July 15th, 2013 7:40 pm

    没看到新版，从截图来看还不错

  17. 陈沙克 - July 19th, 2013 2:03 am

    我还是喜欢现在的风格。既然是内容优先，那就没必要做啥太多的改变。简单就是好。

  18. hello-wrold - August 11th, 2013 10:36 pm

    博主现在这个主题可以提供下载么？

  19. 墨阳 - October 4th, 2013 6:08 am

    其实我到时听喜欢改版后的那个风格 挺舒服的。如果还能换回来我说不定我还会大大赞扬一番，可能众口难调。

  20. James - November 21st, 2015 2:15 pm

    同问，博主现在这个主题可以提供下载么？谢谢

发表评论