一直以来我都在改进 我的 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. 日期和这些按钮在一起,我点击以后会发生什么?

总之,一切都很糟糕。

未完,待续……