后台设计小结

Publish: July 7, 2008 Category: 开发相关 Author: fen

很高兴这一次偶然的机会,让我成为 Typecho 团队的一员,也开始了我的第一次团队合作。

关于何时认识 Magike 并如何加入 Typecho 等等历史问题,我就不说了,留着以后写自传。
在程序后台设计方面,我是个新手,Typecho 算是我做的第一个后台。下面我把我的设计流程总结一下,不合理的地方请提出,也别摸棱两可。

首先就是在白纸上定雏形,贴在书桌前的墙上,空闲时添几笔,像便签一样。墙壁的照片就不公布了,上面有藏宝图。

第二步是完善各页包含的元素,什么东西应该放在哪个栏目下,我参考了大量优秀的博客程序,也许你可以看到他们的影子。70 说越简单越好,我得贯彻这个思想,也是我的本意。我们希望菜单能够简化到四大部分,我们也确实做到了。
Typecho 后台元素规划

第三部就是效果图的初设计,写这篇文章时我只会 Fireworks,明天下午我可能就会其它工具了,但还是可能不知道层次感是什么。我觉得的设计的初始就是要按照自己的意愿进行,不必追求何等的华丽,那对我太奢望了。我只希望能用简单的线条让人知道:“我知道我在做什么,下一步就是点这里,我对下一步的目的很明确,是的这就是我要的”等等,我尽力做到不止是我一个人明白,我不希望有人问道:“这个地方是做什么的,我不是很明白”。内测期间我就遇到了,我是我的错,我不够专心。Sluke 考虑得比我细致很多,他告诉我一开始就该考虑后台的国际化,我就以英文的实例做测试,你可以看到截图是英文的。
初期 效果图一
初期 效果图二

后台基本完成的时间是五月份,后面就是修修补补。当我看到后台编程中文的时候,我开始有些伤心了,因为中文严禁概括性很强,两个字就概括了一个英文单词。英文单词可以把导航菜单拉得很开,跳跃性的间隔宽度就像弹奏的五线谱一样流出美妙的音乐。流体的布局更是适应这种旋律。
完成 界面图一
完成 界面图二

中文需要的是方形的固定布局,从QQ、163、新浪、中国雅虎等门户站点新闻列表可以发现,尽可能的用文字去填补列表的空白,填得满当当的,这样看上去才更舒服。这是我忽视的地方,我一直相信这些页面每次都要经过手工再发布的,扯远了……

三年前,我一直很喜欢 IE,转眼三年的时间过去了,我对 Firefox 变得如此执着。这个改变只因为网页设计。IE 让我很痛苦,无法说清的痛苦。它是一个外星生物,它有许多人类未解之谜。如果用 DotA 中的语句形容,IE 就是 Holy Shit 了。拜托,派个人终结了 IE 的超越神的杀戮吧!每次看到 IE 我都泪汪汪啊,握紧拳头扣胸自誓:(内容已隐藏,回复亦不可见)

表单设计方面,绝对是我的弱项,原因就是上面那一段话。这时候,伟大70出现了,他就是全能骑士,团队的核心,在危难时刻展现了他神奇的操作,让我在守护天使的庇佑下再次投入战斗。

后台设计到此告一段落,有人说这样不好或者那样不好,众口最难调,我会听取大家都意见,为正式版本的发布而不断改进。

17 Comments »

  1. KeenzyKeenzy
    July 8th, 2008 19:23

    Nice,很期待正式版啊,还要多久呢?

  2. slukesluke
    July 9th, 2008 02:05

    70是魔武双修的

  3. renothingrenothing
    July 9th, 2008 03:34

    嗯,很好,这个后台延续了上个版本的优点,更杰出了,o(∩_∩)o...哈哈

  4. 锐风锐风
    July 9th, 2008 06:43

    很好很和谐.
    但, 感觉有些简洁的过分了[我个人也很喜欢简洁]. 比如可以加入一些内容使空间显得没那么空乏. 合理的配置空间, 放入更多的东西, 这

  5. 锐风锐风
    July 9th, 2008 07:03

    提出一个问题: 发表评论的速度为什么这么慢呢? 页面打开的速度倒还不错.

  6. 锐风锐风
    July 9th, 2008 07:06

    我个人有这样一种感觉.
    在中文状态下, 一级菜单与二级菜单的配合实在是太差了.
    他们都使用了相近的蓝色, 以至于无法很好的区分, 同时使层次感欠缺.

    我个人认为, 把一级菜单的文字颜色设置为灰色似乎更加合理. 同时淡化非启用的链接[即非current_page的链接].

    而右上角的几个链接, 在中文状态下给人的视觉体验也是非常的糟糕[我也

  7. 混蛋70混蛋70
    July 9th, 2008 07:09

    由于要迎袄熨,国内服务器上行线路普遍出现问题,当字数一多就会反应迟缓。出现这种情况请大家耐心等待,不要重复提交数据

  8. 锐风锐风
    July 9th, 2008 08:58

    不对啊, 我发表的评论怎么都缺少文字啊.. 奇怪了..
    刚才我看还是好好的嘛...

    另外建议, 后台的中文语言包, 每个英文逗号","后边加一个半角空格会更好.

  9. Always.LifeAlways.Life
    July 10th, 2008 02:44

    后台很漂亮...

    但是为什么评论框不加个编辑器呢?

  10. 锐风锐风
    July 11th, 2008 00:33

    @Always.Life
    这个问题难度较高, 暂时不做有意义的回答.

  11. Always.LifeAlways.Life
    July 11th, 2008 07:04

    @锐风

    很多博客评论都是带编辑器的,这样问题难度应该不是特别高

  12. 爱写字爱写字
    July 12th, 2008 00:27

    很黄很WP

  13. 酋长酋长
    July 12th, 2008 01:26

    HOHO..又看到FEN来打了。。这里怎么不能显示图像啊。。FEN老大的头像很是XXX!!!

  14. 陈兴陈兴
    July 19th, 2008 07:59

    我感觉这后台很像WP,不太喜欢这种后台形式,总感觉给人一种压力

  15. 雀巢雀巢
    July 19th, 2008 19:03

    很像wp啊

  16. 清龙清龙
    June 4th, 2009 09:15

    我想下载这个后台,能不能给我一份模板?

  17. FannyFanny
    June 15th, 2011 22:26

    That\'s way the bestest awnser so far!

Leave a Comment