关于c2.teckoo.com的网站设计

Category: /blog /website
Tags: website

目的

  • 写文章锻炼自己的表达能力. 这些年在学习和工作的过程中, 发现自己有严重的表达缺陷, 希望在写文章的过程中能逐渐克服这个毛病. 网站人气高不高没什么关系. 自己的写作水平提高是一定会有的. 所以这是个不亏本的买卖.
  • 把这个网站当成自己的resume, 找工作时可以展示给别人看.
  • 交到朋友. 一个人做网站有时真是寂寞啊, 有了问题也没人可讨论. Google并不能搜到所有的答案. 想想整个地球那么多人, 对Django能感兴趣的也就几千人, 能说上话一起讨论问题的大概只有几十人, 最后能交上朋友也就几个. 我这人不愿去主动找别人, 做个网站没准哪天别人能找上我呢.
  • 在”我为什么写程序员故事会“提到了我想给小孩子讲故事, 要实践怎么培养学生对编程的兴趣.

用户分析

针对上面的目标, 我估计来访问的也就是对Django感兴趣懂中文的程序员. 那么这个数目大概也就几千人. 用户数目少, 同时访问的可能性更小,因此不用担心load performance, 这样心理上就轻松多了. 在这块一亩三分地上咱就可着劲儿的造吧.

前端设计

既然是针对程序员用户, 我的定位就是geeky一点儿. 主题是”简化人生”, 那原则就是”简单, 再简单一些”. 我学过几天Photoshop, 发现自己不是那块料, 实在没有天分, 也就不折腾了. 也许哪天会请个web designer来美化一下. 目前我只专注自己爱做的事.

首页设计

没有图片, 设计上就要更用心. 我把首页做得象程序员常用的term, 黑底白字. 标题栏也象个window title bar. 这是编程人员很喜欢的环境, 即使Windows程序员也很怀念DOS命令行的年代. 我想这个样子会吸引那些hard-core programmer.

Firefox

标题设计

我把标题部分做得象一个命令行:

  • c2@teckoo.com 是用户名和机器名,
  • :~/一个程序员的简化人生$是目录名,
  • ls -d */ 是我平时列子目录的命令, 而上面的目录名就是输出结果.

而且任何时候都可以点击标题回到主页.

Title

文章页面设计

我平时写代码时都喜欢打开syntax highlight, 在一个普通的code editor里字体一般不变, keyword syntax color可以任意设置. 所以我打算在页面里也是少用字体变化, 多用色彩变化. 有一次我爱人看见俺写程序的窗口说了一句, “这么多颜色你都看得明白吗?” 我马上喊冤:”你平时就老笑俺两个黑窗口就能盯半天. 上面又没有美女图片, 俺还不能给字上点儿色? 再说这还是16色. 对IT民工也不能这么狠吧”.

我把主要的内容窗口放在左边, 而不是常规的”左导航-右内容”设计. 我认为现在好多上网本和其它浏览器的打开窗口很小, 内容放在左面用户可以向右拖拽的动作次数. 千篇一律的导航是什么可看的.

我选黑底色是因为

  1. 这样眼睛看着不累, 在显示器上看多了白色背景容易累
  2. 程序员经常晚上在光线暗的环境下工作, 看正常页面最好调暗brightness/contrast, 而看黑背景网页就不用调
  3. 显示暗背景省电, 省你的电, 还节能环保. 台式机无所谓, 笔记本就受益多些.

具体的细节我在”设计高效率网页“写了我的操作和体会.

后端实现

实现的部分在”以程序员的方式建博客网站“有讲述.

总结

简单不是件容易的事, 也有很多细节要注意.

我爱人做事就很认真. 她以前做过教会的文书执事. 有一回教会要邀请新朋友到一个公园聚餐. 她拿着名单去买了一叠卡片回家, 每张都是手写邀请, 还手写信封. 我说我可以帮她敲字儿再打印出来贴上不就行了吗? 结果人家不理, 做为她亲爱的老公只能陪着写. 我一边写一边喊累, 从来没觉得来教会的新朋友会有这么多. 俺这老敲键盘的手写出来都象蜘蛛爬. 她始终很工整地写. 后来迎新会后有一位长老来跟我们讲, 有新朋友对他说本来不想来, 就是因为看出这是手写的邀请信感到很真诚就来了. 这事震了我很久, 我想他收到的那张卡片肯定不是我写的, 也很后悔如果我写得更认真些, 说不定来的人会更多.

用心做事, 人家能体会到的, 谁都不傻.

讨论

提示

  • 如果看不到讨论部分, 请暂时关掉adblock in Firefox/Chrome
  • 本网站使用Javascript实现评论功能, 此处外链对提高您的网站PR没有帮助. (潜台词: 请不要灌水, 谢谢)