U.E Design Gracecode.com 的界面变迁 Part.1 2

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

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

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

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

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

http://www.gracecode.com/upload/2008_03_18/1205832269.jpg

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

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

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

http://www.gracecode.com/upload/2008_03_18/1205832292.jpg

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

总之,一切都很糟糕。

未完,待续……

这里是《Gracecode.com 的界面变迁 Part.1》的 永久连接(Permalink),欢迎您 留言 或发送 Trackback。您也可以查看此篇文章的 Wap 版本(适用于移动设备)。 最后,如果您对本站的内容感兴趣,欢迎您 订阅本站
欢迎您留言

请输入您的称呼

请输入您的电子邮件

请您输入留言内容