分类: Design

  • New aeroom is up and running.

    如你所见,网站主体由居左对齐改为居中,首页的排版模仿了杂志的效果,而内页的主体文字也放大了一号,我希望这样排版的阅读体验能尽量接近纸质媒体。

    因为非常重大的私人事务,在新版主题上线2周之后,我终于空出时间来写一篇日志总结一下这次的更新了——这些天虽然忙到焦头烂额,但我一直还是一直想着这篇网志,以至于自己都觉得不可思议:既然网站都已经上线,进行过哪些改动也理应为人所知了,又何必非得自己苦口婆心地再详述一遍呢?

    这次的改动并不很大,只是按照上一版的方向继续改进而已,我想这个方向就是“可读性”吧。如你所见,网站主体由居左对齐改为居中,首页的排版模仿了杂志的效果,而内页的主体文字也放大了一号,我希望这样排版的阅读体验能尽量接近纸质媒体。不过局部的细节仍然需要长期的细致调整,让每一个像素都趋于完美,这应该是一个设计师的本能。

    我在很早之前就希望调整博客的设计,其实之前的主题并无太大的缺陷,Winging 君甚至认为它比新主题更大气。但是我自己想的是,随着屏幕越来越宽,居左的样式可能会越来越局促,在公司电脑的1680分辨率下它表现尚可,回到家里1920的大屏幕问题就比较明显了,右边是大块大块的空白。

  • aeroom 重装上线

    虽然没有提前规划过,但还是任性地把网站改版了。

    在熬过两个月的忙碌期之后,忽然兴起,把网站改版了,只花了一周时间,低调,神速。主要是收缩了左侧的空白区,这样内容区就相应拓宽了。上一版的内容区太窄了,空间浪费得太多,也影响了文字的阅读体验。颜色力求简洁淡雅,并且大范围地使用了圆角,应该要亲切不少?作为 Web Designer,雕琢网站的美感,提升使用体验,无疑是一种本能冲动。

    继续阅读
  • 主题的修正和补完工作也告一段落了

    在我刚刚兴高采烈地做完总结致辞的几分钟后,马上就被隔壁的沙总(前往拜会沙总)电脑上的 IE6 给无情地打击了—…

    在我刚刚兴高采烈地做完总结致辞的几分钟后,马上就被隔壁的沙总(前往拜会沙总电脑上的 IE6 给无情地打击了——整个网站简直就是支离破碎不堪入目啊。在连续两天夜以继日的抢修之后,网站在 IE7 里的表现基本恢复正常,然而因为使用了大量的透明 PNG 图片,我只能无奈地表示:
     ie6-refused

    其他的修正工作还是卓有成效的,不知你有没有发现在某些分类出现的特殊风格?比如 WritingWork 这两个分类。 还有为某些优雅女士特别量身定做的评论框,不妨瞅瞅这里这里——还是非常了不起的吧?其实这都靠无所不能的 Sandbox 啊,在此前我曾经尝试过 Comment Highlighter 这个插件,不过有了 Sandbox 之后你就可以跟它潇洒告别了。

    image另外还完善了一下链接页面,并且增加了一篇题为『本站友情链接的参考样式』的指导性文档。过去因为本人的懒散,大家就算想做个链接也还得劳心费力自己动手,并且最终效果还往往出现某些差错,譬如 Winging 网站上的友情链接……其实这么小的尺寸我一点也不建议把文字和图案一起放上去,不过别人好心为你做了图你一个无所作为的懒鬼混蛋也就只能缄口不言罢-_-

    再另外……最后……好像没有了。一两天的时间就做了这么多工作,我真是太勤奋了。那么与沙总的会晤也已经完了吧?什么?什么都没见到?怎么可能呢?哇扣,还真的什么都没有啊,这到底是怎么回事啊?哈哈哈

    继续阅读

  • 在白宫落成仪式上的总结致辞

    经过上周六至本周一的努力施工,俺的博客终于改造完成了。这个新主题的设计稿其实很陈旧了,还是大半年前的工作,代码…

    经过上周六至本周一的努力施工,俺的博客终于改造完成了。这个新主题的设计稿其实很陈旧了,还是大半年前的工作,代码则是基于 Sandbox 改写的。咳咳,最终效果得到了品味高雅的 Winging 同学的认可与赞赏,感激~同时也受到了某些无耻之徒如困妞天台等人的强烈嫉妒和刻意贬低,愤慨~他们表示看上去完全不咋的,或者干脆说是简陋,尤其是百度空间资深用户困哉,在得知这博客使用的是传说全宇宙最强的 WordPress 程序之后,他更是痛心疾首地控诉:配上你这套烂皮,真可谓暴殄天物啊!然后就皱着眉头摇着脑袋非常不满地把自己的百度Mac模板拿出来对比了。

    首先得把新主题一个不太明显的功能拎出来示众一下,如下图左端红色部分所示:
    image
    这里其实是一个 Previous Post 的跳转链接,相应的右端也有一道浅灰的区域,则是 Next Post 的跳转链接。因为设计时没有并考虑到这两个很必要的链接,在 Coding 的时候临时添加了这么个效果,但为了不至于影响文章标题喧宾夺主,做得比较低调可能容易被忽略,而 Sandbox 代码又不太好改动,所以连个提示都没办法加,只能希望鼠标翻转事件能够引导用户去点击了。

    为了加快载入速度便于阅读,我把那些 Web 2.0 网站的应用都集中到首页了,内容页面中的 Sidebar 只保留了很简单的基本功能,另外放上了一个有趣的 Widget WOWZIO ,可以让你看到网站上的其他用户都在干嘛——虽然在罕有人迹的本站它可能一天也就动那么一两下,不过要是有一天俺成名了它就会像锯木厂工作台上的木屑一样飞迸啊。然而首页其实还有问题的,因为很多东西都转移过来这边,所以在拥挤的布局里我仅显示了最新的一篇文章。这样用户想继续阅读的时候就比较麻烦了,因为在附近范围内没有链接引导他们打开其他文章或者存档页列表。他们只能通过最顶部的导航来选择,这无疑是非常糟糕的体验啊。所以我还在考虑要不要在 Twitter 列表上面插入一个 Recent Posts 列表。

    继续阅读

  • 银他妈,怀旧四人组

    gintama

    其实俺觉得草图都挺有感觉的,一上色就反而全无亮点,譬如这样子的草图:

    gintama2

  • 小红帽的故事

  • 采蘑菇的小姑娘

    采蘑菇的小姑娘

    埋伏?危险!!!

    注意右上角那个惊恐万分地哀号着的家伙,就知道前面两者各自的命运了吧……

  • WOW Piece! 嘿,首先出场的这位大爷

    Franky

    牛头人弗兰奇大爷!!挺拉风的吧?虽然这右边的左脚还有些问题……

    接下来是位女性德莱尼……她是谁?

  • 十尾天狐

    [singlepic=334,400]

  • 猫先锋……

    猫先锋……

    猫武馆

    咳,果然很差劲啊。

    相关的小说在这里:http://cache.tianya.cn/publicforum/content/no124/1/4649.shtml ,这个算是插图-_-