無標題文檔

Gracecode.com 的界面变迁 Part.2

道歉一下,由于工作的缘故,几乎忘记了后续。下面,主要说下针对 上期提出的些问题 ,说下我的解决办法。

其实针对上期提出的问题,很多时候都是风格不确定造成的,比如有两个 Logo 等等。于是,我计划将 Blog 的风格确定下来。

本人非常的懒 ,对于页面的制作不想花太多的心思。所以,初步确定的风格就是「越简单越好」。

然后,我开始设计一个全新的 Logo。通常这个时候,顺便可以想些其他方面的问题,比如排版等细节。

https://friable.rocks/_/2009_11_05/71264544b867.jpg

先「回忆」下 Gracecode.com 的第一版的 Logo 。很显然,这个 Logo 元素似乎有点过多 -- 毛边、地球、还有口号。

https://friable.rocks/_/2009_11_05/84121544b868.jpg

于是我陆续做了第二个版本的 Logo,这下看起来好很多。用手写的字体表示代码,然后印上流行的 Beta 标记。

但是,这样的 Logo,很难让人们想到我这个网站是干什么的。

https://friable.rocks/_/2009_11_05/88320544b9b7.jpg

最后,是大家熟悉的目前的这个 Logo 的。坦白的说,这是我「设计审美疲劳」以后的产物。随意的字体,加上代码上的些特征,于是就组合起这个 Logo 了。

在画这个 Logo 的同时(我可怜的 Photoshop 技术),心理对于页面的雏形也出来了 -- 两分栏,一边类目、一边内容,越简单越好。

未完,待续……

北京,我来了!

很开心的能得知,团队中所有的 前端开发 人员,都能够去北京参加 今年的 D2 峰会 (感谢...)。

这对于我这个「足不出省」(不包括上海)的「居家男」而言,在能够见识下「大场面」的同时。去北京,本身就是件非常「刺激」的事情。

https://friable.rocks/_/2009_11_05/5666956274f0.jpg

顺便提一下,本人平生终于有了自己的第一张名片 -- 千万不要误会,我不是 Seller。

关注第二届 D2 论坛

淘宝开了个好头 ,D2 前端开发论坛应誉而生。第二届的 D2 论坛在北京由中国 YAHOO 团队举行( 官方地址 )。

D2(Designer and Developer)前端技术论坛(简称D2),为国内前端开
发者和网站设计师提供一个交流的机会,一起分享技术的乐趣,探讨行
业的发展,以技术会友。今年D2来到北京,由中国雅虎主办,我们将努
力营造一种轻松自由的交流氛围,继续传承D2的宗旨,没有任何商业色
彩,不收取门票等任何费用,以纯粹的技术交流为根本,共同推动国内
前端技术的发展。

https://friable.rocks/_/2009_11_05/3378954f1f66.jpg

个人认为 D2 论坛还是有必要去见识下的。能和那些优秀团队的开发人员相互交流,这本身就是宗难得财富。

在北京有兴趣和时间的朋友,可以关注下此事。

Yiyitoo.com 的 Wordpress 模板

https://friable.rocks/_/2009_11_05/249955446362.jpg

忙里偷闲,给 小妮子 重新做了套 Wordpress 模板。本人的美工水准实在是有限,目前只能这样子了。

需要的兄弟可以到 这里下载 ,代码建议还是不要看了,完全是赶工的结果。

如果时间和精力允许的话,我想将她的网站转到 Magike 上。这样,她就全部使用兄弟们的产品系列了(凭她的个性,出了问题保证折磨死你们)。

Gracecode.com 的界面变迁 Part.1

一直以来我都在改进 我的 Blog ,使其觉得完美。但坦白的说,我没有专业的设计素养 -- 所有的界面设计,都仅是「感觉」优先。但然而「感觉」这种东西往往飘忽不定,所以本人也在持续的更改界面。

期间参考了很多设计观点,多多少少有点心得,在这里总结一下。这一系列的文章可能会比较长(也可能会比较短),我也没有把握控制篇幅。总之,想到什么就写下什么吧。

首先,先来针对我的 旧版的 Blog 界面 做个分析。替换掉这个页面的直接原因,就犹如上述所说的,就是「感觉」不好。

先说明下我写此页面前的构思。我想将页面做成整体风格比较严肃的、很学院派,层级清晰,方便阅读。

然而在接下来的一段时间,由于思路变化、加上添加了很多的功能,我不得不添加或删除页面的部分元素。然后,一切就变得越来越糟糕。

https://friable.rocks/_/2008_03_18/1205832269.jpg

上面是列表页,近似于首页的样子。大家还可以从 这里 访问得到。我的不满已经从图中标注了出来。

  1. 两个 Logo,我该选择哪个?另外一个有什么特殊的功能吗?
  2. 左边的这些文字在讨论什么呢?
  3. 这些链接我应该点击哪个?
  4. 「订阅本站」与上面的页面类目描述,是否有任何的关联?
  5. 多个 Border 形成区块再加上背景,是否感觉太生硬了?

文章的详细页面也是一样,也有很多的问题。

https://friable.rocks/_/2008_03_18/1205832292.jpg

  1. 那么多的订阅种子,我该选择哪个?
  2. 访问过的链接颜色都变了,是不是我不用再点了?
  3. 间距那么大,感觉整个页面都是一条一条的。
  4. 日期和这些按钮在一起,我点击以后会发生什么?

总之,一切都很糟糕。

未完,待续……

我的照片

嗨!我叫「明城」,八零后、码农、宁波佬,现居杭州。除了这里,同时也欢迎您关注我的 GitHub (2) 、 TwitterInstagram 等。

这个 Blog 原先的名字叫 Gracecode.com 、现在叫 「無標題文檔」 。 其实无所谓叫什么名字,作为码农知道取名是件很难的事情。最后想到的这个名字,其实都没啥特别的含义,系统默认的文件名而已。

作为八零后,自认为还仅存点傲娇式的幽默感,以及对平淡生活的追求和向往。 为了免得对号入座和不必要的麻烦,声明本站点所持观点仅代表个人意见,不代表自己所服务公司的立场。

如果您想联系我,可以发我邮件 `echo bWluZ2NoZW5nQG91dGxvb2suY29tCg== | base64 -d`

文章

项目